The best AI chatbot for Webflow is the one that answers from your own site content, respects the design you spent weeks on, and does something useful with the conversation afterwards. Webflow has no built-in chat for your visitors, so every option arrives as a script in your site's custom code or as a third-party app, and they differ most in how well they pass those three tests. This guide compares the options by type, shows how to add one to a Webflow site in about ten minutes, and covers what it costs.
Ultimo Bots is an AI receptionist for Webflow sites: it answers visitors from your own content around the clock on your website, a shareable chat link, Messenger, Instagram, Telegram and Slack, captures leads, shares booking links, hands the chat to you when a person is needed, and connects to Zapier, Make or n8n so routine requests run end to end.
Add an AI agent to your Webflow site
Choose the Webflow installation route before comparing features
An app and a custom-code embed are two installation routes, not two guarantees of answer quality. Choose the route your team can maintain and then test the same questions on the published site.
| Route | Check before launch |
|---|---|
| Webflow app | Correct site authorization, completed setup and the assistant on the published domain. |
| Site-wide custom code | Current plan eligibility, one installation, saved footer code and publication. |
| Page-specific embed | The intended page and layout, with no duplicate site-wide installation. |
Use the Webflow app overview and installation guide for the supported Ultimo Bots paths. The Designer preview alone is not a launch test: check the actual address visitors will use.
For a practical acceptance test, ask about one service, one exception in your policy and one topic absent from the knowledge base. Then request a person and check the notification. On a phone, open the chat next to your navigation and consent banner; confirm the launcher does not cover the action visitors came to take.
Measure the same published page before and after installation with the same device and connection settings. Compare repeated runs instead of treating one score as a guarantee. If you see duplicate launchers, check whether both the app and an older snippet are installed. If the answers are stale, review the source and its refresh status. The AI agent cost guide explains how to estimate the response allowance once your test works.
Does Webflow have a built-in AI chatbot?
No. Webflow AI is aimed at building and running the site, not at talking to the people who visit it. Webflow's own overview of Webflow AI lists an AI site builder that generates a site from a few details, the Webflow AI Assistant that answers your questions about Webflow and generates page sections in the Designer, copy and CMS item generation, and SEO and AEO audits. All of that helps you, the person building the site. None of it is a chat window on your published site that answers your visitors.
So a visitor-facing AI chat on Webflow always comes from a third-party tool, added through custom code or, for a few vendors including Ultimo Bots, a native app from the Webflow Marketplace. The real decision is which kind of tool, and that is what the rest of this guide is about.
What separates a good Webflow AI chatbot from a widget
Webflow owners are a specific audience. You did not pick Webflow to accept defaults, so the bar for anything that appears on your site is higher than average.
- It answers from your content, not from the open internet. During setup it reads your pages and builds its knowledge from them. If it needs you to type a hundred question and answer pairs first, it is a FAQ widget with better marketing.
- It obeys your design. Colors, font, header, avatar, launcher shape and corner radius are yours, with a live preview while you edit, and on the larger plans the provider's branding comes off entirely.
- It does not slow the page down. The script is small and loads without blocking, which matters when your Lighthouse score is part of the pitch to your own clients.
- It admits what it does not know. The right answer to an uncovered question is "I do not have that, let me get you to someone who does". An agent that invents answers for you will invent them for your customers.
- It handles privacy properly. European data handling, a plain privacy policy, and the AI disclosure that EU rules have required since August 2026, shown automatically, in the visitor's language for the main European languages.
The best AI chatbot for Webflow, by type
Search for a Webflow chatbot and the same handful of names keeps coming up. They are not interchangeable: each type of tool is built around a different idea of what the chat is for, and each is genuinely good at something. Side by side, with the pricing models checked on each vendor's own pricing page on 27 September 2026:
| Type of tool | How it gets onto Webflow | Where it is strongest | How it is priced |
|---|---|---|---|
| AI answer tools trained on your site: Chatbase, SiteGPT, Chatling | A snippet in custom code, or an iframe in a Code Embed element | Fast setup, answers from your pages and files, a handoff to their own inbox | Monthly plans with message or AI credits; Chatbase and Chatling have free plans, SiteGPT a 7-day trial |
| AI chat with a Webflow Marketplace app: YourGPT | An app that adds the script to your site for you | No copy and paste, plus a helpdesk and a visual flow builder in the same platform | Monthly plans with AI credits and a 7-day trial |
| Widget library: Elfsight | A Code Embed element or Footer code | One account for an AI chat that scans your site plus 90+ other widgets, such as reviews, feeds and forms | Free plan with 50 messages a month; paid tiers capped by messages and views |
| Live chat and helpdesk suites with AI: Tidio with Lyro, Intercom with Fin | A script in Footer code | A staffed inbox, ticketing and a mature human workflow, with an AI agent answering first | Tidio meters team conversations and Lyro AI conversations separately; Intercom charges per helpdesk seat plus $0.99 per Fin outcome |
| Visual flow builders: Botpress, Landbot | A script in custom code | Drag-and-drop control over every step of a conversation; Botpress also for developer-built agents | Botpress per conversation, Landbot per chat with a separate AI allowance; both have free plans |
| AI agent that answers and acts: Ultimo Bots | A native Webflow app from the Webflow Marketplace, or a snippet in Footer code | Answers from your pages, then books, captures leads into your tools, hands off to you in live chat, and answers on Messenger, Instagram, Telegram and Slack too | Flat per agent, $29 to $149 a month by AI responses, no seat or per-resolution fees |
How to pick between them comes down to what should happen after the answer:
- Answers from your pages and nothing more: any tool in the first row does the job, and the cheapest plan that covers your traffic wins.
- Someone on your team already works a support inbox all day: a helpdesk suite earns its price, because the human workflow is the product.
- Every step has to follow a script you control: a flow builder gives you that control; plan time to build and maintain the flows.
- The conversation should end in something, a booking, a lead in your CRM, a handoff to you or a workflow in your own tools, on a flat price that does not grow with seats or resolutions: that is the case Ultimo Bots is built for.
How to add an AI chatbot to Webflow in ten minutes
Ultimo Bots gives you two ways onto a Webflow site, and both keep your components untouched.
The native Webflow app (recommended). Install Ultimo Bots from the Webflow Marketplace:
- Install the app. Open the Ultimo Bots listing in the Webflow Marketplace, click Install and pick the site you want the agent on.
- Authorise the connection. Approve the permissions Webflow asks for. No code is involved, and nothing needs to be pasted.
- Set up your agent. Add what it should know, from your site content to documents, question and answer pairs, Google Drive, OneDrive or Notion, all in the knowledge base.
- Match it to your design and switch on lead capture. Set colors, font, launcher and welcome message with the live preview, and choose which details to collect and where alerts reach you.
- Publish the site. The app registers the agent's script on the site for you, so there is nothing to maintain when you redesign.
- Test it on the live site. Open a published page, ask about a detail that appears exactly once, halfway down a page nobody reads, and send yourself a test lead. A real agent finds the detail; a demo-grade one sends you to the contact form.
Or add it with custom code. Copy the snippet from the Website widget card on the Channels page, then in Webflow open Site settings, go to the Custom code tab, paste it into the Footer code section, click Save changes and publish. Webflow places that code just before the closing body tag on every page. For a chat on one page only, paste it into that page's settings instead; for a chat that sits inside your layout rather than floating in the corner, place the inline code from the Website iframe card in a Code Embed element.
If you take the custom code route, one plan detail matters: according to Webflow's guide to custom code, custom code is available when your site has an active paid Site plan or you are on a Core, Growth, Agency or Freelancer Workspace. The hosted chat link gives you the same agent at a shareable address in the meantime.
Get your agent live in ten minutes
What it does after the answer
This is where an agent stops being a chat window and starts being useful.
It captures leads with the details you choose and notifies you immediately, with the transcript attached. It shares your scheduling link at the moment someone asks for a meeting. It hands the conversation to a human on request through live chat, in the same window, with the conversation so far in front of you.
And it connects to what you already run. Direct connections cover HubSpot and Mailchimp, and through a Zapier, Make or n8n webhook practically any routine flow you handle by hand today can run end to end instead: an enquiry that arrives at 23:00 creates the CRM record, the internal task and the confirmation email before you wake up. With Make or n8n the workflow can answer back inside the same conversation, so your own rules decide the outcome and the agent explains it to the visitor immediately. Zapier receives the details but cannot send a result back into the chat, so use Make or n8n when the visitor needs an answer from your systems. Each of these is an app action you set up by describing it in plain words.
The same agent answers beyond the website too, through a shareable chat link plus Facebook Messenger, Instagram DMs, Telegram and Slack, all from one knowledge base and one inbox with analytics.
Keeping it consistent with a design system
The objection Webflow designers raise first is that chat widgets undo the work. It is a fair objection, and the answer is to treat the agent as a component with tokens rather than an afterthought.
Set the launcher and header to your brand color, match the corner radius to the one you use everywhere else, and pick the font from the same family as the site. Choose the launcher size deliberately, because the default in most tools is larger than a well-balanced page wants. Decide whether links open in the same tab, since a chat that throws people out of your site undoes the flow you designed. On the Boost and Ultimo plans the provider's branding comes off, so the only name in the window is yours.
The test afterwards is simple: take a screenshot of the page with the chat open and show it to someone who has not seen the site. If they can tell which element was added by a third party, keep adjusting.
What it costs
Ultimo Bots is priced per agent, with no per-seat or per-resolution fees:
| Plan | Monthly price | What is included |
|---|---|---|
| Smart | $29 (or $19 on yearly billing) | 500 AI responses a month, 200 content sources |
| Boost | $59 (or $39 on yearly billing) | 2,000 AI responses a month, 1,000 sources, monthly content rescan, branding removal |
| Ultimo | $149 (or $99 on yearly billing) | 10,000 AI responses a month, 10,000 sources, daily content rescan, branding removal |
Every plan includes every channel, live chat handoff, lead capture and analytics, and starts with a 7-day free trial that can be cancelled anytime. Details on the pricing page.
If you build Webflow sites for clients, each site gets its own agent, so the knowledge, the branding and the lead notifications belong to each client rather than to one shared account. Try it on your own site first, ask it the five questions you answer every week, and you will know quickly whether it earns its place next to the design you built.