How to Add ChatBot to Webflow

Kacper Wiacek Product Expert Lead
Kacper Wiacek
2 min read
updated: Jan 9, 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. Go to your Chatbots Dashboard and select the bot you want to connect to your Webflow site. 

  2. Click on the Integrations icon, then click Connect next to the Chat Widget option.

  3. Then click on the Publish your bot section.   

  4. Click Copy minify code to copy the code.

  5. Now log in to your Webflow account and select View dashboard.

  6. Select the page on which you want to add a bot. 

  7. Select the Webflow icon in the top left corner. 

  8. From the dropdown menu, select Project Settings.

  9. Click on the Custom Code section.

  10. Paste ChatBot’s chat widget code in the Head Code section.

  11.  Click on Save Changes. Once your changes are saved, select Publish

  12. Then choose the publish destination and click the Publish to selected domain button. 

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