mars 24, 2022

Créer un chat pour votre site web : le guide complet

Temps de lecture 11 min
Créer un Chat

Créer un chat sur votre site web vous permettra de discuter directement avec vos visiteurs et clients. Parfait pour le service assistance ou vente, mais aussi pour générer des leads pour votre marketing !

Un chat est une petite fenêtre qui permet de communiquer avec les visiteurs de votre site ou les utilisateurs de votre application. Il existe des chats en temps réel ou encore des chatbots automatisés.

Sendinblue propose une toute nouvelles fonctionnalités de chat ultra puissante et simple d’utilisation.

👉 Dans ce guide, nous vous expliquons comment créer un chat pour votre site web !


🧐 Un chat, c’est quoi ? Définition et avantages

Un chat est donc une petite boite qui va le plus souvent s’afficher dans le coin bas-droit de l’écran après une action précise (en arrivant sur une page par exemple).

Un chat est très utile pour l’assistance et permet de résoudre les problèmes de vos clients rapidement sans avoir à passer par de longues discussions au téléphone ou par email. Il peut aussi être utile pour la génération de prospects (par exemple pour proposer des ebooks). 

Il existe de nombreux outils qui peuvent vous permettre de créer un chat pour votre site web ou votre application. 

Sendinblue vous propose une fonctionnalité de chatbox ultra puissante: Conversations (en Beta jusque fin Avril) 🔥🔥🔥

💬 Comment installer le Chat sur votre site web via Google Tag Manager

Pour commencer, dans Google Tag Manager :

  1. Rendez-vous dans votre espace de travail.
  2. Cliquez sur l’onglet Présentation.
  3. Cliquez sur Ajouter une balise et saisissez le nom de la balise, par exemple « Conversations ».
  4. Cliquez sur Configuration de la balise et sélectionnez HTML personnalisé.
Google Tag Manager 1

Vous devrez maintenant copier le script du widget de chat dans Sendinblue. Pour cela :

  1. Accédez à l’onglet Conversations.
  2. Cliquez sur Paramètres.
  3. Accédez au widget de Chat.
  4. Complétez ou ignorez les étapes Profil et Widget avant d’accéder à la troisième étape, Installer votre widget de Chat.
  5. Copiez le script.
Google Tag Manager 2

Pour finir, il vous suffira de coller le code dans Google Tag Manager. Retournez donc dans Google Tag Manager, puis :

  1. Collez le code du widget Conversations.
  2. Cliquez sur Déclenchement et choisissez un élément déclencheur (vous pouvez sélectionner Toutes les pages pour commencer).
  3. Cliquez ensuite sur Enregistrer dans l’angle supérieur droit.
  4. Cliquez sur Valider pour terminer l’installation.
Google Tag Manager 3

Bravo ! Le chat s’affichera maintenant en bas de vos pages web.

💬 Comment créer un chat pour votre site WordPress

Pour commencer, vous devez installer le plugin Insert Headers and Footers de WPBeginner qui vous servira à ajouter des scripts dans le code de votre site web et ainsi installer le widget Conversation dans WordPress.

  1. Connectez-vous à WordPress
  2. Rendez-vous dans Plugins > Ajouter nouveau et cherchez le plugin Insert Headers and Footers de WPBeginner.
  3. Installez et activez ce plugin.
  4. La fenêtre Insert Headers and Footers >> Paramètres va maintenant s’ouvrir.

Maintenant vous devez copier le script du widget de Chat fourni par Sendinblue. Il est trouvable dans les paramètres du widget de Chat à l’étape 3 Installer votre widget de Chat.

Vous pouvez accéder aux paramètres du widget de Chat de cette façon :

  1. Rendez-vous dans l’onglet Conversations
  2. Cliquez sur Paramètres
  3. Rendez-vous dans Widget de Chat
  4. Complétez ou ignorez les étapes Profil et Widget avant d’accéder à la troisième étape, Installer votre widget de Chat.
  5. Copiez le script et collez-le dans WordPress admin dans la case Script in headers ou le plugin Insert Headers and Footers et cliquez sur Enregistrer.

Bravo ! Un tchat est maintenant ajouté à chaque page de votre site web WordPress.

💬 Comment créer un système de chat pour votre site Shopify

