How to Add ChatBot.com to Webflow

Ada Lembicz Product Expert
Ada Lembicz
2 min read
updated: Jul 21, 2026

Create and add an AI chatbot to your Webflow site without coding.

Using chatbots, you can answer your customer’s questions outside regular business hours, help them throughout the buying process, and generate potential leads for your marketing team. Discover how to embed a chatbot on a Webflow site and enhance your customer communication.

To add a bot to Webflow, you need to start a free ChatBot.com trial. For the full overview of the AI agent on Webflow, see the ChatBot.com for Webflow integration page.
To add a bot to Webflow, you need to start a free ChatBot.com trial. For the full overview of the AI agent on Webflow, see the ChatBot.com for Webflow integration page.

What is Webflow? Link icon

Webflow is a website builder and content management system that allows users to design, build, and launch websites without writing code. It provides a visual interface that lets users create responsive, professional-looking websites that work on all devices, including desktops, tablets, and smartphones.

The Webflow platform can help you create customized, professional-looking websites without the need for extensive coding knowledge or technical expertise. You can use it for creating portfolios, ecommerce stores, and marketing websites.

How to embed the ChatBot.com chat widget on a Webflow site Link icon

To install a chatbot on a Webflow site, you can use the chat widget. You can personalize the widget’s appearance by choosing colors and styles that align with your website design. Additionally, you can easily add it to your site without coding.

  1. Open your bot and go to the Integrations icon. Click Connect next to the Chat Widget option.

ChatBot.com Integrations panel with the Connect button next to the Chat Widget option for Webflow setup

  1. Go to the Publish section and copy the code.

ChatBot.com Chat Widget Publish section with the code to copy for the Webflow integration

  1. Log in to your Webflow account and select View dashboard. Select the page on which you want to add a bot.

Webflow dashboard with the site page selected where you want to add the ChatBot.com bot

  1. Select the Webflow icon in the top left corner. From the dropdown menu, select Site Settings.

Webflow menu from the top left icon with the Site Settings option highlighted

  1. Click on the Custom Code section.

Webflow Site Settings with the Custom Code section selected

  1. Paste ChatBot.com’s chat widget code in the Head Code section.  Click on Save Changes. Once your changes are saved, select Publish.

Webflow Head Code field with the pasted ChatBot.com widget code, Save Changes and Publish buttons

  1. Choose the publish destination and click the Publish to selected domains button.

Webflow publish dialog to choose domains and click Publish to selected domains

  1. The ChatBot.com widget should appear on your Webflow site once you save your changes.

ChatBot.com chat widget live on a Webflow website after the integration is published

Read more:

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

Ready for more than a chatbot?
Try AI Agent in Text.

AI Agent trains on your data, resolves issues across live chat and help desk, and takes real actions in your business systems.

14-day free trial No credit card required