🌐HTML Integration Guide

Add an AI chatbot to any static HTML website with a single script tag.

1Copy the embed code

2Open your HTML file

Open the HTML file where you want the chatbot to appear (usually index.html) in any code editor.

3Paste before the closing </body> tag

Place the script tag directly before the closing </body> tag. The widget will load asynchronously and will not block page rendering.

4Replace YOUR_BOT_ID

Swap the placeholder YOUR_BOT_ID with your actual bot ID from the dashboard.

5Deploy your site

Upload or push your updated HTML file to your hosting provider. The chatbot will appear immediately.

Code Examples

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>My Website</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
  <p>Your site content goes here.</p>

  <!-- BotEmbed.ai Chat Widget -->
  <script
  src="https://www.botembed.ai/widget.js?botId=YOUR_BOT_ID"
  data-theme="light"
  data-position="bottom-right"
></script>
</body>
</html>

Tips

This approach works for any static site — plain HTML, GitHub Pages, Netlify, Vercel static exports, or any hosting provider.

The script loads asynchronously so it will not slow down your page.

Place the script on every page where you want the chatbot to appear, or add it to a shared layout/template file.

Next📝 WordPress