# Comment intégrer Chat Crisp à son site Webflow ? Tutoriel3 minPublié le Jul 04, 2022Dernière mise à jour le ![Logo Crisp et Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67126039bcb8b38248c1fbce_64760069e93084646c9ef17f_62c310b716e877853fe920dd_Open-Graph-webflow-crisp.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleCrisp est une une solution de chat vous proposant de garder le contact avec vos clients directement sur votre site. Crisp est une solution "no-code" & "Plug & Play", qu'il est facile d'intégrer à vos sites Webflow. Découvrez **comment connecter l'outil Crisp à votre **[**site Webflow**](/fr/webflow) en quelques étapes seulement ## Sur l'interface Crisp | Partie 1 La première étape consiste à aller récupérer le code à intégrer sur votre site Webflow. Pour cela, rendez-vous sur votre interface Crisp ! - Connectez vous sur votre compte app.crisp.chat - Accédez aux paramètres de votre site web : cliquez sur l'icône Paramètres dans la barre latérale gauche, puis cliquez sur "Sites web". ( **OU **sur le bouton installation sur la barre vertical de gauche et passez directement à l'étape 4) - Cliquez sur "Intégrations" - Allez sur HTML - Copiez votre code Crisp (dans la section 1. Copiez...suivant) ![Intégration HTML sur crisp](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc54_64760069e93084646c9eed7e_62c3114916992f811e87eea4_html-setup-crisp.png)Cliquer sur le bouton HTML![Copie du code html sur crisp](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc57_64760069e93084646c9eed80_62c311690ef1fc7e3828dd5b_copy-code-html-crisp.png)Copier le code ## Sur votre projet Webflow | Partie 2 ### 2.1 Rendez-vous sur votre dashboard Webflow ![Dashboard de projet Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc51_64760069e93084646c9eed7c_62c3117fe7b8392e14999cd6_webflow-project-dashboard.png) ### 2.2 Allez dans le custom-code, des paramètres de votre projet ![Settings d'un projet Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc45_64760069e93084646c9eed81_62c3118e121c3c71b345cc95_project-settings-webflow.png) ### 2.3 Coller le code de Crisp Collez le code Javascript dans le "Head Code" et cliquez sur le bouton "Save Changes". ![Coller le code Crisp dans le custom code Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc4d_64760069e93084646c9eed7f_62c311a5e6e1f24c82c7abef_custom-crisp-webflow-code.png) ### 2.4 Publier votre site Publiez votre site sur le domaine sélectionné et...... It's LIVE ! ![Site internet Webflow avec chat Crisp ](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6712603bbcb8b38248c1fc49_64760069e93084646c9eed7d_62c311b4264c8f423b897f20_test-live-indigo.png) Voilà, la **solution de chat de Crisp** est **maintenant intégrée dans votre site Webflow** ! L'outil offre un large éventail de fonctionnalités qui sont parfaites pour vos besoins de support client. Vous ne serez pas déçu ![ Découvrez en plus sur Crisp en cliquant-ici](/fr/tools/crisp) [ ](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[ ](/fr/team/florian-bodelot)[ ](https://fr.linkedin.com/in/florian-bodelot-digidop)[ ](https://twitter.com/florian_bodelot)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![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/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/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)