> ## 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 Wix

> Add a SketricGen AI agent chat widget to your Wix website — step-by-step guide for embedding multi-agent workflow automations.

<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**

    Go to your agent workflow dashboard, click **Publish**, and copy the embed code.\
    **Note**: Ensure your agent workflow is set to **Public**.

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

    ## **Step 3: Embed the agent workflow in Wix**

    ### 1. Log in to your Wix dashboard.

    ### 2. Select the site where you want the agent workflow.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot2.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=52f5d0d82bfae5b801584b6f985a2b34" alt="Screenshot showing Wix dashboard with site selection interface" width="1434" height="697" data-path="images/wix/screenshot2.png" />

    ### 3. Go to **Add Elements > Embed & Social > Embed Code**.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=482e0d8e7275e548aa78929aa034023d" alt="Screenshot showing Wix Add Elements interface with Embed & Social > Embed Code option" data-og-width="1438" width="1438" data-og-height="695" height="695" data-path="images/wix/screenshot3.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=280&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=e707c94e77fc329f08ab9a1f3f9b5b9d 280w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=560&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=fa7875984158b2fe34ecd1b6a707592d 560w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=840&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=a74ecd178765a5c0813c5f87e02f713c 840w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=1100&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=b46cc67afe4014e2a4e95191ef62d911 1100w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=1650&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=45a9786ebb045658c96cc3ccdc19cfa4 1650w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=2500&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=baee63e25d5cf9deda88ae0284308fe7 2500w" />

    ### 4. Paste the copied code and adjust position/size as needed.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot4.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=aa75d1bd2ca24edfd5123d9505f4e215" alt="Screenshot showing Wix Embed Code element with code input and positioning options" width="1438" height="695" data-path="images/wix/screenshot4.png" />

    ### 5. Resize the **Embed Code** element so the full chat widget is visible.

    Click the embedded widget and adjust the element’s **width/height** (or drag the resize handles) until nothing is clipped and the chat opens at the correct size.

    <img src="https://mintcdn.com/sketricgen/JR_E8VLtyf8jK9h9/images/wix/gif1.gif?s=6df2bb03937159390c1622e48e4086a0" alt="GIF showing how to resize the Embed Code element in Wix" width="800" height="394" data-path="images/wix/gif1.gif" />

    ### 6. Add an **Anchor** and **Pin** the agent workflow widget to make it a floating bubble.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot5.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=e9b1d1ba7ffb86d383ba5529f6a05bd0" alt="Screenshot showing Wix Anchor and Pin options for floating chat bubble configuration" width="1434" height="697" data-path="images/wix/screenshot5.png" />

    ## **Step 4: Test the agent workflow**

    After publishing, test the agent workflow on your live site.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot6.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=c3ee94adde2a2916c33b394cce97672f" alt="Screenshot showing Wix site with embedded SketricGen floating chat widget" width="1623" height="777" data-path="images/wix/screenshot6.png" />

    ✅ **Success!** Your agent workflow is live as a floating bubble on Wix.
  </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: Get the Embed Code**

    From the SketricGen dashboard, click **Publish** and copy the embed code.

    > Set visibility to **Public**.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot7.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=9dcbbb22d1ff71433d02965409d30b97" alt="Screenshot showing SketricGen Direct Embed iframe code copy interface" width="2273" height="1126" data-path="images/wix/screenshot7.png" />

    ## **Step 3: Add the iFrame Embed to Wix**

    ### 1. Go to your Wix site dashboard.

    ### 2. Select the desired site.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot2.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=52f5d0d82bfae5b801584b6f985a2b34" alt="Screenshot showing Wix dashboard with site selection interface" width="1434" height="697" data-path="images/wix/screenshot2.png" />

    ### 3. Add an **Embed Code** element:

    **Add Elements > Embed & Social > Embed Code**

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=482e0d8e7275e548aa78929aa034023d" alt="Screenshot showing Wix Add Elements interface with Embed & Social > Embed Code option" data-og-width="1438" width="1438" data-og-height="695" height="695" data-path="images/wix/screenshot3.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=280&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=e707c94e77fc329f08ab9a1f3f9b5b9d 280w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=560&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=fa7875984158b2fe34ecd1b6a707592d 560w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=840&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=a74ecd178765a5c0813c5f87e02f713c 840w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=1100&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=b46cc67afe4014e2a4e95191ef62d911 1100w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=1650&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=45a9786ebb045658c96cc3ccdc19cfa4 1650w, https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot3.png?w=2500&fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=baee63e25d5cf9deda88ae0284308fe7 2500w" />

    ### 4. Paste your code and adjust dimensions for inline display.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot8.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=5b2cf6eeaa34babce54b3c927dd0685b" alt="Screenshot showing Wix Embed Code element with iframe code and dimension adjustments" width="1445" height="691" data-path="images/wix/screenshot8.png" />

    ## **Step 4: Publish and Verify**

    Make sure everything is working by testing the agent workflow on your live site.

    <img src="https://mintcdn.com/sketricgen/xEOJ-xI4AkgppWxS/images/wix/screenshot9.png?fit=max&auto=format&n=xEOJ-xI4AkgppWxS&q=85&s=e320b194c49a6c9ea7a07033c52e88ad" alt="Screenshot showing Wix site with embedded SketricGen iframe widget" width="1600" height="772" data-path="images/wix/screenshot9.png" />

    ✅ Done! Your agent workflow is embedded inline in your Wix site.
  </Tab>
</Tabs>
