Skip to main content

Chat Widget Customization

Make your chat widget match your brand.
Plan availability: Standard or higher. See Plans & Billing.

Widget Layout

Choose how the chat presents itself on your website when embedded. Colors, greeting, avatar, and starters apply to every layout.

Chat widget (default)

A round launcher in the bottom-right corner that opens the chat panel.

Answer bar

An always-visible “Ask a question” bar centered at the bottom of the page. The conversation rises above it once a visitor asks something. Cmd+I (Ctrl+I on Windows) focuses the bar from anywhere on the page.

Docked widget

A “Chat with …” tab flush with the bottom edge of the page that expands into a panel anchored to the bottom-right corner.
The layout applies to the embedded widget on your site. The shareable full-screen chat page always uses the standard chat view.

Colors

color
required
Background color of the chat widget header
color
required
Text color in the header
color
Primary accent color for buttons and highlights
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:

Welcome Message

Set what appears before users start chatting:

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