Si votre site web est créé avec Webflow et que vous souhaitez dialoguer en temps réel avec vos visiteurs, vous pouvez ajouter le widget de chat en direct Chatwoot à votre site web. Suivez les étapes décrites ci-dessous.

## Étape 1. Créez une boîte de réception de site web dans Chatwoot[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#1-create-a-website-inbox-in-chatwoot "Lien direct vers le titre")

Veuillez consulter ce [guide](https://www.chatwoot.com/hc/user-guide/articles/1677580558-website-live-chat-settings-explained) pour des instructions détaillées sur la configuration d'une boîte de réception de site web dans Chatwoot.

## Étape 2. Installez le script généré dans Webflow[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#2-install-the-generated-script-in-webflow "Lien direct vers le titre")

Connectez-vous à votre compte Webflow et sélectionnez votre site web. Sélectionnez Paramètres.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN2x4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--dac19f18722460bebc10eed15a33ad30a12a8ec7/webflow%20settings.png)

[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#paste-the-script-in-footer-code-in-webflow "Lien direct vers le titre")Allez dans **Code personnalisé** -> **Code du pied de page**. Collez le script dans "Code du pied de page". Enregistrez les modifications.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBNzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--61e6098dbe7b1e852d3c5a3a567b8ea892796d20/footer%20code.png)

## Étape 3. Publier les modifications[​](https://www.chatwoot.com/docs/product/channels/live-chat/webflow-integration#3-publish-the-changes "Lien direct vers le titre")

Cliquez sur Publier -> Sélectionnez le site web -> Publier vers les domaines sélectionnés.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOEJ4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1a8bfa1af05bac393d76002823964402c72a7740/publish%20changes.png)

## Étape 4. Vérifier

Visitez votre site web et vérifiez si le widget apparaît sur le site.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOGR4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--23bcae6d06e19fc5a9235235afe725b062ac0a8c/chatwoot%20live%20chat%20widget%20on%20a%20webflow%20website.png)