Chat du site web : ajouter un widget de chat à votre site
Ce que fait le chat du site web
Un chat est un bouton de chat que vous placez sur votre site web. Vous le configurez dans Conversations, sur l’onglet Website chat. Lorsqu’un visiteur envoie un message, Enydea ouvre une conversation à laquelle votre équipe répond sur l’onglet Boîte de réception (Inbox) de Conversations. Le même chat peut aussi recevoir des messages WhatsApp. Un agent IA peut répondre automatiquement, mais c’est facultatif et désactivé par défaut.
Avant de commencer
- Sélectionnez une relation dans Compte actuel (Current Account), dans la barre latérale. Un chat est stocké sous cette relation ; sans relation, Enydea affiche "Aucune relation sélectionnée".
- Pour afficher le widget sur votre site web, vous devez modifier le HTML de la page, ou le demander à votre développeur web.
Créer un chat et obtenir le code
L’onglet Website chat. Choisissez un chat à gauche. Ses réglages et le bouton Obtenir le code d'intégration sont à droite.
- Cliquez sur Conversations dans la barre latérale, puis sur l’onglet Website chat.
- Ouvrez le menu à trois points en haut du chat et cliquez sur Nouveau chat (ou sur Créez votre premier chat si la liste est vide). Le nouveau chat s’appelle "new".
- Saisissez votre propre Nom du chat sous Paramètres de base. Les visiteurs le voient comme titre de la fenêtre de chat.
- Cliquez sur Obtenir le code d'intégration. Une boîte de dialogue intitulée Intégrer le widget de chat s’ouvre.
- Cliquez sur Copier le code.
- Collez le code dans le HTML de votre page, juste avant la balise de fermeture
</body>, sur chaque page qui doit afficher le chat.
Le code ressemble à ceci, avec votre propre identifiant de chat :
<!-- Enydea Chat Widget -->
<script src="https://app.enydea.com/widget/enydea-chat.js"
data-chat-id="YOUR_CHAT_ID"
data-name="Your chat name"
data-color="#1976d2"></script>data-name et data-color apparaissent lorsque le chat en possède. Ajoutez data-position="left" pour placer le bouton en bas à gauche. Le texte de la fenêtre suit le réglage lang de votre page (anglais, néerlandais, allemand ou français).
Sous Paramètres d'apparence, Couleur de fond est la couleur principale du widget. Couleur du texte, Largeur, Hauteur, Avatar du chat et Icône de démarrage définissent le style de la fenêtre de chat que vous voyez dans Enydea. Le widget du site web garde sa propre taille et ses propres icônes. Aperçu du code d'intégration se met à jour à mesure que vous modifiez les réglages.
Testez le chat sur votre site en ligne avant de l’annoncer. Envoyez un message depuis votre page. Une nouvelle conversation portant l’étiquette Website chat doit apparaître sur l’onglet Boîte de réception de Conversations (rechargez la page si elle n’apparaît pas encore). Si la fenêtre s’ouvre mais qu’aucune conversation n’apparaît jamais, le visiteur ne voit aucune erreur : contactez donc le support.
Ce que voient les visiteurs
La fenêtre de chat sur un site web.
- Un bouton rond en bas à droite. Il ouvre une fenêtre avec votre Nom du chat, un statut en ligne ou hors ligne, un message de bienvenue ("Welcome! How can we help you today?") et une zone de message. Vous ne pouvez pas modifier le message de bienvenue sur cet écran.
- Quatre boutons de réponse rapide au texte fixe, sur une page en français : « Que proposez-vous ? », « Tarifs », « Contacter les ventes » et « Fonctions IA ». Un clic sur l’un d’eux envoie ce texte comme message du visiteur.
- Un lien « Propulsé par Enydea » (Powered by Enydea) en bas de la fenêtre.
Répondre dans la boîte de réception
L’onglet Website chat ne liste pas les conversations des visiteurs. Elles arrivent sur l’onglet Boîte de réception de Conversations, à côté de vos messages WhatsApp, avec l’étiquette Website chat (Tutoriel : Répondre aux clients dans Conversations).
Un chat du site ouvert dans la boîte de réception. Saisissez votre réponse dans la zone en bas.
- Une conversation du site porte l’étiquette Website chat, et Needs reply lorsque le visiteur a écrit en dernier. Le filtre Website au-dessus de la liste n’affiche que celles-ci, et la recherche porte sur le nom, le numéro et le message.
- Cliquez sur une conversation pour l’ouvrir, saisissez votre réponse et appuyez sur la touche Entrée. Votre réponse va au visiteur dans la fenêtre de chat de votre site.
- La personne qui a créé le chat reçoit une notification dans la cloche (Notifications) pour chaque nouvelle conversation et chaque message de visiteur. Un clic dessus ouvre cette conversation. Cocher Notifications de chat sous Paramètres (Settings) -> Compte (Account) -> Préférences de notification ajoute une notification push ou un e-mail, selon vos réglages.
Paramètres de l'agent IA (facultatif)
Cochez Activer la réponse automatique par IA pour que l’IA réponde à chaque message de visiteur. Votre équipe voit toujours chaque message et peut écrire dans la conversation.
| Champ | Ce qu’il fait |
|---|---|
| Prompt système | Instructions sur la personnalité et le périmètre de l’IA |
| Langues prises en charge | Anglais, néerlandais, allemand, français, espagnol, portugais, italien. Vide signifie n’importe quelle langue. |
| Inclure le contexte CRM | Permet à l’IA d’utiliser les informations de l’entreprise, les fiches CRM correspondantes et les opportunités. Activé pour les nouveaux chats. |
| Inclure le catalogue produits | Permet à l’IA d’utiliser les produits et services de votre catalogue. Activé pour les nouveaux chats. |
| Historique max. | Nombre de messages précédents que l’IA lit (20 pour les nouveaux chats) |
| Longueur max. de la réponse | En caractères. Les réponses plus longues sont coupées et se terminent par "..." (500 pour les nouveaux chats). |
| Délai de réponse | Millisecondes avant l’affichage de la réponse (1500 pour les nouveaux chats) |
Attention : Les réponses de l’IA sont publiques. Avec Inclure le contexte CRM activé, l’IA peut puiser dans votre CRM pour répondre. Désactivez-le si votre CRM contient des informations que les visiteurs ne doivent pas voir.
Si le service d’IA met trop de temps à répondre ou n’est pas disponible, le visiteur reçoit un message indiquant qu’un membre de l’équipe va bientôt lui répondre.
Filtre de contenu
Activer le filtre de contenu apparaît lorsque la réponse automatique par IA est activée. Il est activé pour les nouveaux chats. Remplissez Mots interdits (séparés par des virgules, jokers avec *), Sujets interdits ou Sujets autorisés (liste blanche). Si vous remplissez la liste blanche, seuls ces sujets reçoivent une réponse.
Le filtre ne s’applique qu’aux réponses de l’IA. S’il bloque le message d’un visiteur, l’IA répond par un refus poli. S’il bloque le brouillon de l’IA elle-même, un message d’excuse générique est publié. Le message du visiteur parvient toujours à votre équipe.
Heures d’ouverture
Cochez Activer les heures d'ouverture. Réglez Heure d'ouverture, Heure de fermeture, Fuseau horaire et Jours ouvrés, et rédigez un Message hors ligne. En dehors de ces heures, la fenêtre affiche votre message et la zone de message est désactivée : les visiteurs ne peuvent donc pas laisser de message. Indiquez-leur votre e-mail ou votre téléphone dans le texte. Des champs vides correspondent à 09:00, 17:00, Europe/Amsterdam et du lundi au vendredi. La fenêtre vérifie les heures au chargement de la page.
Intégration WhatsApp
Cochez Activer WhatsApp et saisissez l’ID du numéro de téléphone et l’ID du compte Business pour faire passer par ce chat les messages WhatsApp de ce numéro. Ils apparaissent dans la Boîte de réception comme des conversations WhatsApp. Ce que vous saisissez dans une telle conversation est renvoyé à l’expéditeur sur WhatsApp, et la réponse automatique par IA couvre aussi WhatsApp.
Si vous avez connecté WhatsApp via l’inscription Meta sous Conversations -> WhatsApp setup (ou Réseaux sociaux (Social Media) -> WhatsApp Business), Enydea s’abonne lui-même aux messages de votre compte et remplit ces champs sur le premier chat de cette relation, s’il existe (Réseaux sociaux et WhatsApp). L’écran affiche aussi une adresse de webhook et des instructions Meta, dont cette méthode n’a pas besoin.
Répondre aux chats du site depuis votre WhatsApp
Sur l’onglet Website chat de Conversations, la carte Répondre aux chats du site depuis votre WhatsApp (Answer website chats from your WhatsApp) vous permet de recevoir les chats du site sur votre propre téléphone et d’y répondre. C’est un réglage personnel : vous l’activez pour votre propre numéro, et un collègue ne peut pas le configurer à votre place.
- Saisissez votre numéro WhatsApp avec l’indicatif du pays et cliquez sur Envoyez-moi un code. Enydea affiche un code de 6 caractères. Si l’entreprise n’a pas encore de numéro WhatsApp connecté, la carte vous demande d’en connecter un d’abord.
- Depuis votre propre téléphone, envoyez ce code au numéro WhatsApp de l’entreprise (Ouvrir WhatsApp avec le code l’ouvre pour vous). Le code est valable 30 minutes. Le réglage s’active tout seul dès que WhatsApp reçoit le code.
- Ensuite, lorsqu’un visiteur écrit dans le chat du site, vous recevez le message sur votre téléphone. Répondez au message transféré dans WhatsApp. Votre réponse va dans le chat de ce visiteur et s’affiche comme la vôtre, et WhatsApp la confirme par « Sent to » et le nom du visiteur. Si vous ne citez aucun message, la réponse va au dernier chat.
Les messages ne peuvent être transférés que tant que votre propre fenêtre de 24 heures avec le numéro de l’entreprise est ouverte. Elle s’ouvre lorsque vous écrivez à ce numéro. Une fois écoulée, rien n’est transféré sur votre téléphone, la cloche sonne toujours dans Enydea, et la carte le signale avec un bouton Lui écrire maintenant.
Envoyez STOP au numéro de l’entreprise, ou cliquez sur Désactiver sur la carte, pour le désactiver.
Remarque : Seul le texte est transféré et reçoit une réponse.
Limites
- Vos réponses parviennent au visiteur en direct via une connexion WebSocket. Si le réseau d’un visiteur bloque les WebSockets, il voit votre réponse en rechargeant la page.
- L’interrupteur Widget de chat dans Paramètres -> Suivi du site web (Website Tracking) est une bulle distincte, plus simple. Il ne crée pas de conversations dans Conversations. Laissez-le désactivé lorsque vous utilisez ce widget (Suivi du site web et paramètres de consentement).