Embedding the chatbot on your website

Once your chatbot is created, you can embed it on any website by adding a small script.

No backend access or complex setup is required.

The embed code (copy & paste) #

You’ll find this in Test & Embed inside your chatbot settings.

<script defer
  src="https://app.allosai.com/vendor/chatbot/js/external-chatbot.js"
  data-chatbot-uuid="YOUR-CHATBOT-ID"
  data-iframe-width="420"
  data-iframe-height="745"
  data-language="en">
</script>

You can adjust:

• Width (e.g. 420)
• Height (e.g. 745)
• Language (e.g. en, de)

Where to place the script #

In general, paste the script before the closing </body> tag of your website.

Below are platform-specific examples.

Shopify #

Option 1: Theme file (recommended) #

1. Go to Shopify Admin → Online Store → Themes
2. Click … → Edit code
3. Open theme.liquid
4. Paste the embed code before </body>
5. Save

The chatbot will now appear on all pages.

Option 2: Custom HTML section #

If your theme supports custom HTML blocks:

1. Add a Custom Liquid / Custom HTML section
2. Paste the embed code
3. Save

WordPress #

Option 1: Using a plugin (easiest) #

Use a plugin like:

• Insert Headers and Footers
• WPCode
• Header Footer Code Manager

Steps:

1. Install the plugin
2. Paste the embed code into the Footer section
3. Save

Option 2: Theme file #

1. Go to Appearance → Theme File Editor
2. Open footer.php
3. Paste the script before </body>
4. Save

Option 3: Page builder (Elementor, etc.) #

1. Add an HTML widget
2. Paste the embed code
3. Save and publish

Webflow #

1. Go to Project Settings → Custom Code
2. Paste the embed code into Footer Code
3. Save and publish

Wix #

1. Go to Settings → Advanced → Custom Code
2. Add a new code snippet
3. Set placement to Body – End
4. Paste the embed code
5. Save and publish

Squarespace #

1. Log in to Squarespace
2. Go to Settings
3. Open Advanced
4. Click Code Injection
5. Paste the AllosAI embed code into the Footer section (not Header).
6. Click Save.

Custom HTML / Static sites #

If your site uses plain HTML:

1. Open your main .html file
2. Paste the embed code before </body>
3. Save and upload

Works with:

• Static landing pages
• React / Vue / Next.js (via layout or custom document)
• Custom CMS setups

After embedding: quick checklist #

• Reload your website
• The chat trigger should appear
• Click it and send a test message
• Confirm language, size, and position feel right

If you don’t see the chatbot:

• Clear cache
• Check for script blockers
• Make sure the chatbot is active

In short #

• One script works everywhere
• Paste it once, chatbot runs automatically
• No rebuilds or backend changes required

Once embedded, your External AI Chatbot is live and ready to engage visitors, answer questions, and capture leads 24/7.