The Channels section lets you connect your AI bot to multiple platforms like Telegram, Discord, WhatsApp, and APIs. This enables your bot to engage with users across their preferred communication tools — whether it’s chat apps, websites, or custom platforms. By setting up these integrations, you can:
  • Reach users where they’re most active
  • Maintain consistent experiences across platforms
  • Streamline bot deployment and management
  • Expand your bot’s reach with minimal effort
Whether you’re embedding a widget on your website or launching a bot on WhatsApp, this section is your hub for making it happen.
Channels Section

Channels: Dashboard

Enable Live Mode for Integrations

Before you can use the integrations inside the Channels tab, you must turn Live Mode ON. Located at the top-right corner of your bot interface, this toggle ensures that your bot is ready to interact across external platforms like your website or chat apps.
Live On Toggle Switch

Live Mode Toggle

Without enabling Live Mode, integration options inside Channels will remain inactive.

Steps to Embed the Bot in Your Website

1

Open HTML Embed

Visit the Channels section from your bot menu and click on the HTML Embed option.
HTML Embed Option

Channels: HTML Embed Option

2

Copy the Embed Script

After selecting HTML Embed, copy the script snippet displayed.
Copy Embed Script

Channels: Copy Embed Script

3

Paste Script into Website

Paste the copied script before the closing </body> tag in your HTML file.

Configure the Widget Before Embedding

Before copying the script, you can customize how the widget appears and behaves on your website.
Widget Embed Options

Channels: Widget Configuration Options

Available Options

  • Widget Position: Choose where the widget appears (Bottom Right, Bottom Left, Top Right, Top Left)
  • Widget Type: Select between a Chat Bubble or a Search Box interface
  • Widget Icon (optional): Provide a custom icon URL for your chat launcher
  • Widget Button Color: Define the color of the chat button using a hex code
  • Starter Questions Font Size: Choose how large starter question text should appear (e.g., Small, Medium, Large)
Once configured, your settings will be reflected in the generated script snippet below.
Code Block Example
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="http://localhost:3000/chat.min.js" data-chat-url="http://localhost:2939/bot/e7856d02-bf18-4487-a081-dec2e8857ce3" data-btn-position="bottom-right" data-widget-type="chat bubble" data-widget-btn-color="#9b59b6 " defer> </script>
</body>
</html>
4

Preview Widget on Website

After placing the code, save your HTML file. Refresh your site — the chat widget should appear in the bottom right corner.
Chat Widget Live on Website

Channels: Live Chat Widget


🎨 Customize the Look & Feel

You can personalize the chat widget by visiting the Look Settings page.
Here, you can adjust:
  • Bot name
  • Colors and themes
  • Display avatar
Additionally, you can add starter questions to improve onboarding.
Check the full guide here:
Bot Starter Questions Setup