Découvrons maintenant comment facilement installer un chat sur votre site web Shopify. Pour commencer, ouvrez le fichier Layout dans Shopify :

  1. Connectez-vous à Shopify et rendez-vous dans Boutique en ligne > Thèmes
  2. Sélectionnez Modifier HTML/CSS dans le menu à droite.
  3. Ouvrez le fichier Layout theme.liquid.
  4. Trouvez le tag </body> dans le code du template.

Ensuite, copiez le script du chat de Sendinblue : 

  1. Allez dans l’onglet Conversations
  2. Cliquez sur Paramètres
  3. Allez dans Widget de Chat
  4. Complétez ou ignorez les étapes Profil et Widget avant d’accéder à la troisième étape, Installer votre widget de Chat.
  5. Copiez le script.

Pour finir, collez ce script dans le code de widget Shopify avant le tag </body>. Il ne vous suffira plus qu’à cliquer sur Enregistrer.

Bravo! Vous pourrez maintenant utiliser le widget Conversations et la fonctionnalité Chat sur votre site web Shopify.

🛠️ Configurez des réponses sauvegardées pour votre Chat

Chat réponses sauvegardées

Les réponses sauvegardées sont très pratiques puisqu’elles vous permettent de réutiliser des réponses aux questions les plus souvent posées par vos clients. Cela vous permettra donc de gagner du temps et d’optimiser l’efficacité de votre service client. 

Grâce à Sendinblue, configurer une réponse sauvegardée est ultra simple

  1. Rendez-vous dans Conversations > Paramètres > Réponses sauvegardées.
  2. Cliquez sur + Créez une nouvelle réponse
  3. Dans le champ Texte de réponse, saisissez un texte – soit une réponse à une question fréquemment posée ou une phrase que vous utilisez souvent (comme par exemple une formule de salutation)
  4. Pour enregistrer la réponse sauvegardée, il vous suffit maintenant de cliquer sur Créez.

Comment utiliser les réponses sauvegardées ?

Une fois des réponses sauvegardées configurées, vous pourrez les utiliser afin de répondre rapidement à vos clients dans Conversations. 

  1. Lorsque vous discutez avec un client appuyez sur la touche / ou cliquez sur /
  2. Saisissez maintenant un mot-clé qui se trouve dans le texte de votre réponse sauvegardée. Les réponses sauvegardées contenant ce mot-clé seront alors affichées dans un menu déroulant. 
  3. Pour finir, cliquez sur la réponse désirée ou appuyez sur la touche Entrer pour ajouter la réponse sauvegardée à votre message.
Chat réponses sauvegardées 2

🎯 Créer un chat ciblé (ou trigger)

Les chats ciblés, aussi appelés triggers, vous permettent de collecter des leads ou de générer des ventes, en contactant un client de façon proactive grâce à une fenêtre de chat déclenchée en fonction de différentes conditions (ou triggers).

Les chats servent également de point d’entrée pour les scénarios de chatbot automatisés.

Sendinblue vous propose des templates pour certains des triggers les plus courants. Il vous suffit donc de saisir quelques informations simples pour vous lancer avec ces modèles.

Mais vous pouvez aussi créer vos propres triggers en partant de zéro.

Quand utiliser un chat trigger ?

Ces fenêtres de chat déclenchées automatiquement peuvent être utiles dans de nombreux scénarios. 

Chat-triggers
  • Message de bienvenue sur la page d’accueil ou sur une landing page
    Un internaute arrive sur la page d’accueil mais ne sait pas où se rendre ensuite ? Envoyez-lui un nouveau message pour le guider (par exemple avec une liste des pages les plus visitées). 
  • Assistance sur des pages plus difficiles
    Dans certains cas, les visiteurs de votre site peuvent être confus par votre contenu – par exemple si une page contient de nombreuses sections ou s’ils doivent y remplir un long formulaire. Ici, vous pouvez leur envoyer un message pour leur venir en aide avant qu’ils s’impatientent.
  • Lancer le dialogue sur une page « Nous contacter »
    Un internaute recherche un moyen simple de vous contacter ? Proposez-lui une fenêtre de chat afin qu’il puisse communiquer directement avec vous sans avoir à vous envoyer un email. 
  • Aide pour la finalisation de l’achat ou le paiement
    De nombreux paniers d’achat sont abandonnés par les clients potentiels. Vous pouvez réduire votre taux d’abandon de panier et booster vos ventes en communiquant avec vos prospects et en les aidant à finaliser leur achat.

