How to Add ChatBot to Webflow

Daria Zaboj product content specialist
Daria Zabój
2 min read
updated: Mar 31, 2023

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. Log in to ChatBot

  2. Go to the Integrations section and select the Chat Widget option.

  3. Select the bot you want to add to your Webflow site.

  4. Then click on the Publish your bot section.   

  5. Click Copy to clipboard to copy the code.

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

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

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

  9. From the dropdown menu, select Project Settings.

  10. Click on the Custom Code section.

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

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

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

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

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