Chat UI & Appearance

Customize how your chatbot looks and feels, including colors, conversation starters, and branding.

How to get there: Go to AI agents in the left menu → click your chatbot → Settings → General in the sidebar.

Conversation Starters

Found in the Settings → Appearance → Conversation Starters tab. Quick-action buttons that help visitors get started. Examples:

  • "What are your prices?"
  • "How do I get started?"
  • "Talk to a human"

Add up to 10 conversation starters to guide common questions.

Conversation starters appear before the visitor's first message or form submission. They stay hidden when the visitor opens that same conversation later, including while waiting for a person. Starting a new conversation makes them available again.

To hide all starters, remove them from the list. The separate button to talk to a person can stay visible when starters are hidden.

AI-Generated Quick-Reply Chips

Also found in the Conversation Starters tab, under the Enable AI-generated quick-reply chips toggle.

When enabled, the AI can show tap-to-answer buttons underneath its messages during intake questions. For example, if the bot asks "What's your budget range?" it can show buttons like "Under €1000", "€1000 - €5000", "Over €5000", plus a "Something else" option. The AI decides when and what to offer based on the conversation.

Notes:

  • Only works in the website widget. Email, SMS, WhatsApp, and API channels don't show chips.
  • Requires AI Actions to be enabled.
  • Chips disappear as soon as the visitor answers.

Branding & Colors

Found in the Settings → Appearance → Branding tab.

Following Widget Design

By default, your chatbot inherits colors from the widget it's installed on. You'll see: "Colors follow [Widget Name]" with two options:

  • Edit Widget Design — Opens the widget's design tab to change the theme and brand color.
  • Customize — Enables custom chatbot colors that override the widget theme.

Click Reset to Widget to go back to following the widget design.

Visual Editor

When custom colors are enabled, the Visual Editor lets you customize every part of the chatbot:

  • Quick Color Themes — Pre-made color presets to get started quickly
  • Click-to-edit — Click any part of the preview (header, messages, input, buttons) to edit its colors
  • Header — Background and text color
  • Messages — Bot message and user message colors
  • Input area — Text field and send button colors
  • Quick buttons — Conversation starter button styling

Full-Page Chat

Found in the Settings → Appearance → Full-page chat tab. Configure the chatbot to run as a full-page experience instead of a widget popup.

Privacy

Found in the Settings → General → Privacy tab. Configure consent collection before conversations begin. See Pre-chat consent for details.

Visitor Attachments

Visitors can upload files during conversations. See Visitor attachments for supported file types, limits, and how to turn it off.

Powered by ProductLift