Documentation

Installation

Paste one script tag into your site. Works on WordPress, Shopify, Wix, Squarespace, Webflow, plain HTML, and more.

Quick install

Copy this snippet and paste it into your site's HTML, just before the closing </body> tag. Replace YOUR_CHATBOT_ID with your chatbot's ID from the dashboard.

html

<!-- EmbedMyBot AI Chatbot -->
<script
  async
  src="https://www.embedmybot.com/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  data-lazy="true"
></script>

Copying the install code from the EmbedMyBot dashboard — Grab your snippet from the dashboard's install screen.

async keeps the script from blocking your page's load, and data-lazy="true" waits until the visitor is idle or interacts before building the widget — so it never hurts your page-speed score. Both are optional but recommended.

Where to paste it

Pasting the embed code into a website's HTML — Paste the snippet before your closing </body> tag.

We have step-by-step guides for the most common platforms: WordPress, Shopify, Wix, Squarespace, Webflow, Framer, and GoDaddy.

React / Next.js

In a React or Next.js app, load it with next/script (or a useEffect that injects the tag). The strategy="lazyOnload" mirrors our data-lazy behavior.

tsx

import Script from "next/script";

export default function Layout({ children }) {
  return (
    <>
      {children}
      <Script
        src="https://www.embedmybot.com/widget.js"
        data-chatbot-id="YOUR_CHATBOT_ID"
        data-lazy="true"
        strategy="lazyOnload"
      />
    </>
  );
}

Inline (embedded) mode

Instead of a floating bubble, you can render the chat inside a container on the page — for a full-page assistant or a support section. Add a target element and set data-inline, data-target, and data-height.

html

<!-- EmbedMyBot AI Chatbot (inline) -->
<div id="embedmybot-chat"></div>
<script
  async
  src="https://www.embedmybot.com/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  data-inline="true"
  data-target="#embedmybot-chat"
  data-height="600"
></script>

The EmbedMyBot widget live on a website — That's it — your assistant is live and answering visitors.

Add the widget on the pages where you want it to appear. If you paste it into a shared template/footer, it shows site-wide — use targeting options to limit it.