# Display Plugin in Webchat

**Cognigy Support**  
February 12, 2021

There are two steps required if one wants to display a Webchat Plugin in the Webchat window:

1. [Install the Webchat Plugin](https://support.cognigy.com/hc/en-us/articles/360019611899)
2. Tell the Webchat to display it

For installing the plugin, [please follow this guide](https://support.cognigy.com/hc/en-us/articles/360019611899). Finally, one can use a [Say](https://docs.cognigy.com/docs/say-nodes) Node in order to tell the Webchat that it should display a specific Webchat Plugin with a related configuration. Therefore, a so-called **DATA-ONLY Message** is used, which will look similar to the following _(Example: Rating Webchat Plugin):_

One will find the data information, JSON format, on the GitHub page of the related Webchat Plugin:

- [Rating Webchat Plugin GitHub page](https://github.com/Cognigy/WebchatPlugins/tree/master/plugins/rating)

```
{
  "_plugin": {
    "type": "rating",
    "title": "Please rate us",
    "initialRating": 2,
    "size": "medium",
    "variant": "heart",
    "maxRatingValue": 5,
    "precision": 1,
    "rateButtonText": "Send Rating"
  }
}
```

_Please note that the JSON shown above changes from Plugin to Plugin._

Inside the Flow, one will see a simple Say node:

In order to improve the maintenance, one should use the node's style function and rename  the label:

## Result

As soon as the Say node is executed, the Webchat will display the following ( _Example: Rating Webchat Plugin_):

### Webchat Plugins

- [Webchat Plugins Overview](https://support.cognigy.com/hc/en-us/articles/360019600399-Webchat-Plugins-Overview)
- [Get Started with Webchat Plugins](https://support.cognigy.com/hc/en-us/articles/360019600619-Get-Started-with-Webchat-Plugins)
- [Webchat Plugins Installation](https://support.cognigy.com/hc/en-us/articles/360019611899-Webchat-Plugins-Installation)
- [Display Plugin in Webchat](https://support.cognigy.com/hc/en-us/articles/360019613419-Display-Plugin-in-Webchat)