How to Customize Widget Appearance

All widget customization happens in the Design tab of the Bot Playground. Every change appears instantly in the live preview.

Go to Bots → click “Design & Deploy” on your bot.
The left side shows a live preview; the right side is the Widget Designer panel.
Toggle between desktop and mobile preview to check different screen sizes.

Click Reset to Defaults at the top of the designer to restore all settings.

What you can customize

The Widget Designer lets you configure:

Colors — primary color, background, text, bubble colors for user and bot messages.
Placement & Size — opening style (bottom corner, modal, side panel, center launcher) and widget height.
Header — title, subtitle, avatar, and “Powered by” badge.
Launcher Button — style (icon/text/both), icon, shape, and attention effect.
Typography — font size and font family.
Behavior — auto-open with delay, mobile visibility, greeting bubble.
Messages — welcome message, placeholder text, suggested questions.

For the full list of every option with defaults, see Widget Settings Reference.