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.
Collect Emails
When enabled, an optional email input field appears above the chat input. The email is saved when the visitor sends their first message. Collected emails appear on your Leads page where you can view and export them.
Collect Phone Numbers
When enabled, an optional phone input field with international country code selector appears above the chat input. The phone number is saved when the visitor sends their first message. Phone numbers are saved to your Leads page alongside emails.
Note: Both fields are optional - visitors can dismiss them with the X button. If both options are enabled, the fields appear stacked above each other. If localization is enabled, the prompts are automatically translated.
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.
Privacy Link
Display a link to your privacy policy in the chat widget footer, right next to the "Powered by Asyntai" branding. This helps you comply with privacy regulations and builds trust with your visitors.
Settings:
- Enable/Disable: Toggle the privacy link on or off
- Link URL: The URL to your privacy policy page (e.g., https://yoursite.com/privacy)
- Link Text: Customize the text displayed (default: "Privacy Policy", max 20 characters). You can translate this to any language.
How It Appears:
Note: If you have "Hide Branding" enabled (Pro plan), only the privacy link will appear in the footer. If both are disabled, the footer is hidden completely.
Custom Notice
Display a custom notice above the chat input field. This is perfect for disclaimers, consent notices, or important information you want visitors to see before chatting.
Features:
- Custom Text: Write any message up to 500 characters
- Markdown Links: Support for clickable links using markdown syntax:
[Link Text](https://url.com) - Dismissible: Visitors can close the notice with the X button (remembers their preference)
- Resets on New Session: Notice reappears when a new chat session starts
Example Uses:
- "AI responses may not always be accurate. Please verify important information."
- "By using this chat, you agree to our [Privacy Policy](https://yoursite.com/privacy) and [Terms](https://yoursite.com/terms)."
How It Appears:
Tip: Use markdown links to include clickable privacy policies or terms of service. Example: [Privacy Policy](https://yoursite.com/privacy)
Chat Icon
Upload a custom image to replace the default chat widget button icon. Your image will be cropped to a square and displayed as the floating chat button that visitors click to open the chat.
Features:
- Custom Branding: Use your company logo or a custom icon that matches your brand
- Image Cropper: Built-in cropper lets you select exactly which part of your image to use
- Supported Formats: PNG, JPG, GIF, and WebP
- Easy Removal: Remove your custom icon anytime to restore the default chat bubble
Tip: For best results, use a square image with a simple design that's recognizable at small sizes (70x70 pixels).
Profile Picture
Upload a profile picture that appears in the chat header next to the AI assistant's name. This gives your chat a more personalized, human-like appearance.
How It Appears:
When set, a circular profile image displays in the chat header in this order:
- Online Status Dot: Green pulsing indicator
- Profile Picture: Your uploaded circular image
- Assistant Name: The AI name and "Online" status
Use Cases:
- Add a friendly avatar to represent your AI assistant
- Use your brand mascot or logo
- Show a team member's photo for a personal touch
Tip: Use a clear, high-quality image with a face or recognizable icon. The image will be cropped to a circle and displayed at 40x40 pixels.
Character Limit
Set the maximum number of characters a visitor can send in a single message. This helps prevent spam and keeps conversations focused.
How It Works:
- Default Limit: 750 characters per message
- Minimum Value: 500 characters
- Warning: A small red notice appears below the input field when a visitor exceeds the limit
- Auto-Shorten: Messages that exceed the limit are automatically shortened to the configured length before being sent
Recommendation: We recommend keeping the limit at 750 characters. Setting it too high may increase the risk of spam or misuse by allowing excessively long messages.
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.