Si vous avez un site web et que vous souhaitez pouvoir discuter à tout moment avec les visiteurs de votre site en temps réel, eh bien j’ai quelque chose pour vous.

Avec Brevo (ex Sendinblue), vous pouvez ajouter un chat à votre site web et je vais vous montrer comment procéder.

Qu’est-ce que Brevo (ex Sendinblue) ?

Nous voici sur le tableau de bord de Brevo (ex Sendinblue).

Vous ne connaissez pas Sendinblue ? C’est un outil français pour envoyer et planifier vos emails marketing, vos newsletters mais pas uniquement.

Pour en savoir plus, je vous renvoie vers cette démonstration :

Créer un formulaire d’inscription et l’intégrer à son site web

ainsi que les tutoriels suivants :

Créer et automatiser l’envoi du mail de bienvenue

Importer vos contacts

Planifier vos campagnes email

Ce qui nous intéresse, dans cette démonstration, c’est de vous expliquer comment intégrer un chat et comment communiquer avec les visiteurs de votre site en direct.

À titre de rappel, cette fonctionnalité est disponible avec la formule gratuite Brevo (ex Sendinblue).

Activation et configuration du chat

Pour cela, nous allons tout d’abord activer le chat. Cliquez sur le « + » en haut de l’écran. Scrollez vers le bas et activez le chat.

Ensuite, vous cliquez sur le bouton qui est apparu : «  Allez vers Chat ».

Notez que, pour ma part, j’ai déjà configuré le chat sur mon compte. Ce qui explique la page qui s’affiche avec les messages, dans la vidéo.

Mais, si vous en êtes à votre première configuration du chat, vous serez redirigé sur une page qui vous fait une description de cette fonctionnalité.

Vous devrez ensuite cliquer sur le bouton «  Initialiser le Chat » pour le configurer.

La première étape sera de personnaliser votre chatbox.

Dans le champ sous « Apparence », vous saisissez le nom de votre entreprise.

Juste en dessous, vous pouvez télécharger votre logo.

Ensuite, vous choisissez la couleur générale de la chatbox. Soit vous sélectionnez une des couleurs proposées, soit vous saisissez le code couleur souhaité dans le champ destiné à cet effet.

L’aperçu du chat à droite de l’écran vous permet de voir le rendu et modifier si besoin.

Une fois la personnalisation effectuée, vous cliquez sur « Définissez votre profil opérateur ».

La page « Profil » s’affiche.

Dans le champ « Nom de l’opérateur », vous indiquez le nom de la personne qui sera chargée de répondre aux visiteurs.

Vous pouvez également importer une photo de cette personne ou alors un avatar.

Après, vous cliquez sur « Installer le chat ».

Et voilà ! Le script de la chatbox est édité.

C’est ce script qui vous permet d’intégrer le chat à votre site web.

Intégrer le chat sur un site WordPress

Dans cette démonstration, je vous montre comment coller le script sur un site web qui est édité sur WordPress.

Si vous ne savez pas comment le faire manuellement, il y a une petite astuce. Il suffit tout simplement d’installer une extension.

Pour cela, allez sur le tableau de bord WordPress puis, dans la barre latérale gauche, dans « Extensions » et enfin « Ajouter ».

Dans le champ de recherche en haut à droite, il faut saisir « header script ».

Parmi les extensions proposées, choisissez « Header Footer Code Manager ». Installez cette extension et terminez en l’activant.

Vous la retrouvez dans la barre latérale gauche. Cliquez dessus et sur le bouton « Add New Snippet ».

Dans le premier champ « Snippet Name », vous pouvez nommer ce script. Pour l’exemple, je mets « Sendinblue ».

Dans « Snippet Type », je laisse le type « HTML ».

Le champ « Site Display » vous permet de faire le choix que ce soit présent sur tout le site (« Site Wide ») ou seulement sur certaines pages (« Specific Pages »), etc.

Ici, laissons « Site Wide ».

 

Le champ « Location » porte sur la localisation du script. Je choisis bien entendu « Header ».

Avec « Device Display », il est possible d’opter pour l’apparition du chat uniquement sur la version PC du site web en sélectionnant « Only Desktop », uniquement sur la version mobile avec « Only Mobile Devices » ou bien les 2 en choisissant « Show on All Devices ».

Pour la démonstration, laissons les deux.

Vous avez « Status », juste en dessous, qui vous permet d’activer ou de désactiver le script. On va laisser actif mais sachez que vous pouvez le désactiver à tout moment.