Comment personnaliser les triggers pour votre chat ?

Chat triggers personnalisés

1️ Dans Sendinblue, cliquez sur l’onglet Conversations.

2️ Cliquez sur Paramètres.

3️ Cliquez sur Chats ciblés et triggers.

4️ Configurez maintenant votre trigger. Les templates par défaut ont déjà des conditions et des actions définies, mais vous devrez encore renseigner quelques informations comme par exemple l’URL de votre site. Vous pourrez aussi modifier les autres paramètres en fonction de vos besoins.
Cliquez sur le titre du trigger pour le modifier.

5️ Sélectionnez les conditions de vos triggers :

  • QUAND – Déterminez à quel moment votre chat s’ouvrira aux visiteurs, en fonction de la disponibilité de vos équipes. Ainsi, vous pouvez choisir d’ouvrir un chat en direct lorsqu’un agent est connecté ou au contraire lancer un chatbot automatisé si vos agents ne sont pas connectés.
  • SI – Choisissez dans quelles situations le chat sera déclenché en fonction d’une ou plusieurs conditions. Vous pouvez sélectionner les conditions en bleu à côté de AJOUTER UNE CONDITION, puis renseigner les différents champs requis. Par exemple l’URL de la page Web sur laquelle vous souhaitez déclencher le chat, le temps passé sur une page ou encore l’intention de partir (vous pouvez déclencher un chat si votre client s’apprête à quitter votre site afin de le retenir.)
  • ALORS – Choisissez l’action de votre trigger et la fréquence à laquelle celle-ci doit avoir lieu.

Il existe plusieurs actions possible pour ce dernier point :

  • Développer le chatbot – Cette action permet d’ouvrir la fenêtre de chat sans envoyer de message en particulier.
  • Envoyer un message de la part d’un agent – Cette action permet d’activer une fenêtre de chat en envoyant un message directement.
  • Masquer complètement le widget – Cette option permet de cacher le chat sur la page sélectionnée.
  • Attribuer des visiteurs à un groupe – Vous pouvez attribuer des conversations de chat à un groupe ou une équipe spécifique (par exemple, votre équipe support sur certaines pages et vos équipes vente sur d’autres). En cliquant sur cette option, vous pouvez sélectionner un groupe. Si aucun groupe d’agent n’est paramétré, suivez ce mode d’emploi pour le faire : Configuration des groupes.
  • Commencer un scénario de chatbot – En cliquant sur cette option, vous pouvez sélectionner un scénario de chatbot. Cliquez sur Configurer des scénarios de chatbot pour mettre en place des scénarios.

6️ Vous pouvez activer le trigger tout de suite ou l’activer plus tard à partir de la page Trigger.

7️ Cliquez sur Enregistrer.

Voyons maintenant comment créer un nouveau trigger en partant de zéro au lieu d’utiliser un template.

Nouveau Trigger
  1. Rendez-vous en bas de la page Conversations > Paramètres > Chats ciblés et triggers, sous les triggers par défaut, et cliquez sur le bouton Nouveau trigger.
  2. Renseignez un nom et une description pour votre trigger.
  3. Définissez les conditions comme nous l’avons déjà montré plus tôt. 
  4. Sélectionnez les conditions de vos triggers.
  5. Activez le trigger si vous souhaitez l’utiliser tout de suite. Vous pourrez aussi l’activer plus tard en vous rendant sur la page Trigger.
  6. Cliquez sur Enregistrer pour finaliser la création du trigger.

🚀 Pour aller plus loin : découvrez comment utiliser un chat pour votre business

Vous l’avez compris : installer un live chat sur votre site web est très simple grâce à la nouvelle fonctionnalité de Sendinblue.

Mais la mise en place technique n’est pas tout, encore faut-il savoir quoi faire d’un chat et comment l’utiliser pour optimiser votre assistance client ou générer des leads. Cela est surtout vrai pour les chatbots, qui peuvent être un peu plus difficile à utiliser.

Heureusement, Sendinblue est là pour vous guider !

Pour aller plus loin – Découvrez comment utiliser un chatbot pour votre entreprise, pour le support et la génération de prospects :

Prêt à devenir un Bouddha du marketing ?

Supprimez le stress de votre journée de travail grâce à une solution adaptée à vos besoins.

Lancez-vous. C’est gratuit !