Framer - EasyMate

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.

Paste your snippet, set Placement to End of body and Page to All, then click Add.

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.

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.