Customize Your AI Chatbot
Configure the widget appearance, behavior, and AI settings
Widget Colors
Customize the color scheme of your chat widget to match your brand. All colors can be configured in the Widget Settings.
| Color Setting | Description | Default |
|---|---|---|
| Button Color | The main chat widget trigger button and send button color | #6366f1 |
| Header Background | The background color of the chat header and input area | #f8fafc |
| Text Color | Primary text color for headers and bot messages | #1f2937 |
| User Messages | Background color of messages sent by the visitor | #6366f1 |
| Bot Messages | Background color of AI assistant responses | #e5e7eb |
| Chat Background | Background color of the main chat message area | #ffffff |
Tip: Each color has a reset button to restore the default value. Use complementary colors for user and bot messages to make conversations easy to follow.
AI Assistant Name
Customize the name displayed in the chat header. This is what visitors see as the AI assistant's identity. Examples:
- AI Assistant (default)
- Customer Support
- Sales Assistant
- Your company name or mascot
Initial Message
The greeting message visitors see when they first open the chat widget. This message sets the tone for the conversation and encourages engagement. Maximum 200 characters.
Example: "Hello! 👋 How can I help you today? Feel free to ask me anything about our products or services."
Widget Position
Control where the chat widget appears on your website:
| Position | Description |
|---|---|
| Bottom Right | Standard position, bottom right corner (recommended) |
| Bottom Left | Bottom left corner of the screen |
| Custom | Fine-tune with custom X and Y offsets (in pixels) |
With Custom positioning, you can set:
- Side: Right or Left
- X Offset: Horizontal distance from the edge (0-200px)
- Y Offset: Vertical distance from the bottom (0-400px)
Auto-Trigger
Automatically engage visitors by opening the chat after they've been on your page for a set time. This proactive approach can significantly increase conversation rates.
Settings:
- Enable/Disable: Toggle the auto-trigger feature on or off
- Delay: Time in seconds before triggering (1-60 seconds)
- Display Mode:
- Full Chat + Bubble: Opens full chat on desktop, shows notification bubble on mobile
- Bubble Only: Shows notification bubble on both desktop and mobile (less intrusive)
Tip: Start with a 5-10 second delay and the "Bubble Only" mode for a less intrusive experience. Monitor engagement rates to optimize.
Notification Bubble
Display a floating message bubble next to the chat widget button to grab visitor attention and encourage engagement.
Settings:
- Enable/Disable: Toggle the notification bubble
- Bubble Message: Custom text displayed in the bubble (max 100 characters)
Examples: "Ask anything!", "Need help?", "Chat with us!", "Got questions? 👋"
Unread Badge
Show a red notification badge on the chat button indicating unread messages. This visual cue draws attention to the widget and improves engagement rates by suggesting the visitor has a pending message.
Instruction Mode
Control how the AI assistant responds to conversations:
| Mode | Description | Best For |
|---|---|---|
| Business Focused | AI stays on topic and focuses on your business, products, and services. Redirects off-topic conversations back to business matters. | Ideal for businesses, e-commerce, SaaS |
| General Conversations | AI handles broader conversations without strict topic restrictions. More flexible and conversational. | Education, community sites, blogs |
Ask Questions
When enabled, the AI will ask relevant follow-up questions at the end of its messages. This helps:
- Better understand the visitor's needs
- Keep the conversation flowing naturally
- Gather useful information for support
- Increase engagement and conversation depth
Use Emoji
When enabled, the AI will include friendly emojis in its responses to make conversations feel more warm and approachable. Disable for a more professional, formal tone.
Localization
Automatically translate your widget interface to match your visitor's browser language. Supports 32 languages including:
What Gets Translated:
- AI Assistant Name: The name shown in the chat header
- Initial Message: The greeting message when chat opens
- Notification Bubble Message: The text in the attention-grabbing bubble
Features:
- Auto-detection: Widget automatically detects visitor's browser language
- Edit Translations: View and customize translations for each language
- Regenerate: Re-generate all translations with one click
Tip: Localization significantly improves engagement rates for international audiences. The AI will also respond in the visitor's detected language.
Hide Branding
Remove the "Powered by Asyntai" text from the bottom of the chat widget for a completely white-label experience. This is ideal for agencies and businesses that want seamless brand integration.
Preview Your Widget
Before your changes go live, test how your chat widget will look and behave on different devices using the simulation buttons.
Tip: The preview simulations load the actual widget exactly as it would appear on your website, including your custom colors, messages, and auto-trigger settings.
Saving Changes
All customization changes are saved automatically as you make them. You'll see a confirmation message when settings are saved successfully. Changes take effect immediately on your website.