Installation

Add the chatbot widget to any website with a single snippet: HTML, WordPress, Squarespace, or Framer.

The EquilAI chatbot widget is a single snippet. Paste it into your website once and the floating chat bubble appears on every page.

Step 1

Find your Bot ID

Your Bot ID is the UUID that identifies your trained chatbot. You can find it in Dashboard → Deployment. It looks like this:

text

a1b2c3d4-e5f6-7890-abcd-ef1234567890

Keep this ID handy. It goes into the snippet below.

Step 2

Copy the snippet

Paste this snippet (with your real Bot ID) into any HTML page, just before the closing </body> tag. The widget loads itself and requires no additional configuration.

html

<script data-cfasync="false">
  (function () {
    var s = document.createElement("script");
    s.src = "https://equilai.ai/api/widget/script/YOUR_BOT_ID.js";
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Platform guides

HTML / Custom website

Open your HTML fileUsually index.html or your template file.
Paste before </body>Add the snippet just before the closing body tag and save the file.
DeployPublish your changes. The chat widget will appear on your live site automatically.

WordPress

Install a code-injection pluginSearch for WPCode or Insert Headers and Footers in Plugins → Add New.
Open the footer code sectionIn the plugin settings, find the Footer or End of Body field.
Paste and savePaste your snippet and click Save Changes. No theme editing required.

Squarespace

Open Code InjectionGo to Settings, then Developer Tools, then Code Injection. On older Squarespace versions it lives under Settings, then Advanced.
Paste into the Footer boxClick inside the field labelled Footer and paste your snippet. The footer loads on every page, so the chat bubble appears across your whole site.
Save and check your siteClick Save, then open your website. The chat button appears in the corner of every page.

Code Injection is included in Squarespace's Core, Plus and Advanced plans (Business and Commerce on older billing). Squarespace does not allow custom scripts on its entry plan.

Framer

Open Site SettingsClick the gear icon in the top-right of your Framer project.
Go to General → Custom CodeScroll down to the Custom Code section.
Paste in End of BodyPaste your snippet into the End of <body> tag field.
PublishClick Publish. The widget will appear on your live Framer site.

Want the bot inside your own app, backend or internal tool instead? See the REST API →

Copy the snippet

Paste this snippet (with your real Bot ID) into any HTML page, just before the closing </body> tag. The widget loads itself and requires no additional configuration.

html

<script data-cfasync="false">
  (function () {
    var s = document.createElement("script");
    s.src = "https://equilai.ai/api/widget/script/YOUR_BOT_ID.js";
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

Platform guides

HTML / Custom website

Open your HTML fileUsually index.html or your template file.
Paste before </body>Add the snippet just before the closing body tag and save the file.
DeployPublish your changes. The chat widget will appear on your live site automatically.

WordPress

Install a code-injection pluginSearch for WPCode or Insert Headers and Footers in Plugins → Add New.
Open the footer code sectionIn the plugin settings, find the Footer or End of Body field.
Paste and savePaste your snippet and click Save Changes. No theme editing required.

Squarespace

Open Code InjectionGo to Settings, then Developer Tools, then Code Injection. On older Squarespace versions it lives under Settings, then Advanced.
Paste into the Footer boxClick inside the field labelled Footer and paste your snippet. The footer loads on every page, so the chat bubble appears across your whole site.
Save and check your siteClick Save, then open your website. The chat button appears in the corner of every page.

Code Injection is included in Squarespace's Core, Plus and Advanced plans (Business and Commerce on older billing). Squarespace does not allow custom scripts on its entry plan.

Framer

Open Site SettingsClick the gear icon in the top-right of your Framer project.
Go to General → Custom CodeScroll down to the Custom Code section.
Paste in End of BodyPaste your snippet into the End of <body> tag field.
PublishClick Publish. The widget will appear on your live Framer site.