search

Getting Your Embed Code

Once your chatbot is set up, the final step is to make it visible on your website. AI Bot Kit provides a simple code snippet that you can copy and paste directly into your site.

hashtag
Getting Your Embed Code

  1. After saving your chatbot, go to the Publish screen.

  2. Under Embed on your website, you’ll see a code snippet like this:

<div id="ai-bot-kit-chatbot" data-chatbot-id="XXXXXXXX"></div>
<script src="https://app.aibotkit.io/embed.js" async defer></script>

  1. Click Copy Code to copy the snippet.

  2. Paste this code into the <head> or <body> section of your website’s HTML.

    • For site-wide installation, place it in the global header/footer section.

    • For a single page, paste it into that page’s custom HTML block.

💡 Tip: If your site uses a website builder (like Squarespace, Wix, or Shopify), add the embed code using the “Embed” or “Custom Code” block.

hashtag
Share Link

AI Bot Kit also provides a direct share link to your chatbot.

  • Click View Link to open your bot in a new tab.

  • Use Copy Link to share your bot via email, social media, or with your team.

hashtag
WordPress Plugin (Optional)

For WordPress users, a dedicated plugin is available:

  • Click Download Plugin and install it on your WordPress dashboard.

  • Copy WordPress Code & add it to your WordPress plugin while loggin in.

⚡ In Short: Copy the embed code → Paste it into your website → Save changes → Your chatbot goes live instantly.

PreviousLeadsNextSquarespace Integration

Last updated