Appearance (35+ Options)
Complete reference of every widget customization option.
Colors
| Setting | Default | Description |
|---|---|---|
| Primary color | #2563EB | Header, buttons, links, FAB |
| Text on primary | #FFFFFF | Text on primary backgrounds |
| Background | #FFFFFF | Widget body background |
| Gradient from/to | — | Optional header gradient |
| Customer bubbles | Primary | Customer message background |
| AI bubbles | #F3F4F6 | AI message background |
| AI bubble text | #111827 | Text in AI messages |
Aurora Gradient
The Home page supports a mesh/aurora gradient with 4 configurable colors. Presets: Rose/Violet, Ocean, Sunset, Forest, Midnight.
General
| Setting | Default | Description |
|---|---|---|
| Company name | Org name | Widget header text |
| Logo URL | — | Header logo image |
| AI avatar | 🤖 | Avatar next to AI messages |
| Greeting | "Bonjour !" | First message on open |
| Home title | "How can we help?" | Home page title |
| Input placeholder | "Write your message..." | Text input placeholder |
| Language | French | FR or EN |
| Position | Bottom right | Bottom-right or bottom-left |
Bubbles
| Setting | Default |
|---|---|
| Style | Rounded (16px) / Sharp (4px) / Pill (999px) |
| Show agent avatar | Yes |
| Show timestamps | Yes |
FAB (Floating Button)
| Setting | Default |
|---|---|
| Size | 56px (48-80px range) |
| Icon | Chat / Message / Help / Custom |
| Auto-open delay | Off (5-120s) |
Navigation Bar
5 styles for the bottom tab bar: Default, Pill, Floating (glassmorphism), Minimal, Icon-only. Plus 4 active tab indicators: Bold, Filled, Underline, Dot.
Advanced
| Setting | Default |
|---|---|
| Font | System / Inter / Roboto / Poppins |
| Border radius | 16px (0-32px) |
| Z-index | 9999 |
| Mobile fullscreen | Yes |
| Hide branding | No (Scale plan only) |
| Custom CSS | — |