Chatboxes are a great way of getting in touch with your website visitors. They can be used to ask questions, or just to gather comments. It's also a good idea if you have any shopping cart checkout in place — you can use chatboxes to communicate with the shopper, so they know exactly what's going on in the background and what they need to do next.

Crisp Chatbox widget by Crisp is a brilliant way to start conversations with customers on your Webflow website. In this tutorial, you will learn how to set up Crisp Chatbox Widget on your Webflow website in 2 simple steps:

Copy the chatbox code from Crisp:

After you Signup, you'll receive the Chatbox widget code through email. If you haven't received it follow the steps to copy the Embed code

  1. From your Crisp dashboard, Go to Settings>Website Settings.
  2. If you haven't added a website, Click Add a new website.
  3. Click Integrations>HTML.
  4. Copy the HTML code.
Crisp Chatbox HTML Embed Code

Paste the code in your Webflow custom code section

In your Webflow dashboard, Choose the Site/Project to that you want to add Crisp chat widget.

  • Go to Settings > Custom Code Page.
  • Paste the HTML code copied from Crisp in the Footer Code Section.
  • Hit Save and Publish the Site.

Since Webflow does not come with standard chat features, we decided to discuss how Webflow users can integrate a nice and clean chatbox feature into their site. This entire process is quite simple to set up.

That's about it for now. The Crisp Chatbox widget has some great features and can help you to manage your website's communication with your customers on a large scale level. We hope that you find this article useful for creating your very own chatbox for your website.