ChatFlow Logo

Webflow Integration Guide

Step-by-step guide to integrating ChatFlow with Webflow websites


Welcome to the Webflow Integration Guide for ChatFlow! In this guide, we'll walk you through the process of integrating ChatFlow with your Webflow website. Assuming you've already set up your chatbot and obtained the script from the publish tab, let's get started with the integration.

Step 1: Accessing Webflow Editor

  1. Log in to your Webflow account.
  2. Navigate to the project where you want to add ChatFlow.

Step 2: Adding ChatFlow Script

  1. Select the page or template where you want to add ChatFlow.
  2. Click on the "Settings" icon for that page/template.
  3. Go to the "Custom Code" section.
  4. Paste the ChatFlow script into the "Footer Code" box.
  5. Save your changes.

Step 3: Verifying Integration

  1. Publish your changes.
  2. Visit your live Webflow website.
  3. Verify that the ChatFlow widget is appearing correctly on your website.

Congratulations! You've successfully integrated ChatFlow with your Webflow website. Your chatbot is now ready to engage with visitors and provide assistance in real-time. If you encounter any issues during the integration process, feel free to reach out to our support team for assistance.

Stay tuned for more integration guides covering other CMS platforms!