# Squarespace Integration

AI Bot Kit can be added to your Squarespace site in just a few steps. Since Squarespace is a visual builder, you don’t need to edit raw code files — you simply use the built-in **Embed Block**.

#### Step-by-Step Setup

1. **Log into Squarespace** and open your site dashboard.
2. Navigate to the page where you want your chatbot to appear.
3. Click **Edit** to enable page editing mode.
4. Hover where you want the chatbot and click **+ Add Block**.
5. From the list of options, choose **Embed**.
6. In the Embed Block, switch to **Code Snippet** view.
7. Paste the AI Bot Kit **embed code** you copied from your dashboard:

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

8. Click **Apply** and preview the page to make sure the bot loads correctly.
9. Finally, hit **Save** in Squarespace.

Your chatbot is now live and ready to engage visitors on your Squarespace site.

#### Pro Tips

* If you want the chatbot to appear across your **entire site** (not just one page), go to **Settings → Advanced → Code Injection → Footer** and paste the code there.
* Always preview before publishing, to ensure it doesn’t overlap with other widgets or content.

📘 For a full step-by-step guide with visuals:\
[👉 How to Add AI Bot Kit Chatbot to Squarespace](https://aibotkit.io/blogs/squarespace-chatbot/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://aibotkit.gitbook.io/documentation/embedding-your-chatbot/squarespace-integration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.