Chat App Admin
Admin
Guest
SET STATUS
Online
Away
Offline
Select reason...
Out to lunch
In a meeting
BRB
Account
Logout
Inbox
Entities
Settings
Widget Settings
System Settings
Agents
Departments
Channels
Email Settings
Stored Responses
AI Assistant
SPAS
API Actions
Message Forwarding
Coming Soon
API Tokens
Coming Soon
Keyboard Shortcuts
Coming Soon
Widget Settings
Save Settings
Widget Configuration
Configure chat widget appearance and behavior
Welcome Header
Header text displayed above the welcome message
Welcome Message
Message shown when widget opens - supports emojis and automatically detects text direction (RTL/LTR)
Placeholder Message
Message shown in the messages area when conversation is empty
Modal Position
Bottom Right
Bottom Left
Distance from Bottom (px)
Distance from bottom edge
Distance from Side (px)
Distance from left/right edge
Drawer Side
Right Side
Left Side
Drawer Width (px)
Width of the drawer panel
Animation Duration (ms)
Speed of drawer slide animation
Show Backdrop Overlay
Dark overlay behind drawer (recommended for mobile)
Push Page Content
Move page content to make room for drawer
Widget Color
Primary color for widget elements
Send Button Color
Color of the send message button
Send Button Hover Color
Color of the send button when hovering
Send Button Icon
Icon or text displayed in the send button (e.g., ➤, →, Send, 📤)
Message Bubble Colors
Customer Bubble Background
Background color for customer message bubbles
Customer Bubble Text Color
Text color for customer message bubbles
Agent Bubble Background
Background color for agent message bubbles
Agent Bubble Text Color
Text color for agent message bubbles
Font Family
Rubik Light (Default)
Arial
Helvetica
Georgia
Times New Roman
Courier New
System Default
Custom Font
Font family for widget text
Custom Font Family
Enter custom CSS font-family value
Message Text Color
Color for message text
Message Font Size (px)
Font size for messages (10-24px)
Font Weight
Light (300)
Normal (400)
Medium (500)
Semi-Bold (600)
Bold (700)
Weight/thickness of the font
Line Height (px)
Space between lines (12-36px)
Text Indent (px)
First line indentation (0-20px)
Font Smoothing
Auto
Antialiased
Subpixel Antialiased
Font rendering quality
Show Agent Subtitle
Display agent name under title
Shows current agent name as subtitle
Show AI Indicator
Display AI assistance indicator
Shows a banner when conversation is handled by AI (General AI or SPAS)
Widget Design Options
Enable Drop Shadow
Add drop shadow around widget and above input area
Border Width (px)
Widget border thickness (0-10px)
Border Color
Widget border color
Remove iframe border
Remove all borders from the iframe element itself
Widget Icon
Upload custom icon (60x60px recommended)
Special Banner Message
Optional banner shown at top of widget
Enable Widget
Debug Mode
Shows device ID in widget footer for debugging purposes
Allow Responding to Closed Conversations
If enabled, customers can respond to closed conversations (which will reopen them). If disabled, customers will start a new conversation when the previous one is closed.
Widget Display Mode
Always Visible - Show widget immediately
Hidden Mode - Hide widget until triggered
Choose when the widget becomes visible on your website
Widget Style
Modal Style - Floating bubble overlay
Drawer Style - Slide in from side, push content
Drawer V2 Style - Shrink page content, iframe on side
Choose how the widget appears and behaves
Widget Width (px)
Width of the widget when expanded (minimum 300px)
Widget Height (px)
Height of the widget when expanded (minimum 400px)
Trigger Element ID
*
Required for hidden mode: ID of an element on your page that when clicked will show/open the widget
Example:
If you have a button with
id="chat-support"
, enter
chat-support
here.
The widget will remain hidden until someone clicks that element.