Short answer: You add an AI chatbot to Webflow by pasting the chatbot's embed snippet into Site Settings, then Custom Code, then the Footer Code box, and publishing your site. You need a paid Webflow plan, because custom code is not available on the free plan. The whole job takes a few minutes.
If you built your business site on Webflow, adding a chatbot is one of the easiest upgrades you can make. No plugins, no developer, just one snippet. Here is the full walkthrough, plus what to look for when choosing the chatbot itself.
What do you need before you start?
Three things:
- A Webflow site on a paid plan. Custom code, which is how chatbots are installed, requires a paid Webflow plan.
- Access to your Webflow project settings, meaning you are the owner or have editing rights.
- An embed snippet from your chatbot provider. With Clerkzo, you get this single line of code as soon as you create your agent.
That is it. You do not need to touch the Designer canvas at all if you want the chatbot on every page, which is usually what you want.
How do you install the chatbot in Webflow?
The whole process is copy, paste, publish.
Step 1: Copy your embed snippet
In your chatbot dashboard, find your install or embed snippet and copy it. For Clerkzo it is one line, which keeps things tidy.
Step 2: Open Webflow Site Settings
From your Webflow dashboard, open the site and go to Site Settings. Then click the Custom Code tab.
Step 3: Paste into Footer Code
Scroll to the Footer Code box and paste your snippet there. Footer placement is the right choice for chat widgets: the widget loads after your page content, so it never slows down what visitors see first. Save your changes.
Step 4: Publish your site
This is the step people forget. Custom code changes only go live when you publish. Hit Publish, choose your domain, and then load your live site. You should see the chat bubble in the corner.
If the bubble does not appear, check three things: you published after saving, you are looking at the live domain rather than the Designer preview, and your browser cache is not showing an old version. A hard refresh usually sorts it.
What should you look for in a chatbot for Webflow?
The install is the easy part. The difference between a gimmick and a receptionist is what the chatbot does once it is live. Look for:
- Trains on your own content. A generic bot gives generic answers. Clerkzo trains on your website pages, so it answers with your services, your prices, and your policies.
- Captures leads, not just chats. Answering questions is nice; collecting the visitor's name, contact details, and request is what pays. You want each lead delivered instantly by email or webhook.
- Saved conversations. Every chat should be stored in a dashboard, with each lead linked to its conversation, so you have context before you call anyone back.
- Human handoff. When a question needs you, the bot should gather name and contact details first, then hand over. Clerkzo includes this on every plan.
- Flat pricing. Per-conversation billing punishes you for a busy month. Clerkzo starts at a flat $19 with no per-conversation charges. Details on the pricing page.
We go deeper on choosing a website chatbot at AI chatbot for your website.
Can you put the chatbot on only some pages?
Yes. Footer Code in Site Settings applies site-wide, which suits most service businesses. If you only want the widget on specific pages, open that page's settings in the Designer and paste the snippet into the page-level custom code area instead. Same snippet, narrower placement, then publish as usual.
How long does the whole setup take?
About ten minutes, honestly. A few minutes to create and train your Clerkzo agent on your site content, a minute to paste the snippet into Webflow, and a publish. If you would rather not do any of it, done-for-you setup is available, and it works happily alongside your existing scheduling and phone setup.
Key takeaways
- Install via Site Settings, then Custom Code, then Footer Code, then Publish
- Custom code requires a paid Webflow plan; the free plan will not work
- Footer placement keeps your page loading fast for visitors
- Choose a chatbot that trains on your content, captures leads, and notifies you instantly
Frequently asked questions
Will a chatbot slow down my Webflow site? Not noticeably if it is installed in the Footer Code, because the widget loads after your main content. A single-line snippet like Clerkzo's keeps the footprint small.
Do I need to update the code when I change my chatbot settings? No. The snippet stays the same; changes to your bot's training, appearance, or lead settings apply from your chatbot dashboard without touching Webflow again.
I updated my site content. Does the chatbot know? Retrain the bot on your pages from the dashboard whenever you make meaningful changes, so its answers stay in sync with your site.
Ready to put an AI chat widget on your Webflow site? Set up Clerkzo and be live in about ten minutes.