Live Chat Overview

Kantos Live Chat lets you engage website visitors in real-time through an embeddable chat widget. Conversations flow directly into your unified inbox alongside emails, giving your team a single place to manage all customer communications.

Key Features

• Embeddable Widget — Add a single script tag to any website and get a fully functional chat widget with your branding.
• Pre-Chat Forms — Capture visitor name, email, and custom fields before the conversation starts.
• Real-Time Messaging — Messages are delivered instantly using Supabase Realtime—no page refresh required.
• Agent Status — Toggle online/offline status to show visitors when agents are available.
• Unified Inbox — Live chat conversations appear alongside emails in your inbox with a "Live Chat" badge.
• Visitor Tracking — See the current page URL, referrer, and browser info for each visitor.

Quick Start

1. Navigate to Communications → Live Chat in your dashboard.
2. Toggle the widget status to Enabled.
3. Customize your widget branding (colors, header text, welcome message).
4. Copy the installation script and add it to your website before the closing </body> tag.
5. Set your agent status to "Online" to start receiving chats.

How It Works

When a visitor loads your website, the chat widget script fetches your organization's configuration and renders a chat bubble. Clicking the bubble opens the chat window where visitors can:

1. Fill out the pre-chat form (if enabled)
2. Send messages in real-time
3. See when agents are typing
4. Receive agent responses instantly

On your end, new conversations appear in your inbox. Click on a conversation to view the full chat history and respond.

Installation

Add the following script tag to your website, just before the closing </body> tag:

<script src="https://app.kantoscrm.com/api/live-chat/script/your-org-slug"></script>

Replace your-org-slug with your organization's subdomain. The widget will load automatically and position itself in the bottom-right corner of the page.

Next Steps

• Widget Customization — Learn how to customize colors, positioning, and messaging.
• Pre-Chat Forms — Configure which fields to collect from visitors.
• Agent Management — Set up agent statuses and availability.
• Inbox Integration — Manage live chat alongside emails in your unified inbox.