Explore the demo01
Copy your install code
Open your assistant’s website install settings in InsertChat, choose Webflow as your website platform, and copy the installation code.
Website builder
Add an AI chatbot to your Webflow site.
Add one install code to your Webflow footer code and publish. Your assistant answers visitors from your pages and documents, qualifies leads, books meetings, and hands conversations to your team, with your own name, logo, and colors on the chat.
To add an AI chatbot to Webflow, copy your InsertChat install code, paste it into Site settings → Custom code → Footer code, then save and publish. Webflow runs custom scripts on the published site only. The chat answers from your content, captures leads, and hands conversations to your team.
Turn Webflow traffic into qualified conversations
A prospect reading your pricing page asks whether you work with companies their size. The assistant answers from your site and documents, asks the qualifying questions you set, and books a call in your calendar or flags the lead for your team. The conversation and the new contact land in the shared inbox with their lead source.
Where the code goes in Webflow
Location: Site settings → Custom code → Footer code
Requirements: Webflow allows custom code with an active Site plan or a Core, Growth, Agency, or Freelancer Workspace. Scripts run on the published site, not in the Designer.
Source: Webflow: Custom code in head and body tags, checked .
A website install adds the chat to your pages without signing in to your Webflow account or reading its data. The assistant answers from the knowledge you add, and every conversation lands in your shared inbox.
How to set up Webflow with InsertChat
02
Add it to your footer code
Add the loader in Site settings → Custom code → Footer code. Save and publish to the domain you will verify.
03
Verify and test
Run Verify on your website in InsertChat with the published URL of a Webflow page, then open the chat and ask the questions your customers ask most.
How businesses use Webflow with InsertChat
Illustrative examples. Answers depend on the knowledge you add; actions depend on the connections and permissions you turn on.
Launch a branded assistant on each client site
Build each client’s assistant with its own knowledge, name, logo, and colors, then add its code to the client’s Webflow footer. Growth and above add a custom domain and branded email.
Agencies & teams use cases
Book consultations from practice-area pages
A visitor asks whether the firm handles their kind of case. The assistant answers from your published practice areas, collects the basics, and books a consultation; anything that needs legal advice goes to an attorney.
Law firms use cases
Answer listing questions and book showings
A buyer asks about a listing after hours. The assistant answers from the listing details you added and books a showing in your calendar or takes the request for an agent.
Real estate use casesConnect the rest of your front desk
Website chat
Add an AI assistant to the site you already have. It answers visitors from your pages and documents, saves leads, books appointments, and hands the chat to a person when it needs one.
Explore Website chat
Lead capture
Every call, chat, text, and email gets an answer right away. The assistant saves the lead as a contact with its source and tells your team when someone is ready to book or buy.
Explore Lead capture
White label
Build a branded assistant for each client that answers their calls, chats, and texts, runs on your domain, and sells at the price you set.
Explore White labelRelated guides and comparisons
More website installs
All integrations ↗
Webflow’s help center says custom code needs an active Site plan, or a Core, Growth, Agency, or Freelancer Workspace. With either, site managers and designers can add footer code that applies to every page.
Webflow runs custom scripts only on the published site. Publish to the domain you want to check, then open the page in a browser or run Verify on your website in InsertChat.
Yes. Paste the code into that page’s custom code settings, before the closing body tag, instead of the site-wide footer code. Webflow adds page-level code after site-wide code.
Yes. Set each assistant’s name, logo, colors, and tone for the client. Growth, Scale, and Enterprise add a verified custom domain and branded email, so clients see their own brand.
Facts last reviewed .
Build your AI front desk.
Start with the questions you answer every day.
Add your business information, test the answers, and connect your first customer channel.