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

# Deploy to Squarespace

> Embed a SketricGen AI agent chat widget on your Squarespace site — step-by-step integration guide for deploying agentic workflows.

<Tabs>
  <Tab title="Floating Chat Bubble">
    ## **Step 1: Create your SketricGen account**

    To get started with the integration, **[sign in to your SketricGen account](https://www.sketricgen.ai)**. If you don’t have an account yet, you can create one for **[free](https://www.sketricgen.ai)**. Once you're logged in, begin setting up your agent workflow by uploading your data sources. These can include files, text snippets, websites, or Q\&A pairs, which will serve as the knowledge base for your agent workflow.

    If you need assistance with setting up a working SketricGen agent workflow, refer to the **[step-by-step guide](https://docs.sketricgen.ai/getting-started/quickstart)** for creating and deploying your agent workflow.

    ## **Step 2: Copy the SketricGen agent workflow Embed Code**

    After configuring your agent workflow, go to the dashboard and click **Publish** to copy the embed code.

    > **Note:** Make sure your agent workflow is set to **Public** to embed it on your Squarespace site.

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot1.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=f16a9d01178fa80bd8a405ed1fda913d" alt="Screenshot showing SketricGen dashboard with Publish button and embed code copy option" width="2291" height="1117" data-path="images/squarespace/screenshot1.png" />

    ## **Step 3: Sign in to your Squarespace account and embed your agent workflow**

    ### 1. Sign in to your Squarespace account and open the dashboard

    ### 2. Select the site you want to embed the agent workflow on

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot2.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=4911f0c97496c65f8d942b5da7a1d94a" alt="Screenshot showing Squarespace dashboard with site selection interface" width="1433" height="697" data-path="images/squarespace/screenshot2.png" />

    ### 3. Click **Edit**

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot3.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=a26109b8debb207535d3a0d9fdae31dc" alt="Screenshot showing Squarespace site editor with Edit button" width="1441" height="693" data-path="images/squarespace/screenshot3.png" />

    ### 4. Click **Add Block**

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot4.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=66c4fe4e8b07937bbc8ae1b8e7729cb8" alt="Screenshot showing Squarespace Add Block interface" width="1431" height="698" data-path="images/squarespace/screenshot4.png" />

    ### 5. Select **Code** and paste the embed code you copied in Step 2

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot5.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=8ee56507dc49c62495ff4430683a8fb9" alt="Screenshot showing Squarespace Code Block configuration interface" width="1435" height="696" data-path="images/squarespace/screenshot5.png" />\\

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot6.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=224aa0c89299f5fff48dd1b1543da328" alt="Screenshot showing Squarespace Code Block editor with embed code input" width="1617" height="775" data-path="images/squarespace/screenshot6.png" />

    ### 6. Adjust the position of the widget and click **Save**

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot7.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=5b4e13157d0d808286016b92b2974480" alt="Screenshot showing Squarespace Code Block save and apply options" width="1446" height="691" data-path="images/squarespace/screenshot7.png" />

    ## **Step 4: Test your widget after publishing**

    <img src="https://mintcdn.com/sketricgen/SemAmQbM-mF0UiS5/images/squarespace/screenshot8.png?fit=max&auto=format&n=SemAmQbM-mF0UiS5&q=85&s=75ca9ae53fdf56631e7eb3cbdc0a295a" alt="Screenshot showing Squarespace site with embedded SketricGen chat widget" width="2876" height="1436" data-path="images/squarespace/screenshot8.png" />

    🎉 **Congratulations!** Your agent workflow is now live on Squarespace, ready to serve your visitors with custom responses.
  </Tab>

  <Tab title="Inline iFrame Embed">
    ## **Step 1: Create your SketricGen account**

    To get started with the integration, **[sign in to your SketricGen account](https://www.sketricgen.ai)**. If you don’t have an account yet, you can create one for **[free](https://www.sketricgen.ai)**. Once you're logged in, begin setting up your agent workflow by uploading your data sources. These can include files, text snippets, websites, or Q\&A pairs, which will serve as the knowledge base for your agent workflow.

    If you need assistance with setting up a working SketricGen agent workflow, refer to the **[step-by-step guide](https://docs.sketricgen.ai/getting-started/quickstart)** for creating and deploying your agent workflow.

    ## **Step 2: Copy the SketricGen agent workflow Embed Code**

    From your dashboard, click **Publish > Direct Embed** and copy the iframe code.

    > **Note:** The agent workflow must be set to **Public** to work on Squarespace.

    <img src="https://mintcdn.com/sketricgen/UDPH6ZAEYND0T6ix/images/squarespace/screenshot9.png?fit=max&auto=format&n=UDPH6ZAEYND0T6ix&q=85&s=71b1ff76b4b00b8201f8c4990d1d0fd1" alt="Screenshot showing SketricGen Direct Embed iframe code copy interface" width="1437" height="695" data-path="images/squarespace/screenshot9.png" />

    ## **Step 3: Embed your agent workflow**

    ### 1. Log in to Squarespace and open dashboard

    ### 2. Select the sit you want to add iframe on

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot2.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=4911f0c97496c65f8d942b5da7a1d94a" alt="Screenshot showing Squarespace dashboard with site selection interface" width="1433" height="697" data-path="images/squarespace/screenshot2.png" />

    ### 3. Click **Edit**

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot3.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=a26109b8debb207535d3a0d9fdae31dc" alt="Screenshot showing Squarespace site editor with Edit button" width="1441" height="693" data-path="images/squarespace/screenshot3.png" />

    ### 4. Click **Add Block**

    <img src="https://mintcdn.com/sketricgen/c4HlQLmBiw0POS1H/images/squarespace/screenshot4.png?fit=max&auto=format&n=c4HlQLmBiw0POS1H&q=85&s=66c4fe4e8b07937bbc8ae1b8e7729cb8" alt="Screenshot showing Squarespace Add Block interface" width="1431" height="698" data-path="images/squarespace/screenshot4.png" />

    ### 5. Choose the **Code** block and paste the iframe code

    Adjust size and placement as needed, then click **Save**

    <img src="https://mintcdn.com/sketricgen/mCVnaEP0cNWvk2wK/images/squarespace/screenshot10.png?fit=max&auto=format&n=mCVnaEP0cNWvk2wK&q=85&s=d40c4bb1567508cc8230021d6792b752" alt="Screenshot showing Squarespace Code block with iframe embed and save options" width="2876" height="1438" data-path="images/squarespace/screenshot10.png" />

    ## **Step 4: Test your widget after publishing**

    <img src="https://mintcdn.com/sketricgen/mCVnaEP0cNWvk2wK/images/squarespace/screenshot11.png?fit=max&auto=format&n=mCVnaEP0cNWvk2wK&q=85&s=71d0745346b3a378221eb1f01e405b28" alt="Screenshot showing Squarespace site with embedded SketricGen iframe widget" width="2862" height="1430" data-path="images/squarespace/screenshot11.png" />

    🎉 **Congrats!** You've successfully added your SketricGen agent workflow using an iframe.
  </Tab>
</Tabs>
