Appearance

Colors, fonts, corner style, panel layout, and the AI disclaimer.

Configure → Appearance. Everything here changes what the shopper sees.

Theme and color

Setting	Notes
Theme	Auto, Light, Dark, or Custom. Auto follows the shopper's system preference.
Brand color	Buttons, links and accents.
Surface color	The chat background.
Text color	Body text. Borders and muted text are derived from it.

Because borders and muted text derive from the text color, you usually only need the three colors rather than tuning every shade.

Type and shape

Setting	Notes
Corner radius	Sharp, Default, or Rounded.
Primary font	A CSS font-family. Blank keeps the system default.
Secondary font	Blank reuses the primary font.

Layout

Setting	Notes
Desktop panel side	Left and Right open a side panel. Middle floats a compact input at the bottom of the screen, like mobile.
Mobile bottom bar	Show keeps a persistent chat bar at the bottom on mobile.
Stacking order (z-index)	How high the chat sits above your page. Lower it if a cookie banner or sticky header needs to stay on top. Blank uses the default.

If the chat covers something important on your site (or is covered by it), the z-index is the setting to reach for before changing anything on your own page.

AI disclaimer

A short line below the chat input reminding shoppers the assistant can be wrong. Toggle Show or Hide, and override the wording if you need to. The text supports Markdown for links and bold, so you can point at your own AI policy.

What the shopper sees

Every setting here is visible on the storefront once it saves: the panel position, its colors, the shape of its corners, and whether a disclaimer sits under the input.