How to integrate chat crisp to Webflow website?

Easily integrate the no-code Crisp tool into your Webflow site by following this tutorial

Key points to remember

Crisp is a chat solution that allows you to keep in touch with your customers directly on your website. Crisp is a "no-code" & "Plug & Play" solution, which is easy to integrate to your Webflow sites.

Discover how to connect the Crisp tool to your Webflow site in just a few steps

On the Crisp Interface | Part 1

The first step consists in retrieving the code to be integrated on your Webflow site. To do so, go to your Crisp interface!

Login to your app.crisp.chat account
Go to your website settings: click on the Settings icon on the left sidebar, then click on "Websites". ( OR on the install button on the left sidebar and go directly to step 4)
Click on "Integrations".
Go to HTML
Copy your Crisp code (in section 1. Copy...next)

HTML integration on crisp — Click on the HTML button

Copy of the html code on crisp — Copy the code

On your Webflow project | Part 2

2.1 Go to your Webflow dashboard

2.2 Go to the custom-code, parameters of your project

2.3 Paste the Crisp code

Paste the Javascript code into the "Head Code" and click on the "Save Changes" button.

Paste the Crisp code into the Webflow custom code

2.4 Publishing your site

Publish your site on the selected domain and......

It's LIVE!

That's it, Crisp's chat solution is now integrated into your Webflow site! The tool offers a wide range of features that are perfect for your customer support needs. You won't be disappointed! Find out more about Crisp by clicking here