Badge Webflow Award Winner 2023

How to integrate Chat Crisp into your Webflow site?

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

Published on 
4/7/2022
-
Amended on 
27/3/2023
-
5 min
Crisp and Webflow logo

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!

  1. Login to your app.crisp.chat account
  2. 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)
  3. Click on "Integrations".
  4. Go to HTML
  5. 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

Webflow Project Dashboard

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

Settings of a Webflow 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!

Webflow website with Crisp chat

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

Ready to take your website to the next level?

Improve your online visibility thanks to Digidop's experience, excellence and reactivity!

Stay in touch with Digidop news!