Web Widget

To set up your web widget, go to the “Channels” page on your dashboard and click the gear icon next to “WEB WIDGET”.

Widget Set-up

• Widget Position: You can choose where the chat widget will appear on your website. You can place it in the bottom-right or bottom-left corner.
• Open By Default: Choose if the widget should open automatically when someone visits your site. Use the “Open by Default” toggle to turn this behaviour on or off, depending on how visible you want it to be when users arrive.
• Allow New Conversations: This setting allows users to start new conversations in the widget by clicking the “new conversation” icon on the widget UI. Note this icon is not visible on the UI by defult, to set it up toggle this setting to on.

You can also customize how the widget looks:

• Set the Logo Background Color to match your brand
• Adjust the Logo Foreground Color to change the icon’s color for better contrast or style

Once you’ve finished customizing, click Save to apply the changes.

To add the widget to your website, copy the provided <script> code and paste it into your site’s HTML, just before the closing </body> tag. After adding the code, save and publish your website—your chat widget will now be live and ready for visitors.

Custom Events

In the Events section, you’ll find code snippets you can use to control the widget with your own scripts. For example, you can programmatically open or close the widget using these events.