[WordPress](https://wordpress.com/) est un système de gestion de contenu populaire. Si vous hébergez votre site web sur WordPress, vous pouvez ajouter un widget de chat en direct Chatwoot et discuter avec vos visiteurs en temps réel. Cela peut être fait en 4 étapes simples grâce à l’extension WordPress de Chatwoot.

## Étape 1. Téléchargez l’extension Chatwoot

Téléchargez le fichier Zip de la dernière version de l’extension WordPress Chatwoot depuis [GitHub](https://github.com/chatwoot/wp-plugin/tags), comme indiqué ci-dessous.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL2h3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--58881b684a83cc7696a3a0469e56f567b4141d4f/Chatwoot%20WordPress%20plugin.png)

## Étape 2. Téléversez l’extension sur votre site WordPress

Connectez-vous à votre compte WordPress. Accédez au panneau d’administration et cliquez sur « Extensions » dans la barre latérale. Vous verrez alors le bouton "Ajouter".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzV3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1299b2d31097a7c4bfbaa2740fbf1f78c22a5660/adding%20a%20plugin%20to%20wordpress.png)

Vous verrez une option pour téléverser l’extension, comme illustré sur la capture d’écran ci-dessous. Cliquez sur « Télécharger » et sélectionnez le fichier Zip téléchargé à l’étape 1.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBLzl3VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--8da5acf9ee4ad8166897b3ae21e7a5e5398411fe/upload%20plugin.png)

## Étape 3. Activez l’extension

Une fois l’extension téléversée, un écran de succès apparaît avec l’option "Activer l’extension", comme indiqué ci-dessous. Cliquez sur le bouton "Activer l’extension".

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd0p4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--cbbe5be0c65977fdb9d10cbbb071758190f39d35/activate%20chatwoot%20plugin%20in%20wordpress.png)

Félicitations ! L’extension est désormais installée. Pour terminer la configuration, vous devez renseigner les identifiants de l’application Chatwoot, comme indiqué dans les étapes suivantes.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--a583e55c9da31177ec6d8dbf6c3ab62ff4e34ec2/installed%20chatwoot%20plugin%20in%20wordpress.png)

## Étape 4. Configurez l’extension

Désormais, vous verrez « Chatwoot Settings » dans votre menu "Réglages". Cliquez dessus pour mettre à jour la configuration du chat en direct.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeE54VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5bec1a3527298b363ab0752d715b4bc5e196ba1f/configuring%20the%20chatwoot%20plugin%20in%20wordpress.png)

\
On vous présentera alors l’écran de configuration, comme ci-dessous. Configurez ici votre extension Chatwoot pour la faire fonctionner.

Vous devez créer une boîte de réception pour votre site Web sur votre installation Chatwoot. Veuillez consulter ce [guide](https://www.chatwoot.com/hc/user-guide/articles/1677580558-website-live-chat-settings-explained) pour créer une boîte de réception de canal site web.

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeFp4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--73cf371645ed9fc68463c702e8fcb3999ee09d08/chatwoot%20plugin%20settings%20in%20wordpress.png)

\
Les champs du formulaire sont expliqués ci-dessous.

1. **Jeton du site Chatwoot / URL d’installation Chatwoot**

   Une fois que vous créez une boîte de réception de canal site web dans votre installation Chatwoot, vous obtiendrez un script. Vous pouvez copier le jeton et l’URL comme indiqué ci-dessous.

   ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeTV4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2b1df25331c54252587d29171c66c14367740d70/wesbite%20inbox%20token%20and%20script%20from%20chatwoot.png)

2. **Design du widget**

   Chatwoot prend en charge deux designs de widget de chat en direct : Design Standard et une bulle élargie. Choisissez selon votre préférence.

3. **Position du widget**

   Vous pouvez choisir où placer le widget de chat en direct sur le site web selon votre préférence. Les options disponibles sont Gauche & Droite.

4. **Langue**

   Chatwoot prend en charge plus de 30 langues. La langue par défaut est l’anglais.

5. **Texte du lanceur**

   Il s’agit d’un champ optionnel. Si vous utilisez le design de bulle élargie, vous pouvez personnaliser le texte affiché sur la bulle via ce champ.

Après avoir complété le formulaire, cliquez sur le bouton "Enregistrer les modifications". Assurez-vous aussi d’avoir [créé la boîte de réception site web sur Chatwoot](https://www.chatwoot.com/hc/user-guide/articles/1677580558-website-live-chat-settings-explained).

## Étape 5. Vérifiez que l’extension fonctionne correctement

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

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMDF4VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f435f40cacb7f4f4bf9b7ce5e5ef4a35f2c8bfb5/installed%20chatwoot%20widget%20on%20a%20wordpress%20website.png)