# Add the AI chatbot to your website

Copy the chat widget's code and paste it into your site, or email it to whoever runs your site.

Updated Oct 28, 2026. Source: https://smallbusinesschatbot.com/docs/user-guides/chat-widget/add-to-your-website

## What this does

The AI chatbot from Small Business Chatbot goes on your site with one line of code. Paste it on every page where you want the chat widget. The round launcher then shows in the bottom-right corner of those pages.

[Any website](https://smallbusinesschatbot.com/docs/integrations/your-website/any-website) has the details: where the code goes, how to check it loads, the always-open Q&A widget, and fixes. On WordPress, use the [WordPress](https://smallbusinesschatbot.com/docs/integrations/your-website/wordpress) plugin instead of the code.

## Copy the code yourself

1. **Open the panel**

   In the app, click **Add to Website** at the top right of any panel, or open **Chat Widget › Add to Website**. The panel is headed **Add your chatbot to your website.**

2. **Copy the code**

   Under **Copy the installation code directly**, click **Copy installation code**. The button reads **Installation code copied!**

   ![The installation code card with the code, the Copy installation code button and the Send to your website person button](https://smallbusinesschatbot.com/static/images/docs/user-guides/add-to-your-website-code-2026-10-28.webp)
   *Chat Widget › Add to Website, October 2026*

3. **Paste it into your site**

   In your site's code, paste it before the closing `</head>` tag on every page where you want the widget.

4. **Check your site**

   On your site, reload a page. The launcher shows in the bottom-right corner. Click it and send a question. The chat shows in [Conversations](https://smallbusinesschatbot.com/docs/user-guides/conversations-and-analytics/conversations).

   ![A website page with the round chat launcher in the bottom-right corner and the intro message in a bubble beside it](https://smallbusinesschatbot.com/static/images/docs/user-guides/add-to-your-website-launcher-2026-10-28.webp)
   *The chat widget on the sample site, October 2026*

## Send it to your website person

1. **Open the invite form**

   Under the code, click **Send to your website person**. The card reads **Send the installation instructions to your website person.**

   ![The invite form with an email field, the Send invite button and Copy invite link](https://smallbusinesschatbot.com/static/images/docs/integrations/any-website-send-to-website-person-2026-10-28.webp)
   *Chat Widget › Add to Website, October 2026*

2. **Send the invite**

   In the email field, type their address. **Send invite** turns on once the address is valid. Click it, and the button reads **Invite Sent!**

3. **They install it**

   In their inbox, they get an email with your code and a request to add it before `</body>` on every page of your site.

**Copy invite link** copies the address of this page in the app, which opens only with your account's sign-in. To get the code to your website person, use **Send invite**. To return to the code, click **Go back to direct code copy**.

## If something goes wrong

| What you see | Why | What to do |
|---|---|---|
| The launcher doesn't show on a page | The code isn't on that page, or the change isn't published. | Add the code where every page includes it, publish, then reload. [Any website](https://smallbusinesschatbot.com/docs/integrations/your-website/any-website#if-something-goes-wrong) lists more fixes. |
| **Failed to send invite. Please try again.** | The email didn't send. | Check the address, or copy the code and send it yourself. |