Website Integrations

Add AI Chat to Any Website

One line of code. Works on Shopify, WordPress, Webflow, Squarespace, Wix, or any custom HTML site. No coding experience required.

Get Your Embed Code

Universal Embed Code

This code works on any website. Just paste it before the closing </body> tag.

<script>
   (function () {
        // Define chatbot configuration
        window.userChatbotConfig = {
            chatbotId: "YOUR_CHATBOT_ID",
            privateKey: "YOUR_PRIVATE_KEY",
        };
        // Dynamically load chatbot plugin
        const 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?

Most website visitors leave without taking action. An AI chatbot engages them in real time, answers questions from your knowledge base, and captures leads — even when you're offline.

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

1

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.

2

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.

3

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 and won't slow down your site.

Need a different integration?

Tell us what you need and we'll do our best to add it!

Request Integration
Request a new integration

Frequently Asked Questions

Everything you need to know

Will the chatbot slow down my website?

No. Our chat widget is lightweight (under 50kb gzipped) and loads asynchronously, so it won't affect your initial page load speed or SEO.

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

Ready to Add Chat to Your Website?

Create your AI agent, get your embed code, and go live in minutes.

Get Started Free