# Webflow AI Chatbot: Add It in Footer Code

Source: https://insertchat.com/integration/webflow

> Install the AI chat widget on Webflow with footer code.

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](https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags), checked 2026-10-13

A website install adds the chat to your pages without signing in to your Webflow account or reading its data.

## Setup

1. **Copy your install code.** Open your assistant’s website install settings in InsertChat, choose Webflow as your website platform, and copy the installation code.
2. **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.
3. **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, not customer results.

- **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](https://insertchat.com/industries/agencies)
- **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](https://insertchat.com/industries/legal)
- **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](https://insertchat.com/industries/real-estate)

## Which Webflow plan do I need to add the chatbot?

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.

## Why don’t I see the chat in the Webflow Designer?

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.

## Can I add the chatbot to just one Webflow page?

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.

## Can my agency white-label the chat for Webflow clients?

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.

## Related features

- [Website chat](https://insertchat.com/product/website)
- [Lead capture](https://insertchat.com/product/lead-capture)
- [White label](https://insertchat.com/product/white-label)

## Related guides and comparisons

- [How to build your assistant’s knowledge base](https://insertchat.com/blog/prepare-your-assistants-knowledge)
- [How to set up human handoff](https://insertchat.com/blog/set-up-human-handoff)
- [AI chatbots for agencies](https://insertchat.com/industries/agencies)
- [InsertChat vs Intercom Fin](https://insertchat.com/alternatives/intercom-fin)