Comment intégrer Chat Crisp à son site Webflow ?

Tutoriel
July 4, 2022
3 min
Logo Crisp et Webflow
Key points

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

  1. Connectez vous sur votre compte app.crisp.chat
  2. 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)
  3. Cliquez sur "Intégrations"
  4. Allez sur HTML
  5. Copiez votre code Crisp (dans la section 1. Copiez...suivant)
Intégration HTML sur crisp
Cliquer sur le bouton HTML
Copie du code html sur crisp
Copier le code

Sur votre projet Webflow | Partie 2

2.1 Rendez-vous sur votre dashboard Webflow

Dashboard de projet Webflow

2.2 Allez dans le custom-code, des paramètres de votre projet

Settings d'un projet Webflow

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

2.4 Publier votre site

Publiez votre site sur le domaine sélectionné et......

It's LIVE !

Site internet Webflow avec chat Crisp

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

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Visuel avec code javascript personnalisé et logos d'outils IA populaires : Open AI, cursor, Claude, github copilot, etc.
Documentation
IA

IA et développement web, une révolution technologique en cours

IA et développement web, une révolution technologique en cours
Make vs n8n vs Zapier
Documentation
NoCode

n8n vs Make vs Zapier : comparatif complet pour automatiser vos workflows en 2025

n8n vs Make vs Zapier : comparatif complet pour automatiser vos workflows en 2025
photo noir et blanc d’un expert digital marketing pris de dos entrain de présenter un projet de communication sur son ordinateur à un client
News
SEO

Les 10 meilleures agences digitales et communication pour les professionnels de la finance en 2025

Les 10 meilleures agences digitales et communication pour les professionnels de la finance en 2025

Transformez votre site web en un moteur de croissance.

Nous contacter