Embed Chatbot Widget

Overview

Embed your AI assistant as a floating chat widget on any website. Users can ask questions and get instant answers without leaving your site.

Get the Embed Code

1. Go to Assistant Settings → Embed tab
2. Copy the embed snippet:

<script
  src="https://cdn.assistantcore.com/embed/embed.js"
  data-assistant-id="YOUR_ASSISTANT_ID"
  data-api-base="https://api.assistantcore.com"
  async
></script>

3. Paste it into your website's HTML, before the closing </body> tag

Customization

You can customize the widget appearance with data attributes:

Where to Add the Code

WordPress

Go to Appearance → Theme Editor → Footer and paste the snippet.

HTML Site

Add it just before </body> in your HTML file.

React / Next.js

Add the script tag to your layout.tsx or use next/script:

<Script
  src="https://cdn.assistantcore.com/embed/embed.js"
  data-assistant-id="YOUR_ASSISTANT_ID"
  data-api-base="https://api.assistantcore.com"
  strategy="lazyOnload"
/>

Configure Embed Domains

The widget only works on registered domains. If you're embedding the widget on a third-party website (not your assistant's custom domain or subdomain), you must register that domain first.

1. Go to Integrations → Embed Widget Domains
2. Enter the domain (without https://), e.g., www.mysite.com
3. Click Add → Save Domains