Widget
Each agent has its own widget configuration under Deploy, split into Content, Style, and Embed tabs. The live preview next to the form mirrors the real widget size and behavior.
Content
- Chat title, Chat subtitle, Welcome message, Input placeholder, and Launcher text.
- Quick questions — see below.
Quick questions
Turn on Enable quick questions in Deploy → Content to do two things:
- Show up to 3 preset questions as chips when a visitor opens the chat. Enter one question per line, up to 60 characters each.
- Auto-suggest follow-up question chips after each reply, based on the conversation.
Clicking a chip sends that question. When the switch is off, no chips appear.
Style
- Logo image — shown in the chat header.
- Chat button image — a custom launcher icon.
- Primary color with an Opacity control.
- Chat button color — the launcher background; follows the primary color when unset.
- Position — bottom right or bottom left.
- Launcher style — Bubble or Card.
- Allow drag — lets visitors drag the launcher to another spot.
Runtime model
The widget is a hybrid script and iframe runtime:
widget.jsinserts the floating launcher and the chat iframe.- The iframe contains the conversation UI; configuration is passed in with
postMessage. - The chat panel opens at 360 x 620 (capped to the viewport on small screens) and includes an expand control for a larger view.
- While the panel is open, the launcher stays in place and doubles as the close button.
- The host page stays isolated from chat UI state, avoiding CSS conflicts with your website.