The Web Chat plug-in provides the chat panel to the users from where they can do the conversations with Bots or Agents.
The plugin provides different modes for the Web Chat panel. You can select any one of the modes to display the Web Chat panel in a particular format. Additionally, the plugin also provides various options to customize the design as per the requirements.
The following table describes the options that you can configure for the webchat plugin:
| Field | Description |
|---|---|
| Plugin Mode | Different modes to display the web chat panel. The available options are:
|
| Welcome Message | Select the option to display the welcome message. |
| Manual Popup Control | The toggle button to control displaying the web chat panel. |
| Popup Button Image | The icon or image of the button that opens the web chat panel. The button appears at the bottom right side of the screen. |
| Popup Button Bottom (px) | The margin from the bottom side of the popup button. |
| Popup Button Right (px) | The margin from the right side of the popup button. |
| Popup Width (px) | The width of the web chat panel. |
| Popup Height (px) | The height of the web chat panel. |
| Popup Right (px) | The margin from the right side of the web chat panel. |
| Popup Bottom (px) | The margin from the bottom side of the web chat panel. |
| Popup Min Top Margin (px) | The minimum margin from the top side of the webchat channel. |
| Popup Close Button Size (px) | The size of the cross icon to close the web chat panel. The cross icon appears at the top right side of the panel. |
| Popup Close Button Color | The color of the cross icon to close the web chat panel. |
| Themes | The theme to display the web chat panel. For more information about themes, see Themes. |
Based on the template that you select or options that you change, the web chat panel layout is updated. In the webchat panel, you can type the sample text or upload any sample file to know how the messages and files can look when the user uses the web chat panel.
At the bottom of the Plugins page, the code panel displays the code generated for the selected options. You can click the Copy icon to copy the code and use it on your website to integrate the web chat panel.