AI Chatbot for
Webflow
Chatonbo is an AI chatbot for Webflow. You paste one script tag into Site settings, Custom code, Footer code, 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 developer is needed.
How to install the chatbot on Webflow
Webflow lets you add site-wide code from Site settings. Paste the tag once, publish, and the assistant loads on every page, including CMS collection pages and Webflow Ecommerce pages.
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 > Custom code
In Webflow, open the project, click the gear icon for Site settings (or open the site from your dashboard), and select the Custom code tab.
Paste into Footer code
Paste the tag into the Footer code box, which places it before the closing body tag on every page. Click Save changes.
Publish the site
Custom code only goes live after you publish. Click Publish, open your live domain, 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>Site-wide custom code in Site settings requires a paid Webflow site plan. On a free Starter site, place the same tag in an Embed element on the pages where you want the chat. Nothing changes in the Designer, and the widget survives every redesign.
What the assistant can do on Webflow
The assistant is trained on your published Webflow pages, so it knows what you offer, what it costs, and how to get in touch. Here is what that covers on Webflow.
Answers from your own pages
Paste your Webflow 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 you run Webflow Ecommerce, the crawler reads your product pages too. Visitors can ask about materials, sizing, and which option fits them, and the assistant answers from the product page and links them 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 Webflow 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 Webflow
Choose the colors, position, welcome message, assistant name, and avatar so the chat matches your Webflow site. Fonts, colors, and corner radius can follow the design system you built in the Designer, so the chat does not look bolted on.
What is not available on Webflow
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 Webflow. 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 Webflow site in minutes
Create and train your assistant
Sign up for Chatonbo and paste your Webflow 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 Webflow, go to Site settings > Custom code, paste the tag into Footer code, save, and publish. The widget loads on every page, including CMS and Ecommerce pages.
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 Webflow: 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 make on Webflow
Agencies, startups, and studios pick Webflow for design control. The assistant fits the same sites without touching that design.
SaaS and startup marketing sites
Answer pricing, feature, and integration questions on the spot and capture demo requests with the full conversation attached, so sales gets context, not just an email.
Agencies and studios
Explain services, process, and timelines, qualify inbound projects with a few questions, and hand hot leads to your team. Install it on client sites too, one tag per site.
Webflow Ecommerce stores
Help shoppers pick between products, answer shipping and returns questions from your policy pages, and link them straight to the product page.
Portfolios and freelancers
Turn a visitor reading your case studies into a project inquiry. The assistant answers availability and package questions and collects contact details.
Consultants and coaches
Answer questions about programs, pricing, and scheduling from your own pages and capture qualified inquiries while you are with clients.
Membership and course sites
Explain plans, enrollment, and what is included, and point members to the right page. Works alongside Webflow Memberships and course tools.
Why Webflow site owners choose Chatonbo
No developer needed
Paste one line into Site settings > Custom code and publish. No Designer changes, no interactions to wire up, no third-party embeds on each page. If you can edit your Webflow 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 Webflow 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 Webflow site?
Copy the one-line Chatonbo script tag from your dashboard, open Site settings > Custom code in Webflow, paste it into the Footer code box, save, and publish the site. The chat then loads on every page. It takes about 2 minutes and no developer is needed.
Does it work on the free Webflow plan?
Site-wide custom code in Site settings needs a paid Webflow site plan. On a free Starter site you can place the same tag in an Embed element on individual pages. Chatonbo itself has a free plan, so you can test before paying for anything.
Can it answer questions about my Webflow Ecommerce products?
Yes, from the product pages it crawls: descriptions, prices, options listed on the page, and your shipping and returns policies. It links visitors to the right product page. It cannot look up an order or add items to the cart; those are features of the Chatonbo Shopify app.
The chat is not showing after I saved the code. Why?
Webflow applies custom code only to the published site, not the Designer preview. Click Publish, then reload your live domain. Also check that the tag is in Footer code and contains your real bot ID rather than the YOUR_BOT_ID placeholder.
Will it slow down my Webflow site?
The widget loads asynchronously after your page content, so it does not block rendering or your Webflow interactions, and it has minimal impact on Core Web Vitals.
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.
Give your Webflow site an assistant that answers
Free plan to start. Paid plans come with a 30-day free trial. Setup takes about 2 minutes.