The Appearance Settings section allows you to customize the visual look and feel of your chatbot widget. These options ensure that the chatbot aligns with your brand identity and creates a seamless experience for your users.
| Field | Description | Example |
|---|---|---|
| Primary Color | The main color used in the chat widget, including the chat header and button background. Set using a HEX color code. | #3b82f6 (Blue) |
| Secondary Color | The accent/background color used for secondary UI elements inside the chat widget. | #ffffff (White) |
| Font Family | The font style applied to all chatbot text for consistency with your brand’s typography. | Inter, Roboto, Arial |
| Button Position | Defines where the chat widget button appears on your website. Options: Bottom Right, Bottom Left. | Bottom Right |
| Button Text | Custom text displayed on the chat button. Leaving this empty shows only the chat icon. | Ask Us |
| Avatar Image | Upload a custom image/logo to represent the chatbot inside the widget header. | Company logo or bot avatar |
| Disclaimer Message | A short message displayed to users before or during the chat session. Commonly used for legal, compliance, or consent notices. | This chat may be monitored for quality purposes. |
| Use Case | Configuration Details |
|---|---|
| Corporate Website Support Bot | Primary: Dark Blue<br>Secondary: White<br>Font: Inter<br>Button Position: Bottom Right<br>Disclaimer: “Your chat may be recorded for support purposes.” |
| E-commerce Sales Assistant | Primary: Bright Green<br>Secondary: Light Grey<br>Font: Roboto<br>Button Text: “Shop Assistant”<br>Avatar: Store Logo |
| Healthcare Information Bot | Primary: Teal<br>Secondary: White<br>Font: Arial<br>Disclaimer: “This chatbot does not replace professional medical advice.” |
Start building intelligent AI agents to engage with customers.
