Integrations
How to add an AI chatbot to Framer
Supportweave Team · June 25, 2026 · 3 min read
Framer has a built-in spot for end-of-body scripts, which is exactly where the Supportweave widget wants to load. Add it once and your AI agent appears across your published site.
What you'll need
- A Supportweave workspace (set up during your demo)
- Your embed snippet from the Install tab
- A Framer plan that allows custom code on a published site
Step 1: Copy your embed snippet
Open your chatbot in Supportweave → Install tab and copy the script:
<script
src="https://app.supportweave.com/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>Step 2: Add it to custom code
- 1In Framer, open Site Settings → General and scroll to Custom Code.
- 2Paste the snippet into the 'End of <body> tag' field.
- 3Click Save / Apply.
- 4Publish your site.
Step 3: Open the published URL
Custom code runs on the published site, not the editor preview, so open your live Framer URL and check for the chat bubble in the bottom-right.
Your Framer site is now answering customers around the clock. Find guides for every other platform on our integrations page.