Skip to main content
PolyAI offers webchat as an additional Channel alongside voice. You can configure the widget in any existing project under Settings → Webchat.
Conversations from webchat appear in Conversation review with Channel: Webchat.

​
Customize

Use the live preview in the Customize tab to adjust how the widget looks. The preview on the right updates immediately as you change settings.
  • Header text: The title shown in the widget header. Use your brand or assistant name.
  • Primary color: Sets header and action elements (buttons, chips). Enter a hex code or pick from the selector. Aim for sufficient contrast.
Customize tab with live preview
  • Left panel: editable fields for the Header text and Primary color.
  • Right panel: a real-time preview of the widget with your changes applied.
  • Info banner: after changing styles, you must deploy via Test and install → Generate script tag.

​
Test and install

There are two ways to test the widget:
  • Live test
  • Embedded script
Use Preview Demo for an in-page test without touching your website.
  • Click Preview Demo to load the widget in an inline iFrame.
  • Interact with the chat to validate greetings, handoff, and styling.
  • The floating launcher button (bottom-right) opens/closes the widget. The demo uses the settings from Customize and the variant selected in the dropdown.
What the screenshots show:Preview Demo panel
  • The Preview Demo section is at the top of Test and install.
  • The right-hand panel shows the widget rendered with your current Header text and Primary color. Inline demo in use
Variant dropdownUse the variant dropdown in the top-right of the preview to choose which variant the webchat connects to. Both Preview Demo and the generated script tag reflect the variant you select.
⌘I