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.
Book Appointments in the Chat
Calendly
The agent reads live availability from your Calendly event, offers real open times, and books the one the customer picks in the chat. In-chat booking needs Calendly Standard or higher; on Calendly Free, the customer confirms the chosen time on Calendly's page.
How booking worksCal.com
Paste your cal.com event link and the agent offers open times and books the appointment in the conversation. Works on any Cal.com plan with cal.com-hosted event links.
How booking worksThe agent creates new bookings only; customers cancel or reschedule from their confirmation email. No direct Google Calendar or Outlook connection.
Let Your Agent Do the Work in Your Own Tools
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
Can the chatbot book appointments?
Yes, with Calendly or Cal.com, on your website, WhatsApp, Instagram DM, and Facebook Messenger. The agent checks your live availability, offers real open times, and books the one the customer picks; your scheduler emails them the calendar invite. It creates new bookings only, so customers cancel or reschedule from their confirmation email. In-chat booking with Calendly needs Calendly Standard or higher. With any other scheduling tool, the agent shares your booking link.
Can the agent look things up or submit data in my own systems?
Yes, with Actions. You add up to 10 per chatbot, each pointing at an HTTPS API you already have. During the conversation the agent calls it to look up information, such as order status, stock, or account details, or to submit data, such as a lead, a ticket, or a request. It works on your website, WhatsApp, Instagram DM, and Facebook Messenger. The calls run on our servers, and your API credentials are stored encrypted and never shown to the AI or the customer. Actions connect to your API; they are not a built-in integration with the software behind it. Actions are available on the Pro and Max plans.
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