> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chatling.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Squarespace

> Learn how to add Chatling to your Squarespace website

1. Go to your dashboard.
2. Click `Deploy` button in the sidebar menu.

<img src="https://chatling-assets.b-cdn.net/deploy-ai-agent.jpg" width="500" alt="Open Deploy page" />

3. Click the `Manage` button under the `Website Widget` option.

<img src="https://chatling-assets.b-cdn.net/manage-website-widget-chatbot.jpg" width="600" alt="Manage website widget" />

4. Design the appearance of the widget by clicking the `Open widget designer` button.

<img src="https://chatling-assets.b-cdn.net/open-website-widget-designer.jpg" width="500" alt="Open website widget designer" />

5. Select the display mode for your chatbot, such as "Floating Chat", "Inline", or "Fullscreen".

<img src="https://chatling-assets.b-cdn.net/configure-website-widget-display-type.jpg" width="500" alt="Configure website widget display type" />

6. Copy the widget code.

<img src="https://chatling-assets.b-cdn.net/website-widget-code.jpg" width="500" alt="Copy widget code" />

7. Sign in to your Squarespace account and open the website where you want to add the widget.

<img src="https://chatling-assets.b-cdn.net/c1975a05-a92c-4c1a-9850.jpg" width="600" />

8. From the sidebar menu, select `Website`.

<img src="https://chatling-assets.b-cdn.net/1121c29b-0232-40aa-ae21.jpg" width="350" />

9. Scroll to the bottom of the sidebar menu and choose `Website Tools`.

<img src="https://chatling-assets.b-cdn.net/943e67d4-c20d-4960.jpg" width="350" />

10. Open `Code Injection`.

* If you're on an older version of Squarespace, such as v7.0, code injection is located in `Settings` > `Developer Tools` > `Code Injection`.

<img src="https://chatling-assets.b-cdn.net/23f10f77-2990-4c72-941c.jpg" width="350" />

11. Paste the widget code in the `Header` section, and click `Save`.

<img src="https://chatling-assets.b-cdn.net/e973c9e8-beba-4135-be95.jpg" width="600" />

12. The widget is now live on your website, and visitors can interact with it.

<img src="https://chatling-assets.b-cdn.net/47011305-450d-48e7-bae3.jpg" width="500" />