Live Chat Setup
Add a live chat widget to your website to let visitors start conversations directly from your pages. Unlike WhatsApp, Instagram, and Messenger, Live Chat does not require OAuth or a third-party account — create a channel and embed a script tag on your site.Live Chat has no messaging window restrictions. You can send messages to visitors at any time, as long as they have an active session on your website.
Prerequisites
Before setting up Live Chat, make sure you have:- A Tedro workspace with Admin role
- A website where you can add a script tag (access to HTML or a tag manager)
Create a Live Chat Channel
Customize the Widget
After connecting, open the channel detail page (Settings > Channels > [Your Live Chat Channel]) to configure the widget appearance and behavior.Branding
Pre-Chat Form
Enable the pre-chat form to collect visitor information before the conversation starts:Channel Capabilities
Advanced Widget Integration
Single-Page Applications (SPA)
If your website is a single-page application (React, Vue, Angular, etc.), the widget loader script handles route changes automatically. Add the script tag once in your main HTML file — it persists across client-side navigation.Google Tag Manager
To add the widget via Google Tag Manager:Widget Data Attributes
Customize the widget behavior using data attributes on the script tag:Data attribute overrides take precedence over settings configured in the Tedro dashboard. Use them for per-page customization — for example, showing a different welcome message on your pricing page vs your support page.
What’s Next
Inbox
Manage Live Chat conversations alongside your other channels in the unified inbox.
AI Agents
Set up an AI agent to handle Live Chat conversations automatically.