The Complete Guide to Adding an AI Chatbot to Any Webflow Site

Why Webflow is ideal for AI chatbots

Webflow's custom code embed support makes adding a chat widget as simple as pasting a script tag — no plugin ecosystem needed.

Step 1: Choose your platform

For agencies, Creobot. For solo builders, Chatbase or Crisp work for simpler use cases.

Step 2: Configure your agent

Set up your system prompt, upload your knowledge base documents, and configure escalation rules.

Step 3: Embed in Webflow

Go to Site Settings → Custom Code → paste your script in the Footer Code section. Publish your site.

Step 4: Test the integration

Open your live Webflow site and trigger the chat widget. Test edge cases: pricing questions, competitor mentions, off-topic queries.

Step 5: Connect your inbox

Set up your team's inbox in Creobot so handoffs land in the right place.

Step 6: Monitor and optimise

Review conversation analytics weekly for the first month. Tune your knowledge base based on what visitors are actually asking.