Documentation

Appearance & theming

Match the widget to your brand: colors, presets, fonts, dark mode, launcher icon, position, and size.

Everything visual lives in the Theme tab of the widget customizer. Changes are saved to the widget and apply everywhere it's embedded — no need to re-copy the code.

What you can change

  • Colors — primary/accent, header, chat background, user & bot bubbles, and input.
  • Presets — one-click premium color themes to start from.
  • Fonts — a set of curated typefaces.
  • Dark mode — a dark variant of the widget.
  • Shape & depth — border radius, shadow intensity, and bubble size.
  • Launcher icon — chat, bot, help, or sparkle.
  • Position — bottom-right or bottom-left, with optional offsets.
Customizing the widget's visual style
Colors, fonts, and presets in the Theme tab.
Customizing the widget's position and placement
Placement and offsets.
Need pixel-level control? Add your own styles with Custom CSS.