Add an AI chatbot to your Framer site.
Framer has a Custom Code setting that adds a script to every page of your published site. Put the ChatBento snippet there once and the chatbot appears on all your pages, trained on the content of your Framer site.
Install on Framer in 5 steps
Where it goes: Site Settings → General → Custom Code → End of <body> tag
- 1
In ChatBento, open your chatbot, go to Install and copy the one-line snippet.
- 2
In Framer, open your project and click the gear icon to open Site Settings, then go to General.
- 3
Scroll to Custom Code and paste the snippet into the “End of <body> tag” box.
- 4
Click Publish (or Update) so the change goes live.
- 5
Open your live site in a new tab and click the chat bubble in the corner to test it.
The snippet looks like this (your bot ID is filled in for you)
<script src="https://chatbento.com/widget.js" data-bot-id="YOUR_BOT_ID" async></script>Test on the published site
Custom code runs on your published site, not on the Framer editor canvas. If you don't see the bubble while editing, that's expected: check the live URL instead.
Only on some pages
To show the chatbot on specific pages only, leave Site Settings empty and paste the snippet into each page's own Custom Code setting (page settings) instead.
Staging and custom domains
If you limit ChatBento to allowed websites, add both your custom domain and your framer.website address, so it also works while you test.
What the chatbot does on your Framer site
Answers from your content
Trained on your pages, docs and Q&As. It says so when it doesn't know, instead of guessing.
Hands off to you
When a visitor needs a person, it collects their email and sends you the conversation.
From $8 a month
A 14-day free trial, then plans from $8/month: 80% less than Chatbase.
Comparing tools? See ChatBento vs Chatbase and pricing.
Framer questions. Answered.
Can ChatBento learn from my Framer site?
Yes. Enter your site's address in ChatBento and it reads your published pages, using your links and sitemap to find them. You can add Q&As and pasted text on top for anything that isn't on the site.
Will the chatbot slow down my Framer site?
No. The script loads asynchronously after your page, is about 6 KB compressed, and renders the chat window only when a visitor opens it.
Does it clash with my Framer styles?
No. The widget renders inside its own shadow DOM, so your site's CSS can't change it and its styles can't leak into your design.
How much does ChatBento cost?
Plans start at $8/month (Hobby), with Standard at $30/month and Pro at $100/month. Every account starts with a 14-day free trial, no card required.
Add AI support to your Framer site. Live in minutes.
14-day free trial. No card required.