01 / Installation

Add the Widget

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 file

Usually index.html or your template file.

Paste before </body>

Add the snippet just before the closing body tag and save the file.

Deploy

Publish your changes. The chat widget will appear on your live site automatically.

WordPress

Install a code-injection plugin

Search for WPCode or Insert Headers and Footers in Plugins → Add New.

Open the footer code section

In the plugin settings, find the Footer or End of Body field.

Paste and save

Paste your snippet and click Save Changes. No theme editing required.

Squarespace

Open Code Injection

Go to Settings, then Developer Tools, then Code Injection. On older Squarespace versions it lives under Settings, then Advanced.

Paste into the Footer box

Click 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 site

Click 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 Settings

Click the gear icon in the top-right of your Framer project.

Go to General → Custom Code

Scroll down to the Custom Code section.

Paste in End of Body

Paste your snippet into the End of <body> tag field.

Publish

Click 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 →