AI Chatbot

  • Managing Your Chatbot
  • Deploy & install
Guides
Choose an available topic from the sidebar. More documentation is coming soon.

Managing Your Chatbot

Deploy & install your chatbot

Add your AI chatbot to any website with a simple code snippet

Installing AI Chatbot on your website is easy and involves pasting a single code snippet into your website’s HTML.

Get your code snippet

1

Log in to your account

Go to chatbot.ai and log in to your dashboard.

2

Select your chatbot
Choose your chatbot from the dropdown at the top of the sidebar.

3

Go to Install Agent

Click on Install Agent in the sidebar.

4

Copy the JavaScript code

Make sure the JavaScript tab is selected, then click Copy Code.

Add to your website

Paste the code snippet into the <head> section of your website:

				
					<head>
  <!-- Your other head tags -->
  
  <script type="text/javascript">(function()
  {d=document;s=d.createElement("script");s.src="https://sitespeak.ai/chatbots/YOUR_CHATBOT_ID.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
</head>

Replace YOUR_CHATBOT_ID with your actual chatbot ID from the dashboard.

Once added, your chatbot will appear on your website automatically.

Alternative: iFrame embed

If you prefer to embed the chatbot as an iFrame (useful for embedding in specific page sections), switch to the iFrame tab in the Install Agent section.

Paste the iFrame code into the <body> section where you want the chatbot to appear:

				
					<iframe 
  class="sitespeak-ai-chatbot" 
  src="https://sitespeak.ai/embed/YOUR_CHATBOT_ID?nc=1&nf=1" 
  allow="microphone;" 
  frameborder="0" 
  style="border:none; overflow:hidden; border-radius:5px; width:450px; height:600px; border: 1px solid #e2e8f1;">
</iframe>

Identity verification

For a more personalized experience, you can securely identify logged-in users and link conversations to their accounts.

Enable identity verification

  1. In the Install Agent section, find Identity Verification
  2. Toggle on Enable Identity Verification
  3. Click Generate to create your secret key
  4. Store the secret key securely on your server

Replace YOUR_CHATBOT_ID with your actual chatbot ID from the dashboard.

How it works

  1. Server-side: Generate a JWT token with user information
  2. Client-side: Pass the token to the chatbot
				
					// Server-side: Generate JWT token
const jwt = require('jsonwebtoken');
const token = jwt.sign({
  user_id: user.id,
  email: user.email,
  name: user.name,
  exp: Math.floor(Date.now() / 1000) + 3600
}, 'YOUR_SECRET_KEY', { algorithm: 'HS256' });

// Client-side: Pass token to chatbot
window.AI Chatbot.identify({
  token: token
});

Identity verification allows you to personalize welcome messages using template tags and view conversation history per user.

Platform-specific guides

Looking to install on a specific platform? Check out our detailed guides:

WordPress

Install on WordPress sites

Shopify

Add to your Shopify store

Webflow

Install on Webflow sites

Slack

Connect to Slack workspace

Next steps

Customize appearance

Match your chatbot to your brand

Capture leads

Turn visitors into qualified leads

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.

Create Your AI Agent
Sharing
Bring Your Own Keys
X-twitter Linkedin Facebook Youtube

Powered by AI Chatbot.

On this page