Add GetFoxChat to your Bubble site

Watch it first

▶ Watch how

The line to add

Yours has your own site ID in place of YOUR_SITE_ID.

How do you add GetFoxChat to Bubble, 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 your app in the Bubble editor and go to the Settings tab. source
3. Open the SEO / metatags section. source
4. Scroll to the Script in the body field and paste the GetFoxChat line there. source
5. Deploy to Live: click the version control button in the upper right corner of the Bubble menu bar and deploy. source
6. Open the live app and check that the chat bubble shows on any page. source
7. Back in GetFoxChat, press Check my site. The chat switches on once GetFoxChat finds the snippet on your live pages.

Bubble's own guide: Bubble Docs: SEO / metatags. Checked 2026-09-30; if Bubble renames a menu, its guide has the current wording.

Bubble gotchas

• Changes made in the editor are in the Development version. Visitors only get the widget after you deploy to Live. source
• Bubble will not deploy while the issue tracker shows issues, so clear those first. source
• The page-level HTML header setting only covers one page. Use the app-wide SEO / metatags settings so the widget is on every page. source
• Only script, meta and link tags are valid in the header field; other code ends up in the body. source

How do you remove it later?

Go back to Settings, SEO / metatags, delete the GetFoxChat line from Script in the body, then deploy to Live again.

Bubble docs fetched do not state a plan requirement for the Script in the body field, so none is claimed. The Script in the body field is preferred over the header field for GetFoxChat since the widget line needs to load on every page and the header only accepts script, meta and link tags.