How to integrate Chat Crisp into your Webflow site?

Tutorial
3 min
Published on Mar 20, 2023
Updated on
Crisp and Webflow Logo
Use AI to summarize this article
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!

  1. Log in to your account at app.crisp.chat
  2. 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)
  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
Copying 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 section in your project settings

Webflow 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!

Webflow website with Crisp chat

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.

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Participants networking during flowConf 2026 in Belgrade, a European conference focused on the future of web, Webflow, and AI, inside a modern industrial venue featuring “Future of Web Unpacked” banners.
Events

The 2026 edition of flowConf perfectly reflects the turning point of the European Web(flow) ecosystem.

The 2026 edition of flowConf perfectly reflects the turning point of the European Web(flow) ecosystem.
Minimalist abstract illustration inspired by Webflow, featuring blue and white geometric shapes on a black background representing Webflow’s 2026 pricing evolution and enterprise AI-driven strategy.
News
Webflow

Webflow Pricing update in May 2026

Webflow Pricing update in May 2026
Live thumbnail featuring Lucas Clairet and Florian Bodelot in the center, with Webflow (blue background) and Claude (orange background) logos behind them, a “LIVE” badge in the top-left, and the text “Webflow + Claude” at the bottom.
Documentation
AI

Webflow x Claude: Full Recap of our Live

Webflow x Claude: Full Recap of our Live

Want to turn your website into your most valuable asset?

Contact us today