Add the FoxChat AI Operator (you name it yourself) in your app's page HTML header — loads on every page.
FoxChat adds an AI chat bubble named your AI operator to your Bubble app. Your AI operator reads your published pages and answers visitor questions automatically. Bubble lets you add third-party scripts in two places: the app-wide page HTML header (under SEO / metatags), which loads on every page, or an HTML element on a single page. For a chat bubble you want it everywhere, so the page HTML header is the right home. Here is how to add it.
Replace YOUR_SITE_ID with the ID from your FoxChat dashboard.
In the Bubble editor, go to Settings → SEO / metatags.
Find the Script/meta tags in header box and paste the snippet there. Because the script uses defer, it loads after the page and will not slow down rendering.
Preview to confirm, then Deploy to live. Open your live app and your AI operator appears in the corner on every page.
Only want your AI operator on one page? Drop an HTML element onto that page and paste the same snippet inside it. The header route is better when you want the bubble across the whole app.
Confirm the snippet is in the header box under SEO / metatags and that you deployed to live. Check the site ID is correct, then hard-reload the page.
Move the bubble to the opposite corner from your FoxChat dashboard — no code change needed.
Go back to Settings → SEO / metatags, delete the snippet, and deploy again.
Compare plans on the pricing page.