# Placer un widget de chat sur votre site web

> Créez un chat, copiez son code d’intégration sur votre site web, envoyez un message de test et répondez-y depuis Enydea.

Source: https://enydea.com/fr/documentation/tutorial-chat-widget-on-your-site · Last updated 2026-10-17

## Objectif
Vous ajoutez un bouton de chat à votre site web, vous envoyez un message de test en tant que visiteur et vous y répondez depuis Enydea. Cela prend environ 15 minutes.

## Ce qu’il vous faut
- Une relation sélectionnée dans **Compte actuel** (Current Account) dans la barre latérale. Les chats sont enregistrés sous cette relation.
- Le droit de modifier le HTML de votre site web, ou un développeur web qui l’a.

## Étapes
### Créer le chat

![L’écran Chat Management avec une liste de chats vide et un bouton New Chat](https://enydea.com/seo-assets/screens/chats.webp)

*Chat Management avant la création du premier chat.*
1. Cliquez sur **Chats** dans la barre latérale.
2. Cliquez sur **Nouveau chat**. Le nouveau chat s’appelle « new ».
3. Dans **Nom du chat**, saisissez le nom que les visiteurs doivent voir, par exemple « Sales team ».
4. Ouvrez **Paramètres d'apparence** et cliquez sur la pastille sous **Couleur de fond** pour choisir la couleur de votre marque.
5. Cliquez sur le menu à trois points en haut du chat, puis sur **Enregistrer le chat**.

Ne touchez pas à **Paramètres de l'agent IA** pour l’instant. Les réponses IA restent désactivées tant que vous ne cochez pas **Activer la réponse automatique par IA** : votre équipe répond donc à chaque message.

### Ajouter le widget à votre site
1. Cliquez sur **Obtenir le code d'intégration**. Une boîte de dialogue intitulée **Intégrer le widget de chat** s’ouvre.
2. Cliquez sur **Copier le code**.
3. Collez le code dans le HTML de votre page, juste avant la balise de fermeture `</body>`, sur chaque page qui doit afficher le chat.
4. Enregistrez et publiez votre site.

### Envoyer un message de test

![Un site web client avec la fenêtre de chat ouverte : un message de bienvenue, la question d’un visiteur et la réponse de l’équipe commerciale](https://enydea.com/seo-assets/screens/chat-widget-visitor.webp)

*Ce qu’un visiteur voit sur votre site web après la réponse de votre équipe.*
1. Ouvrez votre site web en ligne dans une fenêtre de navigation privée.
2. Cliquez sur le bouton de chat rond en bas à droite. Une fenêtre s’ouvre avec un message de bienvenue.
3. Saisissez un message de test et appuyez sur Entrée.

### Répondre depuis Enydea

![L’écran Chat Management avec une conversation ouverte : le message de bienvenue, la question du visiteur et la réponse de l’équipe](https://enydea.com/seo-assets/screens/chat-room.webp)

*La conversation de chat dans Enydea. Votre réponse est le message en bleu.*
1. Dans Enydea, cliquez sur **Chats** et sélectionnez votre chat. Rechargez l’écran si vous ne voyez pas encore la nouvelle conversation.
2. Sous **Salons de chat**, cliquez sur la nouvelle conversation. Le message du visiteur s’y trouve.
3. Saisissez votre réponse et appuyez sur Entrée.
4. Regardez à nouveau votre site web. Votre réponse apparaît dans la fenêtre de chat.

## Vérifier le résultat
- Une conversation correspondant à votre test existe sous **Salons de chat**.
- Votre réponse apparaît dans la fenêtre du visiteur.
- La cloche (**Notifications**) affiche une notification pour la nouvelle conversation, et un clic dessus ouvre la conversation. Vous la recevez parce que vous avez créé le chat.
- Si la fenêtre s’ouvre mais qu’aucune conversation n’apparaît jamais, le visiteur ne voit aucune erreur. Vérifiez que le code se trouve bien sur la page testée et, si c’est le cas, contactez le support.

Supprimez votre conversation de test avec l’icône de corbeille une fois terminé.

## Pour aller plus loin
- Ajoutez des horaires d’ouverture, un agent IA ou WhatsApp ([Chats : ajouter un widget de chat à votre site web](https://enydea.com/fr/documentation/chat-widget.md)). Lisez l’avertissement concernant **Inclure le contexte CRM** avant d’activer l’IA.
- Laissez désactivé l’interrupteur **Widget de chat** dans **Suivi du site web** (Website Tracking). Il s’agit d’une bulle distincte qui ne crée pas de conversations dans **Chats** ([Suivi du site web et paramètres de consentement](https://enydea.com/fr/documentation/website-tracking-and-consent.md)).
- Pour recevoir les messages WhatsApp dans le même chat, connectez d’abord WhatsApp ([Réseaux sociaux et WhatsApp](https://enydea.com/fr/documentation/social-media-and-whatsapp.md)).