Add AI Chatbot to Your Custom HTML Site

Deploy an intelligent chatbot on your Custom HTML website in under 2 minutes. Just copy and paste one code snippet.

Step-by-Step Installation Guide

1

Step 1

Open your HTML file (typically index.html or your main layout file) in any code editor.

2

Step 2

Scroll to the bottom of the file and locate the closing </body> tag.

3

Step 3

Paste the SuponAI widget code on the line immediately before </body>.

4

Step 4

Save the file and upload it to your web server or deploy through your hosting provider.

Tip: If you have multiple HTML pages, add the code to every page where you want the chatbot to appear. For sites using a templating system, add it once to your base layout file.

Your Widget Code

Copy this code snippet and paste it into your Custom HTML site. Replace YOUR_TOKEN with your actual chatbot token from the SuponAI dashboard.

<!-- SuponAI Chatbot Widget --> <script src="https://suponai.com/widget.js" data-token="YOUR_TOKEN"></script>

You will find your unique token in your SuponAI dashboard after creating a chatbot.

Why SuponAI for Custom HTML?

No Plugin Needed

Works with a single script tag. No extensions, plugins, or app installations required.

Loads Asynchronously

Zero impact on page speed. The widget loads after your content, keeping Core Web Vitals intact.

Full Customization

Control colors, position, messages, and behavior from your dashboard. No code changes needed.

Auto-Updates

Always running the latest version. No manual updates or maintenance on your end.

Other Platform Guides

Not using Custom HTML? Find installation instructions for your platform:

Frequently Asked Questions

How do I add a chatbot to my HTML website?
Open your HTML file, paste the SuponAI widget script tag before the closing body tag, save the file, and deploy. The chatbot will appear immediately on that page.
Does the chatbot work on static HTML sites?
Yes. The SuponAI chatbot works on any website that can include a script tag, including fully static HTML sites with no backend.
Do I need a server-side language for the chatbot?
No. The chatbot is fully client-side. It loads from our CDN and communicates with SuponAI servers directly. Your site can be pure HTML/CSS with no server-side processing.

Ready to Add a Chatbot to Your Custom HTML Site?

Sign up, configure your chatbot, and paste the widget code. Your AI assistant will be live in minutes.

Get Started - Free Trial Credits