How to integrate Chat Crisp into your Webflow site?

Tutorial

March 20, 2023

3 min

H2 Example

Key points

Crisp is a chat solution that enables you to stay connected with your customers directly on your website. Crisp is a "no-code" & "Plug & Play" solution that is easy to integrate with your Webflow sites.

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

On the Crisp interface | Part 1

The first step is to get the code to integrate into your Webflow site. For this, go to your Crisp interface!

Log in to your account at app.crisp.chat
Navigate to your website settings: click on the Settings icon in the left sidebar, then click on "Websites". ( OR click on the installation button on the vertical left bar 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

Copying 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 section in your project settings

2.3 Paste the Crisp code

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

Pasting the Crisp code in the Webflow custom code

2.4 Publish your site

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

It's LIVE!

There you have it, the Crisp 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.