Install guide: Webflow

Add GetFoxChat to your Webflow site

As of November 3, 2026, to add GetFoxChat to Webflow, paste the snippet into the Footer code section of Site settings, Custom code tab, which Webflow places before the closing </body> tag on every page (Webflow's own guide, September 30, 2026). The video on this page shows GetFoxChat added to a Webflow site in 2 minutes (watch it).

Before you start: Your site needs an active Site plan, or you need a Core, Growth, Agency or Freelancer Workspace. You must be a Site manager or Designer. source

Watch it first

GetFoxChat being added to a Webflow site and answering on it▶ Watch how
Add GetFoxChat to a Webflow site: approve, add, publish

The line to add

Yours has your own site ID in place of YOUR_SITE_ID.

<script src="https://getfoxchat.com/widget.js" data-site-id="YOUR_SITE_ID" defer></script>

How do you add GetFoxChat to Webflow, step by step?

  1. In GetFoxChat, open the install step for your site and copy your snippet. It already has your site ID in it. No account yet? Create one free.
  2. Open Site settings for your site and go to the Custom code tab. source
  3. Paste the snippet into the Footer code section. source
  4. Save your changes.
  5. Publish your site. The code does not go live until the site is published. source
  6. Back in GetFoxChat, press Check my site. The chat switches on once GetFoxChat finds the snippet on your live pages.

Webflow's own guide: Webflow Help: custom code in head and body tags. Checked 2026-09-30; if Webflow renames a menu, its guide has the current wording.

Webflow gotchas

How do you remove it later?

Open Site settings, Custom code tab, delete the GetFoxChat line from the Footer code section, save, and publish the site again.

Find out what your visitors can't find

See the 5 questions your visitors are likely to ask that your pages don't clearly answer. Free, no account needed.

Your AI Operator starts as Foxy. Rename it and give it your own avatar in Settings. Plans and what each includes: pricing.