Une fois que tout est configuré, il n’y a plus qu’à coller le script dans le champ « Snippet / Code ».

Et, pour sauvegarder, vous cliquez sur « Save » .

N’oubliez pas, lorsque vous allez intégrer votre chat, de vérifier l’état de votre chatbox sur Brevo (ex Sendinblue). Pour cela, il vous suffit de cliquer sur « Vérifier ». Et, s’il est indiqué que l’état est actif c’est que la chatbox est opérationnelle.

Retournons sur le site web.Vous voyez la chatbox est présente en bas à droite.

Configurations avancées de la chatbox

Le visiteur pourra vous contacter à tout moment. Si vous êtes hors ligne, ce n’est pas un problème. Vous recevrez tout de même le message sur Brevo (ex Sendinblue).

Rendez-vous sur votre espace de chat. Dès que vous êtes disponible, vous devez cliquer sur le bouton «  Passer en ligne ». Les visiteurs verront ainsi qu’un opérateur peut répondre à leur question.

Quand vous allez dans « Paramètres » dans la barre latérale gauche, vous avez la possibilité de faire d’autres configurations.

Les notifications

Commençons tout d’abord par les notifications.

Si vous souhaitez recevoir les notifications sur votre navigateur web, il suffit de cliquer sur « Activer les notifications du navigateur » pour l’activer.

Vous serez donc notifié pour chaque message reçu afin que vous puissiez y répondre aussitôt.

Il est même possible de recevoir des notifications par mail.

N’oubliez pas d’enregistrer vos modifications.

Les langues

Dans « Gérer la langue de votre chatbox », vous choisissez la langue par défaut mais également les langues supplémentaires.

C’est pratique si vous avez des visiteurs dont la langue natale est l’anglais, l’allemand, l’espagnol, l’italien ou le portugais.

Vos disponibilités

Sur la chatbox, vous pouvez indiquer vos disponibilités. Vous allez dans « Disponibilité de la fenêtre de chat ».

Vous avez ensuite 3 options afin de choisir quand la fenêtre de chat est disponible pour les visiteurs de votre site web.

Soit vous activez « Disponible quand les opérateurs sont en ligne », et vous décidez qu’un message d’absence s’affiche ou vous préférez cacher la fenêtre de chat.

Soit vous indiquez vos horaires de disponibilité en sélectionnant « Disponible pendant vos horaires d’ouverture ».

Vous choisissez les jours et les horaires d’ouverture et de fermeture. Vous avez la possibilité d’en ajouter plusieurs.

Et juste en dessous, vous avez le choix entre laisser l’indication d’absence ou cacher la fenêtre de chat.

Troisième et dernière option.Vous pouvez décider de cacher totalement la fenêtre de chat jusqu’à sa remise en ligne plus tard si vous le souhaitez.

Terminez par l’enregistrement en cliquant sur le bouton destiné à cet effet sinon rien ne sera pris en compte.

Les notifications email aux visiteurs

Dernière petite info. Vous pouvez décider qu’un mail automatique soit envoyé au visiteur s’il n’a pas lu votre dernier message.

Bien entendu, il faut pour cela que le visiteur ait transmis son adresse mail.

Si cette fonctionnalité ne vous intéresse pas, il vous est possible de la désactiver. En effet, vous devez savoir que les emails qui seront envoyés aux visiteurs seront décomptés de votre quota d’emails.

Maintenant que toutes les configurations sont faites, vous pourrez chatter à votre aise.

Votre espace de chat

Allez dans votre espace « Chat ».

C’est ici que vous discuterez et gérerez tous vos messages.

Vous avez l’onglet « Nouveau » avec tous les nouveaux messages et l’onglet « Résolu » pour les conversations considérées comme résolues.

Pour répondre à un message, il vous faudra vous mettre en ligne. Puis, il vous suffit de cliquer sur ledit message et saisir votre réponse dans le champ en bas de l’écran.

Et enfin, si la conversation est close, vous pouvez cliquer sur « Résolu » en bas à droite.

 

Voilà, j’espère que la démonstration vous a plu et qu’elle vous a permis de voir ce que vous pouvez faire avec Brevo (ex Sendinblue).

N’hésitez pas à donner votre avis sur les réseaux.


Retrouvez également tous les articles sur l’application mobile Mon Atelier Tech :

Disponible sur Google Play