DEV Community

Cover image for How To Add A Chatbot To Webflow
Devashish Datt Mamgain
Devashish Datt Mamgain

Posted on

How To Add A Chatbot To Webflow

Webflow is a cloud-based CMS that helps to build great websites. Webflow allows users to design, build and host a website with simple and easy steps.

In this blog, we are building a website and adding a chatbot so that website visitors can take help from the chatbot to understand the product.

Sign up on Webflow CMS and design your website. Once you finish designing, follow the given steps to add the Kommunicate chat widget to your website.

  1. Log into your Webflow account and open your site in design mode.

Webflow dashboard

2. Click on the alphabet W icon present in the top left corner of the design window.

Desgin Window

3. Under Project Settings, you will see the Custom Code feature, visit the section and check for the Footer code option.

custom code

4. Visit the Footer code option and add the Kommunicate Install script inside the code section as shown below and click on Save Changes.

NOTE: You will have to select the Kompose chatbot from the RULES section of the Kommunicate dashboard to handle all the incoming conversation so that chatbot will handle the new conversations.

footer code

5. Now, go and Publish your site using the Publish option given on the top right corner of the page.

Add Custom HTML & Css

6. Chat widget is added successfully

Chat Widget of kommunicate

Chatbot of Kommunicate

Now, your website users can use the chat option to get a help about your product and all these chats can be monitored from the Kommunicate dashboard, also support agents can involve in handling chats when chatbot is unable to answer.

Originally Published Here

Top comments (0)