Widget Customization — Brand Your Free AI Chat Widget

Widget Customizer

All widget customization happens in the Widget Customizer at Dashboard → Agent → Widget Customizer. It has four tabs and shows a live preview as you make changes.

Brand Tab

Set the visual identity:

• Name — the name shown in the chat header
• Accent color — the main color for buttons and highlights
• Colors — background colors for the chat window and input area
• Widget icon — the chat bubble icon (upload your own or pick from the set)
• Chat icon — the icon inside the chat header
• Auto-brand — click to automatically pick up your brand colors from your website

Chat Tab

Set up the welcome experience:

• Splash screen — toggle an optional welcome screen with title, subtitle, and logo
• Welcome message — the first message visitors see
• Splash menu items — clickable links or actions on the welcome screen
• Starter questions — up to 4 suggested prompts

AI Rules Tab

Control how your agent behaves:

• Model — choose which AI model your agent uses (options depend on your plan)
• Personality preset — pick from pre-built personalities (General, Support, Sales, E-commerce, Education, Real Estate) or write your own custom instructions

Embed Tab

Get the code to add your widget to your site:

• Script tag — the standard floating widget setup
• Iframe embed — for embedding the widget inline on a page
• Platform-specific instructions — guides for Shopify, WordPress, Squarespace, Wix, Webflow, and more

Customization Options

Auto-Save

All changes in the Widget Customizer save automatically. There is no save button — just make your changes and they're applied. The preview updates in real time so you always see what visitors will see.