Best AI chatbot for Webflow: app setup, costs and testing

The best AI chatbot for Webflow answers your visitors from your own content, fits the design you built, and does something with the conversation: a lead, a booking link or a handover to you. Webflow has no built-in chat for visitors, so every option arrives as a Webflow app or a script in custom code.

A Webflow chatbot is a chat window on your published Webflow site, added by a Webflow app or custom code, that answers visitor questions; the AI kind writes each answer from the content you give it instead of following a script.

Does Webflow have a built-in AI chatbot?

No. Webflow AI works for you, the person building the site, not for the people who visit it. Webflow's own overview of Webflow AI, updated May 21, 2026, lists the AI site builder that generates a site from a few details, the AI Assistant that answers your questions about Webflow and generates page sections, copy and CMS item generation, SEO and AEO audits, and AI code components. None of these features is a chat window on your published site that answers your visitors.

Designer

Publish

AI AssistantWrite copy

Heading

Webflow AIfor you

Live site

Yes, we treat running injuries. Book a slot

AI agentfor visitors

So if you evaluate Webflow, the software company, as an AI chatbot builder, the evaluation is short: it has no native one. No Webflow update in 2025 or 2026 has added a chat for your visitors. Webflow's official route for that is its Marketplace, where other vendors' apps install on your site, plus the custom code areas that let any chat script in.

The best AI chatbot for Webflow, by type

These are the platforms that will let you connect a chat with Webflow today, grouped by type rather than ranked. Each type is built around a different idea of what the chat is for:

Which one is best depends on what should happen after the answer. For answers alone, any AI answer tool does the job and the cheapest plan that covers your traffic wins. If someone works a support inbox all day, a helpdesk suite earns its seat price. If every step must follow your script, a flow builder gives you that, at the cost of maintaining the flows.

Ultimo Bots is an AI agent that connects to Webflow as an app from its portal, answers visitors from the files and Q&A you give it, captures leads, sends booking links, hands the chat to you while you are online, and answers on WhatsApp, Messenger and Instagram from the same knowledge. It is built for a fourth case: the conversation should end in something, at a price that does not grow with seats.

What a Webflow AI chatbot should do after the answer

Most chats on a business site end in one of three ways: the visitor got what they needed, wants something from you, or wants a person. The last two are where many chat windows trap people, and people rightly hate that.

• Leads. The built-in Lead Generation skill asks for name and email, sums up the request in one sentence, forwards it and tells the visitor in its own words that your team has it. The lead lands in Leads with the full conversation, and the alert reaches your email right away.
• Booking links. With Calendly, the agent sends a booking link for the right meeting type the moment someone asks; with Cal.com it can also book, reschedule and cancel.
• A person. While you or a teammate is switched online in the portal, visitors see a Talk to a human button, and you join the same chat in live chat with everything said so far in front of you. The AI stops replying until you leave.
• Your own tools. Contacts saved to HubSpot, sign-ups to Mailchimp with double opt-in, and anything else through a webhook.

Behind the chat, app actions send what the agent collected to Zapier, Make or n8n, so an 11 pm enquiry is a CRM record by morning. Make and n8n can send a result back into the same answer; Zapier only receives. Connect the app, then describe a skill that uses it in plain words to Mo, the builder in the AI Studio, and test it there.

Now the 3 AM test. Nobody is online, so the Talk to a human button is hidden and the agent promises no person. A visitor on a physiotherapy clinic's Webflow site asks at 11:40 pm whether the clinic treats running injuries and opens on Saturday. The agent answers from the clinic's Q&A and offers the booking link; when the visitor would rather have the clinic get in touch, it asks for name and email, sums up the request and confirms that the team has received it. The owner wakes up to a lead with the whole conversation.

Online

Can someone get back to me?

Talk to a human

Offline

Can someone get back to me?Thanks, I have sent your request to the team.

The same agent answers on a shareable chat link, WhatsApp, Messenger, Instagram DMs, Telegram and Slack, from one knowledge base and one balance of AI credits. Selling through Webflow Ecommerce? See the e-commerce support checklist.

How to add an AI chatbot to Webflow

The Ultimo Bots Webflow app, connected from the portal, is the easiest way to add a chatbot to Webflow; custom code gives you manual control; a Code Embed puts the chat inside one page instead of the corner.

The native Webflow app

1. 1

   Create your account

   Sign up in the portal with your name, email and a password, or log in, and create your agent: you choose its name and language.

2. 2

   Connect Webflow

   Open your agent, then Deploy, then Channels, click Set up on the Webflow card, choose Connect and approve the access Webflow asks for. The Webflow app page shows what it sets up.

3. 3

   Pick your site

   With one Webflow site, the app adds the agent to it right away. With several, choose the site from the list and click Integrate AI Assistant.

4. 4

   Match your design

   Under Deploy, then Design, set colors, corner radius and font against a live preview, then try a few questions in the AI Studio.

5. 5

   Publish

   The app adds the agent to your site through Webflow's API, then waits for you: a notice in the portal offers Publish site, or you publish in the Webflow Designer. Publishing pushes everything staged on your site live, not only the agent. The installation guide shows each screen.

