Skip to main content
The widget is the chat bubble visitors see on your site. You control how it looks under Settings → Appearance. Every change auto-saves, and you can see it live in the Playground preview.

​
Appearance options

​
Customize the look

1

Open Appearance

Go to your agent’s dashboard and open Settings → Appearance.
2

Set your colors

Pick an Action color for buttons, then a Background color for the panel. Text contrast is handled for you, so light or dark both stay readable.
3

Choose an icon and position

Pick one of the 8 Widget icons for the launcher bubble, then set its Widget position to Left or Right.
4

Add your branding

Upload a Custom logo for the header, and add a Custom footer link if you want – for example, an online coffee store might use Powered by [Bean & Co](https://example.com).
5

Set a wallpaper (optional)

Turn on a Home wallpaper pattern, then tune its color and opacity to taste.
Pick an Action color that stands out against your site so visitors notice the chat bubble. Keep the footer short – it is meant for a single credit or link.

​
Light or dark mode

Dark mode is not an Appearance setting. It lives in Settings → General as the Dark Mode toggle. New bots start in light mode. If you want a dark widget, open Settings → General and turn Dark Mode on. See Agent Settings for the full General tab.
Dark mode switches the whole widget to a dark color theme. It is off by default for every new bot – you opt in.

​
Next steps

Quick Actions

Add up to 4 shortcut buttons – call, email, or a link – to the chat header.

Agent Settings

Find the Dark Mode toggle, language, and other general settings.