AI Chatbot for
Framer
Chatonbo is an AI chatbot for Framer. You paste one script tag into Site settings, General, Custom code, End of body tag, then publish, and an assistant trained on your own pages answers visitor questions, captures leads, and replies in 50+ languages around the clock. Setup takes about 2 minutes, there is a free plan, and no code component is needed.
How to install the chatbot on Framer
Framer adds site-wide code from Site settings. Paste the tag once, publish, and the assistant loads on every page, including CMS pages, without adding a component to each one.
Copy your script tag
In the Chatonbo dashboard, open your bot and copy the one-line embed code. It already contains your bot ID.
Open Site settings > General
In the Framer editor, click the gear icon in the top right to open Site settings, then stay on the General tab.
Paste into End of <body> tag
Scroll to Custom code. Paste the tag into the End of <body> tag box and click Save.
Publish
Framer applies custom code to the published site only, so the chat will not show in the editor preview. Click Publish, open your live URL, and the chat bubble is there on every page.
<script src="https://chatonbo.com/widget/chatonbo-widget.js" data-bot-id="YOUR_BOT_ID"></script>Custom code in Site settings requires a paid Framer site plan; it is not available on the free plan. Nothing changes on the canvas, and the widget stays in place through every redesign.
What the assistant can do on Framer
The assistant is trained on your published Framer pages, so it knows what you make, what it costs, and how to get in touch. Here is what that covers on Framer.
Answers from your own pages
Paste your Framer site address and the assistant crawls your pages: services, pricing, policies, FAQs, opening hours, shipping and returns. Every answer comes from your content, and when something is not on your site it says so instead of guessing.
Product questions from crawled catalog pages
If your Framer site lists products, plans, or packages on its pages, the crawler reads them. Visitors can ask what is included, which option fits them, and what it costs, and the assistant answers from the page and links to it.
Lead capture with the full transcript
When a visitor wants a quote, a callback, or a follow-up, the assistant asks for a name, email, and phone number and saves the lead with the whole conversation in your dashboard. Leads can also be forwarded by email or webhook to your CRM.
50+ languages, automatically
Visitors write in their own language and the assistant answers in it: English, Spanish, French, German, Portuguese, Hebrew, Arabic, Japanese, and 50+ more. Nothing to configure, one script for every language your Framer site serves.
Human handoff when it matters
If a visitor asks for a person, the assistant points them to the Talk to a human link in the chat. With live chat switched on, your team joins the same conversation. Otherwise the assistant collects their details so you can follow up.
Looks native on Framer
Choose the colors, position, welcome message, assistant name, and avatar so the chat matches your Framer site. Colors and corner radius can match the styles you set in Framer, so the chat feels like part of the design rather than a plugin.
What is not available on Framer
Order lookup (“where is my order?”) and add-to-cart inside the chat are features of the Chatonbo Shopify app, which reads live store data. They are not available on Framer. Here the assistant works from your crawled pages: it answers product and policy questions and captures the lead, but it cannot check an order or put an item in the cart.
Live on your Framer site in minutes
Create and train your assistant
Sign up for Chatonbo and paste your Framer site address. The assistant crawls your pages and learns your business in about 2 minutes. Add PDFs, FAQs, or typed answers whenever you want it to know more. Then copy your one-line script tag.
Paste into Custom code and publish
In Framer, open Site settings > General > Custom code, paste the tag into End of <body> tag, save, and publish. The assistant loads on every page, CMS pages included.
Go live and capture leads
The assistant greets visitors, answers from your knowledge base, captures leads, and hands off to your team when needed, 24/7 in 50+ languages. Review every conversation and lead in the Chatonbo dashboard.
in orders over seven weeks from shoppers who talked to the assistant first, at one US massage chair store.
That store runs on Shopify, and your numbers will depend on your traffic and prices. The mechanism is the same on Framer: answer the question that is blocking the decision at the moment it is asked, and capture the visitor when the answer needs a person.
Built for the sites people launch on Framer
Framer is where startups, designers, and creators ship fast. The assistant turns that traffic into conversations and leads without slowing the launch.
Startup and SaaS landing pages
Answer pricing, feature, and integration questions the moment a visitor has them and capture demo or trial requests with the full conversation attached.
Waitlists and launches
Explain what is coming, when, and for whom, and collect the email of everyone who asks, with the context of what they asked about.
Design studios and agencies
Explain services, process, and timelines, qualify inbound projects, and hand hot leads to your team with the transcript.
Indie products and templates
Answer licensing, compatibility, and "does it do X" questions from your product pages so buyers do not leave to email you.
Personal brands and creators
Answer questions about courses, cohorts, sponsorships, and speaking from your own pages and capture inquiries while you create.
Portfolios
Turn a visitor reading your case studies into a project inquiry. The assistant answers availability and package questions and collects contact details.
Why Framer site owners choose Chatonbo
No developer needed
Paste one line into Site settings > Custom code and publish. No code component, no overrides, nothing on the canvas. If you can edit your Framer site, you can add Chatonbo.
Free plan, then $19 or $59 a month
Start on the free plan. Pro is $19/month with 5,000 conversations, Business is $59/month with 10,000. Paid plans come with a 30-day free trial, and you can cancel anytime from the dashboard.
Powered by GPT-5.4
The assistant runs on the latest OpenAI model. It understands context, follows your instructions, and keeps answers grounded in your own pages rather than general knowledge.
One widget for every platform
Chatonbo has official apps for Shopify and Wix and a WordPress/WooCommerce plugin. On Framer the same widget installs with one script tag, so the dashboard, knowledge base, and lead inbox are identical.
Frequently asked questions
How do I add an AI chatbot to my Framer site?
Copy the one-line Chatonbo script tag from your dashboard, open Site settings > General > Custom code in Framer, paste it into the End of body tag box, save, and publish. The chat then loads on every page. It takes about 2 minutes.
Does it work on the free Framer plan?
Custom code in Site settings requires a paid Framer site plan, so you need a paid plan to add the script. Chatonbo itself has a free plan, so the assistant costs nothing to try once your site plan allows custom code.
The chat is not showing after I saved. Why?
Framer applies custom code to the published site only, not the editor preview. Click Publish, then reload your live URL. Also check that the tag is in the End of body tag box and contains your real bot ID rather than YOUR_BOT_ID.
Does it work with Framer CMS pages?
Yes. Custom code in Site settings applies to every page, CMS collection pages included, and the crawler reads those pages as part of your knowledge base. Re-crawl from the dashboard when you publish new content.
Can it look up orders or add items to a cart?
No. Order lookup and add-to-cart inside the chat are features of the Chatonbo Shopify app, which reads live store data. On Framer the assistant answers from your crawled pages and captures the visitor's details when a person is needed.
How much does it cost?
There is a free plan. Pro is $19 per month with 5,000 conversations, and Business is $59 per month with 10,000 conversations. Paid plans include a 30-day free trial, and you can cancel anytime from the dashboard.
Ship the site, then let it answer for you
Free plan to start. Paid plans come with a 30-day free trial. Setup takes about 2 minutes.