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.
Uploading a custom avatar for the chat header and launcher
Replace the default initial-letter avatar with your own image, and use it as the launcher icon.
Behavior: replies, animations, memory, and page visibility
Control what shows on replies, when the widget opens, what it remembers, and where it appears.
Controlling which pages show the widget
Show the widget everywhere by default, or restrict it to — or hide it from — specific storefront pages.
Setting up the Help Center tab
A separate, searchable Help tab in the widget — distinct from your AI's knowledge base.
Organizing Help Center topics and generating articles with AI
Group Help Center articles into icon-coded topics, and draft a batch of Q&A articles automatically.
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.