Docs / Widget & Design
Widget & Design
Every tab on the Widget design page.
Chat window settings: name, greeting, and input
Configure the chat header, greeting message, and input field, with a live preview alongside.
Setting up the Home screen
Show a welcome screen before chat, with a promotion banner, quick actions, and a product row.
Appearance: colors, launcher, and avatar
Match the widget to your brand — colors, the launcher button, and the agent's avatar.
Behavior: replies, animations, memory, and page visibility
Control what shows on replies, when the widget opens, what it remembers, and where it appears.
Setting up the Help Center tab
A separate, searchable Help tab in the widget — distinct from your AI's knowledge base.
Setting up the Order tracking tab
A dedicated tab where customers can look up their order status without chatting.
Using the Live preview to test before publishing
Every widget design change is visible instantly, in every widget state, before it ever reaches customers.
Best practices for widget design
A quick checklist for a widget that feels on-brand and doesn't get in customers' way.