Or with custom code

In the portal, open Channels, then the Website widget card, and copy the three-line snippet. In Webflow, open Site settings, the Custom code tab, paste it into Footer code, click Save changes and publish. For one page only, use that page's settings instead. For a chat inside your layout, put the code from the Website iframe card into a Code Embed element.

According to Webflow's guide to custom code, custom code is available when your site has an active Site plan or you are on a Core, Growth, Agency or Freelancer Workspace, and it goes live only when you publish. Use the app or the snippet, never both, or you get two launchers.

Teach it what your customers ask

The Webflow app never reads or crawls your Webflow site during setup. It learns from what you give it in the knowledge base: PDF and Word files, question-and-answer pairs, and documents from Google Drive, OneDrive or Notion. Start with your price list, hours, service area and policies as files, then add Q&A pairs for the ten questions you answer every week, in your customers' words.

Answers come from your content, not from guesses about your business. On Boost and Ultimo, connected Drive, OneDrive and Notion files re-sync on a schedule, so a price change in your document reaches the agent without a new upload. The agent replies in the visitor's language, more than 80 of them, and a rule such as "Answer in two sentences, then offer the booking link" goes in through Your agent > Behaviors > Add Behaviors in the AI Studio.

Make it look like part of your design system

Anyone who chose Webflow worries that a chat widget undoes the design. Treat the agent as a component with tokens: under Deploy, then Design in the portal, set the launcher and header to your brand color, match your corner radius, pick the font closest to your site's, add your logo and an avatar, and write a header text of up to 60 characters.

Ultimo Bots puts in a starting welcome message and starter questions; replace them with up to three of each, written the way visitors ask. On Boost and Ultimo the "Powered by Ultimo Bots" line comes off. The test: show a screenshot with the chat open to someone who has not seen the site. If they can tell which element came from a third party, keep adjusting.

What does a Webflow chatbot cost?

Between $5 and $150 a month for a first paid plan, depending on what the tool counts. Every vendor below was checked on its own pricing page on October 23, 2026; prices in USD before tax.

Tidio Starter shows from $24.17 a month on yearly billing for 100 conversations, with its Lyro AI agent priced separately from $32.50 a month. Botpress Plus is $150 a month billed annually for 250 conversations. Watch the unit, not the headline: Elfsight also counts views, one per page load that shows the widget, and its pricing page says going over the limit temporarily deactivates the widget.

Ultimo Bots plans are priced per agent, never per seat or per resolution: Smart $29 a month or $19 billed yearly for 500 AI credits, Boost $59 or $39 for 2,000, Ultimo $149 or $99 for 10,000 (as of October 23, 2026). A standard answer on Ultimo Core uses one AI credit, so Smart covers up to 500 of them; the stronger levels, Pro and Max, use 4 and 8. Your own messages in a chat you take over cost nothing, and at zero the agent pauses instead of billing overage. Details on the pricing page; a worked monthly estimate is in the AI agent cost guide.

Is there a free AI chatbot for Webflow?

Yes, with small allowances and one Webflow catch. Chatling's free plan includes 200 AI credits, Elfsight's 50 messages and 200 widget views a month, Botpress's 100 conversations, and Tidio's 50 Lyro AI conversations once, not monthly. Chatbase, SiteGPT and YourGPT start with a free trial. The catch: a script needs Webflow's custom code, which needs a paid plan, so a free tool added by script will not run on a free Webflow site.

A Webflow install starts on the Ultimo Bots Free plan, where every new agent gets a small one-time allowance of free AI credits for a first test. Every paid plan starts with a 7-day free trial, cancel anytime.

Try it on webflow.io before your custom domain

Any review of a Webflow AI chatbot builder, ours included, is worth less than ten minutes on your own published site. Webflow's publishing guide lets you publish to the staging address, yoursite.webflow.io, without pushing the changes to your custom domain. The app lets the agent answer on both addresses, so publish to staging from the Designer and test there. The Publish site button in the portal goes to your custom domains instead.

1. Ask about one service and one exception in your policy, such as a late cancellation, in your customers' words. You want your facts and your rule, not generic ones.
2. Ask something your knowledge does not cover, then ask for a person, once while you are online and once while you are not. It should not invent an answer; online, you can join the chat, and offline, a test lead should arrive with the conversation.
3. Open the staging page on your phone next to your navigation and cookie banner, then run PageSpeed Insights on the same page before and after, several times.

While you test, look at the top of the chat. For visitors in the EU, the AI Act's rule that people must be told when they are talking to an AI (Article 50(1)) has applied since August 2, 2026. The Ultimo Bots chat shows a fixed "You are chatting with an AI assistant" notice before the first message, in eight languages, and it cannot be switched off. As of October 2026; practical guidance, not legal advice.

The smallest step for the next 10 minutes: write down the five questions you answered most often this month, add them as Q&A pairs to an agent connected to your site, publish to your webflow.io address and ask each one there. If four of five answers sound like you, publish to your custom domain; the agent has earned a place next to the design you built.

Questions and answers