Skip to main content

Live Chat Widget for Websites

Embed a live chat widget on your website that answers questions first, escalates to your team when needed, and captures offline leads with full conversation context.

What it does

Your widget answers questions from your trained content. When visitors clearly ask for a person, the widget queues them for your team or captures their contact details as a lead if nobody is available.

Plan requirement

Live chat handoff in the widget is available on Business and Scale plans. Free and Pro plans have the basic AI-only widget.

Installation

Copy the widget install script from your bot’s share assets, paste it into your website HTML, and the widget appears in the bottom-right corner with your configured colour and teaser.

Key features

AI answers first

The widget answers questions from your trained content before offering human escalation.

Visitor escalation

Visitors can type messages like 'talk to a person' to request human help without logging in.

Agent queue

Your team sees queued visitors in the Live Inbox with unread counts and agent presence tracking.

Direct replies

Agents reply directly to visitors from the workspace, with full conversation history visible.

Offline lead capture

If no agents are available, the widget asks for contact details and captures a lead with the transcript.

Customizable appearance

Set the widget type (icon only or icon with text), widget colour and proactive teaser in Settings → Bot → Website widget. The launcher sits in the bottom-right corner and moves above fixed bottom bars automatically.

Setup in 5 steps

1. Create or select a public bot

The bot must be public and trained with your content (PDFs, website pages, pasted text, etc.).

2. Upgrade to Business or Scale

Live chat widget capability is included on Business and Scale plans. Free and Pro have AI-only widgets.

3. Install the widget script

Copy the widget install script from your bot's share assets and paste it into your website HTML.

4. Test on your site

Load your website page and test AI answers, then request a person to trigger the handoff flow.

5. Configure agent settings

Turn on Live Chat in Settings → Live Chat, set allowed domains in Settings → Bot → Website widget, invite your team in Settings → Bot → Access & team, and add webhooks in Settings → Integrations → Webhooks.

Frequently asked questions

Can the live chat widget be installed on multiple pages?

Yes. The same widget can be installed on multiple pages of your website. Visitors on different pages use the same bot and conversation state.

Do visitors need to log in?

No. The widget works for anonymous visitors. They only provide contact details if no agents are available and the bot asks for lead capture.

Can I customize the widget appearance?

Yes. Set the widget type (icon only or icon with text), widget colour and proactive teaser in Settings → Bot → Website widget. The launcher always sits in the bottom-right corner; visitors can tuck it away, and you can lift it with a bottom-offset attribute on the install script.

What happens if no agents are online?

The widget asks the visitor for contact details and captures them as a lead with the full conversation history.

Can visitors see agent presence?

Not directly. If the visitor requests help, they enter a queue. The widget shows queued status or offline lead capture—no 'online' indicator.

Is live chat widget available on all plans?

The basic widget is available on all plans. Live chat handoff in the widget requires Business or Scale plans. Free and Pro plans have AI-only widgets.

Basic Widget DocsLive Chat OverviewView Plans

See how it works in the app

Illustrative app views with fictional businesses, contacts and sample data. Select an image to view it full size.

Live Chat inbox with Queued, Active, Resolved and Missed tabs, a fictional custom-cake conversation between a visitor and an agent, a reply box and visitor details.

Continue the conversation with a person

Live Chat brings active conversations, the selected transcript and session details together. On Business or higher, an available agent can accept a handoff, reply with context and resolve the conversation.

Explore this workflow
View the complete product tour →