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

# Framer

> Add your Sales Assistant chat widget to Framer as a site-wide script at the end of the page body.

This guide shows how to put your Sales Assistant on a Framer 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>
  Custom code runs on your **published** site, not the editor preview. Publish your site after adding the script for it to take effect.
</Warning>

## Add the snippet with custom code

Framer has a site-wide custom code area, which loads the widget on every page.

1. In the Framer editor, open the menu at the **top left** and choose **Settings**.
2. In the left list under **Site Settings**, click **Code**.
3. Click **Add Script**.
4. Paste your EasyMate snippet into the **Code** box.
5. Set **Placement** to **End of `<body>`** and **Page** to **All**, and give it a **Name**.
6. Click **Add**.

<Frame caption="Paste your snippet, set Placement to End of body and Page to All, then click Add.">
  <img src="https://mintcdn.com/easymate-76b6994e/TGwYGHPKuzAnZ5se/images/deploy-framer-custom-code.png?fit=max&auto=format&n=TGwYGHPKuzAnZ5se&q=85&s=3548f973462e5e244608d722a08a5d1d" alt="The Framer Add Script panel with the snippet, Placement End of body, and Page All" width="1400" height="900" data-path="images/deploy-framer-custom-code.png" />
</Frame>

<Info>
  **Why "End of `<body>`"?** The widget needs to load after your page content. Placing it at the end of the 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 Framer editor 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).
