‹ Back
Chat Page Appearance / Theme

Design your chat theme

Match the chat to your website's look. Start from your site, then tell the assistant how to tweak it — the preview on the right updates live.

Loading your chat preview…

Ask the design assistant

e.g. “make it warmer”, “match a luxury feel”, “more contrast”, “use a light background”. It re-skins the preview as you go.

Describe the look you want — or draft from your website first.

Customize the look

Start from a palette, then fine-tune any part by section. Everything previews live on the right; a ↺ resets a value to default.

Version history

Each time you Save, the theme is snapshotted here (kept ~90 days). Restore loads an earlier version into the editor — review it, then Save to make it live.

Loading…
Advanced — edit the theme JSON directly

The full theme as JSON (one value per key). Power users and the AI assistant edit this directly; most people won't need it — use the controls above.

Save as default applies this theme to your live chat everywhere it's embedded. Copy embed code gives an iframe snippet with this exact theme as a ?theme= override — handy for a different look on a specific page.

Loading preview…