Web Widget Customization
Make the Conviro chat widget match your brand perfectly.
Accessing Widget Settings
Navigate to Dashboard -> Assistants -> Your Bot -> Widget Settings.
Appearance
| Setting | Description |
|---|---|
| Primary Color | The main accent color for the widget header and buttons |
| Header Color | Background color of the widget header bar |
| Text Color | Color of text inside the widget |
| Font | Choose from system fonts or match your site font |
| Border Radius | Rounded or square corners for the widget window |
| Widget Icon | Choose from presets or upload your own logo/avatar |
| Widget Size | Compact, standard, or large |
Position & Behavior
- Position -- bottom-right or bottom-left
- Auto-open -- automatically open the widget after X seconds
- Mobile behavior -- full-screen on mobile or floating bubble
- Z-index -- adjust if the widget overlaps other elements on your page
Welcome Message & Greeting
Configure what visitors see when they first open the widget:
- Welcome Message -- the initial message displayed (e.g. "Hi! How can I help you today?")
- Suggested Questions -- up to 4 quick-reply buttons shown below the welcome message (e.g. "Track my order", "Pricing", "Talk to support")
- Offline Message -- shown outside business hours
Proactive Engagement
Trigger the widget to nudge visitors:
- Timed popup -- show a message bubble after the visitor has been on the page for X seconds
- Exit intent -- display a message when the visitor moves their mouse toward the browser close button
- Page-specific triggers -- show different messages on different pages (e.g. pricing page vs. blog)
Branding
- Powered by Conviro badge can be removed on Growth plan and above (white-label)
- Add your company logo to the widget header
- Customize the chat window title
Preview
Click the Preview button in Widget Settings to see a live preview of your changes before saving.
Tips
- Use your brand's primary color for visual consistency.
- Keep the welcome message under 80 characters for readability.
- Add 2-3 suggested questions to guide visitors to common topics.
- Test on both desktop and mobile to ensure a good experience.