How to Add ChatBot to Webflow

Ada Lembicz Product Expert
Ada Lembicz
2 min read
updated: Sep 27, 2024

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 trial.
To add a bot to Webflow, you need to start a free ChatBot trial.

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 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.

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

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

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

  5. Click on the Custom Code section.

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

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

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

Read more:

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

Start a free ChatBot trial
and build your first chatbot today!

Free 14-day trial No credit card required

Discover our text| products