🔥 Now Powered by Multi-Agent Live Chat

Empower Your Team. Engage Your Customers. The Future of Support is Here.

A beautiful, real-time customer support chat widget and multi-agent admin panel. Open the agent portal on the right and chat with yourself in real-time!

Open Agent Panel

Real-Time Sync

Uses modern tab synchronization for instantaneous, offline-ready chat sessions with zero configuration or complex server commands.

👥

Multi-Agent Routing

Simulate multiple agent profiles. Assign, transfer, close chats, and take private agent-only notes inside the admin panel.

💡

Canned Responses

Speed up conversation rates with preset response shortcuts like /hello or /refund to auto-populate the replies.

💬

AI-Powered Autopilot

Configure standard fallback messages, custom keyword triggers, or instant automated replies to handle high-volume queues. Easily handoff to live agents with simple triggers.

📍

Visitor Geolocation & Analytics

Keep track of unique website visits, tracking city and country origins directly on the supervisor dashboard to monitor live global support demand.

🎨

Custom Widget Appearance

Brand the chat widget dynamically from the Admin Panel. Change primary gradients, display names, welcome text, brand logos, custom curved label overlays, or active icons.

📊

CSAT & Feedback Metrics

Prompt customers to evaluate support sessions using our integrated 5-star customer satisfaction survey, detailing agent scores and text comments in real-time logs.

📎

Rich Attachments & Files

Transfer screenshots, log files, and documents directly through the chat input with responsive inline image previews and safe downloads.

🔔

Desktop & Sound Notifications

Never miss a message. Real-time sound notification alerts ring instantly whenever visitors submit new chats or agents send messages.

Starter
$0/ month

Perfect for testing and small personal projects.

  • 1 Active Agent Profile
  • 100 Conversations / mo
  • Basic AI Bot Autopilot
  • Tab-to-Tab Synchronization
MOST POPULAR
Pro
$29/ month

For growing customer support teams requiring full customization.

  • 5 Active Agent Profiles
  • Unlimited Conversations
  • Full Custom Branding & Gradients
  • Advanced Keyword Autopilot
  • Visitor Geolocation Logs
  • Priority Chat Logs Audit
Enterprise
Custom

For large companies requiring enterprise-grade routing.

  • Unlimited Agent Profiles
  • Unlimited Conversations
  • Custom Database Sync (JSON/MySQL)
  • Dedicated Account Manager
  • Custom SLA & Integration Hooks
  • White-label Branding Options

Quickstart Guide

To integrate the Talio chat widget, simply paste the following script tag right before the closing </body> tag of your HTML document:

<!-- Include Talio Widget -->
<script src="https://cdn.talio.ai/js/widget.js" data-app-id="your-unique-app-id"></script>
<link rel="stylesheet" href="https://cdn.talio.ai/css/widget.css">

Once loaded, the floating widget will automatically initialize and connect to the active BroadcastChannel framework.

Widget Customization

Customize the behavior of your widget by passing options through the global configuration object in your main script:

window.TalioConfig = {
  theme: {
    primaryColor: "#8b5cf6",
    secondaryColor: "#d946ef",
    headerName: "Custom Desk"
  },
  autopilot: {
    enabled: true,
    fallbackReply: "We are currently busy, please leave a message!"
  }
};

Canned Shortcuts

Agents can type slash-prefixed commands in their input boxes to quickly reply. Add more from the Admin Panel setting page or use these standard commands:

  • /hello - "Hello! How can I help you today?"
  • /refund - "Refund requests are processed within 3-5 business days."
  • /wait - "One moment please, let me look up your account details."

Troubleshooting

If the chat widget is not showing up or if agent dashboards are not synchronized:

  • Ensure all tabs are open on the same browser (BroadcastChannel requires the same browser origin/protocol).
  • Check your browser console for any mixed content errors (HTTPS vs HTTP).
  • Verify that localStorage permissions are enabled in your browser privacy options.

How to Test Live Chat

1. Open the Agent Portal in a new tab.

2. Fill in the pre-chat form on this chat widget to start a ticket.

3. Go to the Agent Portal tab to assign the chat and start messaging!

Support Desk

Online

Welcome to Talio Support

Please enter your details below so we can route your chat to the best available agent.

Live Agent Human representative
AI Assistant Instant automated bot
Powered by: J.A Morre
Agent is typing
uploading_file.zip 0%