Guides / Framer
How to Add an AI Chatbot to a Framer Site
To add an AI chatbot to a Framer site, open Site Settings, find Custom Code, paste the Chatonbo script into the End of <body> tag field, and publish. The chat appears on every page of the published site.
Framer is a visual website builder and host for marketing sites and landing pages. Framer lets you add site-wide custom code in Site Settings. Code added there runs on the published site, not inside the editor canvas.
1. Site-wide custom code
The standard way, covers every page.
- Copy the snippet from the Install page of your Chatonbo bot.
- In Framer open Site Settings, then the Custom Code section.
- Paste the snippet into the End of <body> tag field and save.
- Publish the site.
Snippet
<script src="https://chatonbo.com/widget/chatonbo-widget.js" data-bot-id="YOUR_BOT_ID"></script>Check that it works
- Open the published site in a private window and look for the chat bubble.
- Ask something only your site answers.
- The Chatonbo Install page shows the bot as live once it has loaded on your domain.
Rather have us do it?
Installation is free on every plan. Invite [email protected] as a collaborator on your Framer project and reply "invited" to any Chatonbo email, or use the install request on your dashboard. We never ask for passwords.
Frequently asked questions
Why do I not see the chat while editing in Framer?
Custom code only runs on the published site. Publish, then check the live URL.
Does the chatbot keep working when visitors move between pages?
Yes. Sites from these builders are single-page apps: the page shell loads once and pages change without a full reload. The Chatonbo script sits in that shell, so the chat stays open with the same conversation while visitors browse.
Can Chatonbo read a site that is built with JavaScript?
Yes. When a page renders its content with JavaScript, the Chatonbo crawler renders it in a headless browser before reading it, so the assistant learns the same text and products a visitor sees. You can also add PDFs, FAQs or plain text on the bot's Knowledge page.
Do I need to know how to code?
No. You paste one line, either into the builder's chat as a request or into a settings field. If you would rather not touch it, Chatonbo installs it for free: invite [email protected] as a collaborator and reply "invited". We never ask for passwords.
How much does it cost?
Chatonbo has a free plan with 100 conversations a month. Pro is $19 a month for 5,000 conversations and Business is $59 a month for 10,000, with no per-seat or per-resolution fees. Paid plans start with a 30-day free trial.