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

# Deploy

> Embed your InboxMate chatbot on your website.

Once your agent is configured, embed it on your website with a single script tag.

## Embed code

Copy the snippet from your agent's **Publish** tab and paste it before the closing `</body>` tag:

```html theme={null}
<!-- Find your embed code in your agent's Publish tab -->
<script src="https://your-widget-url.js"></script>
```

The exact embed code is generated for your agent. Copy it from the **Publish** tab in your agent's settings.

The widget loads asynchronously and won't block your page.

## Platform guides

Place the InboxMate embed snippet on every page where the widget should appear. Most CMSes have a "custom code" field for this purpose — paste the snippet there and you're done. Below are direct links to each platform's official documentation for the step.

<AccordionGroup>
  <Accordion title="Shopify">
    Shopify offers two paths. The recommended one is **theme.liquid**:

    1. **Online Store → Themes → Edit code** on your active theme.
    2. Open `layout/theme.liquid` in the editor.
    3. Paste the snippet directly **before** the closing `</body>` tag.
    4. Save.

    Shopify's official guide: [Edit theme code in the Shopify admin](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code).

    <Tip>
      If you're on **Shopify Plus** with a checkout extension, also add the snippet via **Settings → Customer events** so it loads on the checkout pages: [Customer events documentation](https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels).
    </Tip>
  </Accordion>

  <Accordion title="WordPress">
    The simplest path is a plugin:

    1. Install **WPCode** (free) or **Insert Headers and Footers** from the WordPress plugin directory.
    2. Plugin settings → **Footer** field → paste the snippet → save.

    The plugin adds the snippet site-wide before `</body>`. Official WPCode docs: [Insert custom code in WordPress](https://wpcode.com/docs/).

    Without a plugin, edit your active theme's `footer.php` directly — but a child theme is strongly recommended so theme updates don't overwrite your edits. WordPress official: [Editing files in WordPress](https://wordpress.org/documentation/article/editing-files/).
  </Accordion>

  <Accordion title="Webflow">
    1. **Project Settings → Custom Code**.
    2. Paste the snippet into the **Footer Code** field.
    3. Save → **Publish** the site.

    Webflow's official guide: [Custom code in head and body tags](https://help.webflow.com/hc/en-us/articles/33961293508755-Custom-code-in-head-and-body-tags).
  </Accordion>

  <Accordion title="Wix">
    Wix needs a Premium plan for custom code.

    1. Dashboard → **Settings → Custom Code** → **Add Custom Code**.
    2. Paste the snippet, set **Place Code in: Body — end**, **Apply to: All pages**.
    3. Save.

    Wix's official guide: [Adding custom code to your site](https://support.wix.com/en/article/site-monitoring-and-analytics-adding-custom-code-to-your-site).
  </Accordion>

  <Accordion title="Squarespace">
    Squarespace needs the Business plan or above for code injection.

    1. **Settings → Advanced → Code Injection**.
    2. Paste the snippet into the **Footer** field.
    3. Save.

    Squarespace's official guide: [Adding code to your site](https://support.squarespace.com/hc/en-us/articles/205815928).
  </Accordion>

  <Accordion title="Framer">
    1. Project → **Site Settings → General → Custom Code**.
    2. Paste the snippet into the **End of `<body>` tag** field.
    3. Publish.

    Framer's official guide: [Custom code](https://www.framer.com/help/articles/custom-code/).
  </Accordion>

  <Accordion title="Static HTML / Custom build">
    Paste the snippet directly in your HTML file before the closing `</body>` tag of every page where the widget should appear. For multi-page sites, put it in a shared template/layout.
  </Accordion>
</AccordionGroup>

<Info>
  Stuck on a platform not listed here? Most CMSes call this feature "custom code", "code injection", or "header & footer scripts" — search your platform's help docs for those terms, or book a free setup call from the **Veröffentlichen** tab in InboxMate.
</Info>

## Making changes

<Info>
  Changes to your agent are saved and take effect immediately. There is no separate draft or publish step. The **Publish** tab is where you find your embed code — not where you publish changes.
</Info>

1. Make changes to your agent (prompt, knowledge, widget style)
2. Test using the [Widget preview](/user-guide/chatbot/playground) in your agent editor
3. Changes are live right away for visitors on your site
