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

# Integrate Recomi AI Agent with Squarespace

> Follow this step-by-step guide to seamlessly integrate a Recomi AI agent with Squarespace, enhancing your website's interactive capabilities.

## Step 1: Setting Up Your Recomi AI Agent

To embed a Recomi AI agent into your [**Squarespace**](https://www.squarespace.com/) website, start by logging into your Recomi account. If you don't have an account yet, you can create one for free. After logging in, configure your agent within the Recomi platform by uploading relevant data sources, such as text file, documents, which will help the agent build its knowledge base.

Follow these steps to ensure a smooth integration of your Recomi AI agent into your Squarespace website.

## Step 2: Generate and Copy Your Recomi AI Agent Embed Code

1. Every agent created in Recomi comes with a unique embed code that allows it to be integrated into your website or application. Once your agent is set up, navigate to the [**Dashboard**](https://recomi.powerdrill.ai/agents) and select the specific agent you want to integrate with Bubble.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/agent_list.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=90f2a63218563e4cccc6865331aa3ea8" width="1450" height="494" data-path="images/agent_list.png" />

2. Clicking on the agent will take you to its agent detailed page. From here, go to the **Integration** section.

3. On this page, you will find the option of **Embed a chat bubble** to Copy Script. Click this button to copy the agent's embed SDK Code.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/agent_bubble_code.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=838cfdc89eacbdb56835ac6946f088c7" width="2958" height="1770" data-path="images/agent_bubble_code.png" />

## Step 3: Embedding the Recomi AI Agent into Your Squarespace Website

1. After copying the embed code, log into your [**Squarespace**](https://www.squarespace.com/) account and access your account dashboard.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_1.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=8a7d4da825d65cd692b65c335f039b79" width="3494" height="1444" data-path="images/squarespace_1.png" />

2. Select the Squarespace website where you want to integrate the agent, then click on the **WEBSITE** button. In the website editor, click on the **EDIT** button.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_2.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=c2eb1827f98ac4b371255646a74497b9" width="3470" height="1930" data-path="images/squarespace_2.png" />

3. In the Squarespace Editor, at the proper location of the page, click on the **ADD BLOCK** button to add a new block.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_3.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=9be77381d5c6b9710abfe7f58b8b4eb7" width="3482" height="1370" data-path="images/squarespace_3.png" />

4. In the **Add Block** menu, search for **Embed**, select **Embed** and click on it.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_4.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=3a2e66651a1e960ee22fa4d1f7184ded" width="2618" height="1172" data-path="images/squarespace_4.png" />

5. Click on the **EMBED BLOCK**, select EMBED AS **Code Snippet**, and then click on the **Embed data** option.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_5.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=16e3c05f8678f5423eceaa8dde5faef4" width="2466" height="1248" data-path="images/squarespace_5.png" />

6. Paste the copied embed code into the editor. Once done, click on the **SAVE** button.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_6.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=24ec84e9e49434e1fe8ea069c223adab" width="2000" height="1534" data-path="images/squarespace_6.png" />

7. Then exit. You can now visit your Squarespace website to view the agent's functionality.

<img src="https://mintcdn.com/powerdrillrecomi/v6rfruEFIsCgPOdH/images/squarespace_7.png?fit=max&auto=format&n=v6rfruEFIsCgPOdH&q=85&s=443fae2637e1dff47676eaad3bc33dc0" width="3422" height="2050" data-path="images/squarespace_7.png" />

Congratulations! Your Recomi AI agent is now successfully integrated into your Squarespace website.

## Customizing Your Recomi AI Agent

To personalize the appearance of your agent, go to your Recomi dashboard, select the agent you want to modify, and navigate to the **Playground** and **Settings** tab. You'll find various customization options to adjust the agent to match your branding and service:

* agent response language
* preset questions
* welcome message
* avatar and icon
* colors and visual style