Skip to main content

​
Chat Widget Customization

Make your chat widget match your brand.

​
Colors

​
header_background
color
required
Background color of the chat widget header
​
header_foreground
color
required
Text color in the header
​
primary_color
color
Primary accent color for buttons and highlights
​
background_color
color
Main chat background color

​
Branding

​
Avatar

Upload a custom avatar image:
  • Recommended size: 200x200px
  • Formats: PNG, JPG, GIF
  • Appears next to agent messages

​
Chat Greeting

Customize the initial message users see: 
👋 Hi there! I'm here to help. What can I assist you with today?

​
Welcome Message

Set what appears before users start chatting: 
Welcome to Acme Support! Ask me anything about our products and services.

​
Starter Prompts

Add quick-click options for common questions:
1

Navigate to Interface Settings

Go to Settings > Interface
2

Add Starter Prompts

Enter suggested questions users can click
3

Save

Prompts appear in the chat widget

​
Example Starters

  • “What are your hours?”
  • “Tell me about your services”
  • “I need help with an order”
  • “How do I contact you?”

​
Preview

Use the live preview to see changes in real-time before saving.

Share Widget

Get embed code for your website