Drop one line into the End of body Custom Code field and publish.
FoxChat adds an AI chat bubble named the FoxChat AI Operator (you name it yourself) to your Framer site. Your AI operator reads your published pages and answers visitor questions automatically. Framer has a project-wide Custom Code panel with a dedicated "End of <body>" slot, which is exactly where a chat widget belongs. Add the snippet once and it loads on every page of the site — no per-page work and no components to wire up.
Replace YOUR_SITE_ID with the ID from your FoxChat dashboard.
In your Framer project, go to Project Settings → General and scroll to the Custom Code section.
Paste the snippet into the End of <body> tag field. This loads your AI operator after your page renders so it never slows the site down.
Click Publish. Framer only runs custom code on the published site, so this step is required. Open the live URL and your AI operator appears in the corner.
Make sure you published after pasting — custom code never runs in the editor preview. Confirm the snippet is in the End of <body> field and the site ID is correct.
Move the bubble to the opposite corner from your FoxChat dashboard — no code change needed.
Open Project Settings → General → Custom Code, delete the snippet from the End of <body> field, and publish again.
Compare plans on the pricing page.