DocsYour DashboardWidget Customization
Widget Customization
AppearanceMake the chat look like it belongs to your brand. Dashboard → My Agents → Customization, with a live preview that updates as you type.
Anatomy of the chat widget
Your AI Agent
Online
Hi! Ask me about pricing or delivery.
Do you ship to Karachi?
Yes — 2 to 3 days, cash on delivery available.
BookHumanIssueFeedback
Type a message…Powered by Botvee
- Header — Agent name, your logo and live status — all customisable
- Messages — Separate colours for AI, visitor and human agent bubbles
- Action bar — Book, Request Human, Report Issue, Feedback, End Chat — shown based on your Agent Settings
- Input area — Text, voice notes and file uploads
- Footer — “Powered by Botvee”, removable on Pro
Identity
- AI agent name — shown in the chat header
- AI agent logo — your avatar or mark
- Welcome message — the first thing a visitor reads
- Input placeholder text
Colours you control
| Area | Options |
|---|---|
| Brand | Primary / accent colour, launcher bubble colour |
| AI messages | Bubble background, text colour |
| Human agent messages | Bubble background, text colour |
| Visitor messages | Bubble background, text colour |
| Surfaces | Chat window, header, input area, footer backgrounds |
| Text | Header title, timestamps, placeholder, notification text, “Powered by” |
| Details | Border colour, action button background, text and hover state |
Action bar
The buttons a visitor sees appear automatically based on your Agent Settings:
Request HumanReport IssueGive FeedbackBook AppointmentEnd Chat
Branding
The “Powered by Botvee” line can be removed on the Pro plan. On other plans you can restyle its colour to blend in.
Best practices
- Use your real brand colour for the launcher — recognition matters more than contrast tricks
- Keep the welcome message under 15 words and specific: “Ask me about pricing or delivery” beats “Hello!”
- Check readability in both a light and a dark page background
- Preview on mobile — most visitors are on a phone
Note
Appearance changes are live instantly. You never need to touch the embed script again after the first install.