Embed Widget›Widget Customization
Widget Customization
Change colours, fonts, avatar, position, and more — all from the Dashboard without touching any code.
Go to Dashboard → Agents → [your agent] → Widget. Every change saves with Save Changes and goes live instantly.
Avatar
| Type | Description |
|---|---|
Avatar | Pick from preset emoji avatars (👤 🤖 😎 etc.) |
Link | Enter a public image URL (PNG, JPG, SVG) |
Image | Upload your own image (max 50 KB, 172×172px recommended) |
Colours
| Setting | What it controls |
|---|---|
| Header Background | The top bar of the chat window |
| Header Text | Agent name in the header |
| Bot Message Color | Background of bot reply bubbles |
| User Message Color | Background of visitor message bubbles |
| Bot Text / User Text | Text colour inside the bubbles |
| Footer Background | Background behind the input field |
| Input Text Color | Colour of text the visitor types |
Layout
| Setting | Options |
|---|---|
| Position | bottom-right (default) or bottom-left |
| Widget Width | Default 400px. Adjust for your design. |
| Border Radius | Controls roundness of the chat window corners. |
Additional Options
| Toggle | What it does |
|---|---|
| Show Agent Avatar | Shows the avatar next to each bot message bubble |
| Enable Sound | Plays a soft notification sound when bot replies |
| Enable Typing Indicator | Shows ... animation while bot is generating a response |
Typography
| Setting | Description |
|---|---|
| Font Family | The font used throughout the widget. Defaults to Inter / system fonts. |
| Font Size | Base font size in px for message text. Default is 14px. |
| Message Border Radius | Roundness of message bubbles. Default is 16px. |
Sound
When enabled, a soft chime plays each time the bot sends a reply. You can control the volume (0–1 scale) from the widget settings.
Terms & Conditions
Optionally require visitors to accept your Terms & Conditions before they can start chatting. When enabled, a modal appears the first time the widget opens — the input field is locked until they accept.
Enable Require Terms and paste your terms text into the field. Keep it short and readable — visitors are less likely to accept a wall of legal text.
CTA Buttons
Add WhatsApp and Call buttons that float above the chat launcher bubble on your website — visible before the visitor even opens the chat.
| Button | What it does |
|---|---|
WhatsApp | Opens a WhatsApp chat with your number. Enter digits only — e.g. 919876543210 for India. |
Call | Opens the device dialler with your phone number pre-filled. |
How they appear: CTA buttons show as floating banner cards above the launcher bubble — with the button label and a subtitle (e.g. "Typically replies instantly"). Each card has a × to dismiss it. They hide automatically when the chat window is opened.
On this page