# How to integrate Chat Crisp into your Webflow site?

Tutorial3 minPublished on Mar 20, 2023Updated on ![Crisp and Webflow Logo](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126039bcb8b38248c1fbce_64760069e93084646c9ef17f_62c310b716e877853fe920dd_Open-Graph-webflow-crisp.png)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key points[Crisp](https://crisp.chat/en/) 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc54_64760069e93084646c9eed7e_62c3114916992f811e87eea4_html-setup-crisp.png)Click on the HTML button![Copying the HTML code on Crisp](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc57_64760069e93084646c9eed80_62c311690ef1fc7e3828dd5b_copy-code-html-crisp.png)Copy the code

## On your Webflow project | Part 2

### 2.1 Go to your Webflow dashboard

![Webflow project dashboard](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc51_64760069e93084646c9eed7c_62c3117fe7b8392e14999cd6_webflow-project-dashboard.png)

### 2.2 Go to the custom code section in your project settings

![Webflow project settings](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc45_64760069e93084646c9eed81_62c3118e121c3c71b345cc95_project-settings-webflow.png)

### 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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc4d_64760069e93084646c9eed7f_62c311a5e6e1f24c82c7abef_custom-crisp-webflow-code.png)

### 2.4 Publish your site

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

It's LIVE!

![Webflow website with Crisp chat](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc49_64760069e93084646c9eed7d_62c311b4264c8f423b897f20_test-live-indigo.png)

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](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-founder[

](/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)