Add AI Chat to Any Website
Choose Your Platform
Shopify
Add AI chat to your Shopify store. Works with any theme.
WordPress
Install via plugin or add code directly to your WordPress site.
Webflow
Embed chatbot using Webflow's custom code feature.
Squarespace
Add chatbot via Code Injection on Business+ plans.
Wix
Embed using Wix's custom code or HTML iframe element.
Custom HTML
Add to any website with a simple script tag.
Universal Embed Code
<script>
(function () {
// Define chatbot configuration
window.userChatbotConfig = {
chatbotId: "YOUR_CHATBOT_ID",
privateKey: "YOUR_PRIVATE_KEY",
};
// Dynamically load chatbot plugin
var chatbotScript = document.createElement("script");
chatbotScript.src = "https://chatjs.hyperleap.ai/chatbot.min.js";
chatbotScript.async = true;
document.head.appendChild(chatbotScript);
})();
</script>Get your unique chatbotId and privateKey from your Hyperleap dashboard after creating an agent.
Why Add AI Chat to Your Website?
Capture More Leads
Visitors who engage with a chatbot are far more likely to share their contact details. The AI qualifies them by asking the right questions, collecting name, email, phone, and intent — then delivers a structured lead to your dashboard or via webhook.
Answer Questions 24/7
Train the AI on your website content, product docs, or uploaded files. It provides document-grounded responses to common questions — pricing, availability, shipping, returns, services — so visitors get instant answers without waiting for email replies.
Works on Every Platform
Whether you built your site on Shopify, WordPress, Webflow, Squarespace, Wix, or custom HTML — the same embed code works everywhere. Copy one JavaScript snippet, paste it before the closing body tag, and you're live. No plugins, no dependencies.
How to Install the Chat Widget
Create Your AI Agent
Sign up for a 7-day free trial at Hyperleap AI. Choose a template or start from scratch. Upload your website URL, documents, or FAQ content to train the AI on your business.
Customize Branding & Behavior
Set your brand colors, logo, welcome message, and conversation tone. Configure what information the chatbot collects from visitors (name, email, phone) and how it qualifies leads for your business.
Copy & Paste the Embed Code
Get your unique embed snippet from the dashboard. Paste it into your website's footer — whether that's Shopify's theme editor, WordPress header/footer plugin, Webflow custom code, or any HTML page. The widget loads asynchronously so it does not block the initial page render.
Need a different integration?
Tell us what you need and we'll do our best to add it!
Request Integration
Frequently Asked Questions
Everything you need to know
Will the chatbot slow down my website?
The widget loads asynchronously and is designed to avoid blocking your initial page load. As with any third-party script, measure it on your own site as part of your normal performance checks.
Can I customize the look and feel?
Yes, you can fully customize the colors, logo, welcome message, and position of the chat widget to match your brand identity.
Does it work on mobile?
Yes, the chat widget is fully responsive and provides a great experience on all devices, including smartphones and tablets.
Can it read my website content?
Yes! You can train the AI on your website content by simply providing your URL. It will crawl your pages to learn about your products and services.
How do I install it?
It's as simple as copying a small snippet of JavaScript code and pasting it into your website's footer. We have guides for all major platforms.
Still have questions?
Contact our support team