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
Choose which contact details to ask for. The AI asks what each visitor needs and emails your team a summary.
Answer Questions 24/7
Add your website and documents. The AI uses them to answer questions about your prices, services, shipping, and returns.
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
Choose your colors, welcome message, and tone. Set the contact details and questions you want the AI to ask.
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, our official WordPress 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