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

# Webflow

> Add your Sales Assistant chat widget to Webflow through the site-wide Footer code area.

This guide shows how to put your Sales Assistant on a Webflow site as a chat widget, so it appears on every page.

<Info>
  Before you start, [launch your Sales Assistant and copy your install snippet](/docs/solutions/sales-assistant/deploying/overview). Keep it on your clipboard, you'll paste it in below.
</Info>

<Warning>
  Adding custom code in Webflow requires a paid **Site plan**. It isn't available on the free Starter plan.
</Warning>

## Add the snippet with custom code

Webflow has a site-wide custom code area, which is the right place for a chat widget because it loads on every page.

1. In your Webflow dashboard, open your site's **⋯** menu and choose **Settings** (or open the site and go to **Site settings**).
2. In the left menu, open **Custom code**.
3. Paste your EasyMate snippet into the **Footer code** box (labeled "Add code at the end of the `<body>` tag").
4. Click **Save**.
5. **Publish** your site so the change goes live.

<Frame caption="Paste your snippet into the Footer code box, then click Save.">
  <img src="https://mintcdn.com/easymate-76b6994e/TGwYGHPKuzAnZ5se/images/deploy-webflow-custom-code.png?fit=max&auto=format&n=TGwYGHPKuzAnZ5se&q=85&s=3a6ef0b8dd39a944fb218afd2a71cd97" alt="The Webflow Custom code page with the snippet in the Footer code box" width="1400" height="900" data-path="images/deploy-webflow-custom-code.png" />
</Frame>

<Info>
  **Why the footer box?** The widget needs to load after your page content. The footer (before `</body>`) is the most reliable spot.
</Info>

## Verify it's working

1. **Publish** your site (custom code only runs on the published site, not the Webflow Designer or preview).
2. Open your live site in a new browser tab (or an incognito window).
3. Look for the chat button, usually in a bottom corner, and send a test message.

If it doesn't appear, see [Troubleshooting](/docs/solutions/sales-assistant/deploying/troubleshooting).
