Chat en direct sur le site web
En installant un chat en ligne sur votre site web, vous pouvez collecter les données clients et automatiser la communication avec les visiteurs directement sur votre site.
Vous pouvez également connecter votre équipe commerciale au chat, ce qui permet aux responsables de rejoindre les conversations des clients. La communication peut avoir lieu soit via l’interface web de MaviBot, soit via nos applications mobiles pour Android et iOS.
Comment créer un site web de Live Chat
Pour créer un chat, allez dans la section « Messagers » et cliquez sur le bouton « Live chat ».
Une fois que vous avez cliqué sur le bouton « Chat en ligne », le panneau de paramètres de votre chat nouvellement créé s’ouvrira automatiquement.
L’apparence du chat dépendra des paramètres que vous aurez choisis. Sur la droite, vous verrez un aperçu en direct du widget de chat, que vous pouvez ouvrir et fermer pour tester son apparence et son comportement.
Paramètres
Décoration
Titre du chat
Ce champ définit le nom du chat en ligne — il apparaîtra tout en haut de la fenêtre de chat.
Sous-titre du chat
Ce champ se trouve sous le titre du chat et vous permet de préciser le rôle ou l’objectif du chat en ligne sur votre site web.
Libellé du widget spécifié
Le libellé sur le bouton du widget s’affiche lorsque le chat en ligne est réduit. Par défaut, il affiche le texte des champs titre et sous-titre, mais vous pouvez définir un autre libellé si nécessaire.
Message de bienvenue du chat
Ce champ contient le texte du message de salutation initial du bot
Orientation du texte
À l’aide de la barre d’outils d’alignement du texte, vous pouvez aligner le titre et le sous-titre du chat à gauche, à droite ou au centre, comme dans les éditeurs de texte standard.
Bouton du chat
Ce bouton est conçu pour ouvrir le chat en ligne lorsqu’on clique dessus.
Vous pouvez choisir l’apparence du bouton de chat en ligne sur différents appareils : le bureau du site web
Plusieurs options d’affichage sont disponibles. Vous pouvez positionner le bouton sur le bord droit ou gauche.
Palette de couleurs
Pour personnaliser le chat en ligne à votre goût, vous pouvez non seulement ajuster la couleur, mais aussi afficher des motifs intéressants dans l’arrière-plan et l’en-tête du chat.
Vous pouvez également choisir la couleur et la luminosité des motifs ainsi que d’autres éléments du chat en ligne. Pour cela, cochez la case « Paramètres avancés ».
Vous pouvez également configurer des paramètres de couleur avancés supplémentaires pour le chat en ligne.
Avatar du chat en ligne
Cette option vous permet de modifier l’avatar de l’assistant dans le chat en ligne. L’avatar peut être ajouté soit via une URL, soit en téléversant un fichier.
Vous pouvez également masquer l’avatar du chat en cochant cette case, si nécessaire.
Logo MaviBot
Les paramètres permettent d’afficher le logo MaviBot.
Paramètres
Texte dans le champ de saisie
Par défaut, ce champ contient le texte : « Saisissez votre message et appuyez sur Entrée. »
Vous pouvez personnaliser ce texte ou laisser la valeur par défaut.
Inscription dans la version mobile
Par défaut, le texte est défini sur : « Choisissez votre moyen de contact préféré. »
Message lors de l’affectation d’un opérateur à un client
Si vous incluez #{operatorName} dans ce champ, le nom de l’opérateur indiqué dans la section « Employés » s’affichera.
Vous pouvez attribuer un opérateur manuellement en cliquant sur le bouton « Prendre le client » ou « Transférer le client » pendant une conversation avec un client. Vous pouvez également configurer la répartition automatique des clients entre les opérateurs dans la section « Employés ».
Message lorsque les opérateurs sont hors ligne
Par défaut, le message suivant s’affichera : « Aucun opérateur n’est actuellement en ligne. Veuillez nous laisser un message et nous vous répondrons dès que possible. »
Le statut « En ligne » du bot est repris depuis la section « Employés ». Les statuts possibles sont : En ligne, Pause et Hors ligne.
Vous pouvez également modifier votre statut depuis la barre supérieure dans n’importe quelle section du projet
Notification sonore dans le chat en ligne
Ces paramètres vous permettent d’activer ou de désactiver les alertes sonores pour l’ouverture du chat et les nouveaux messages dans le chat en ligne pour les visiteurs du site web.
Afficher les messagers
Vous pouvez choisir quels messagers sont affichés sur le site web au survol du widget de chat en ligne (icône).
Les boutons des messagers n’apparaîtront qu’après leur connexion au builder.
Afficher uniquement les messagers
Si vous activez ce bouton, seuls les boutons des messagers apparaîtront sur le site web. Toutes les autres fonctions du chat en ligne seront désactivées !
Texte du messager
Par défaut, il est défini sur : « Écrire à ».
Message de démarrage WhatsApp
Ce texte apparaîtra dans le champ de saisie de l’utilisateur dans WhatsApp lorsqu’il cliquera sur le bouton de votre site web. L’utilisateur n’aura plus qu’à appuyer sur « Envoyer ».
Veillez également à inclure ce texte dans les conditions du bloc de démarrage de votre séquence de messages.
Liens personnalisés
En plus des boutons de messagerie, vous pouvez désormais ajouter vos propres boutons avec des liens personnalisés.
Vous pouvez spécifier l’URL du lien et ajouter une image dans les paramètres.
Téléversement de fichiers
Ce paramètre vous permet de recevoir des pièces jointes des visiteurs du site web, telles que des images.
La taille maximale autorisée pour les fichiers entrants via le chat en ligne est de 20 Mo.
Données utilisateur
Dans le premier message, vous pouvez obtenir le consentement pour le traitement des données personnelles et/ou collecter les informations de l’utilisateur via un formulaire de collecte de données. Vous pouvez également définir ou modifier l’adresse e-mail via la fenêtre de bienvenue.
Le remplissage du formulaire peut être facultatif ou rendu obligatoire en activant le bouton «Rendre le remplissage du formulaire obligatoire » bascule.
Exemple du premier message avec collecte de données.
Après avoir configuré le formulaire, vous pouvez sélectionner les paramètres d’affichage du pays à l’aide d’un champ déroulant.
Demande de rappel
La case « Demande de rappel » apparaît dans les paramètres du chat en ligne si la téléphonie est activée dans le projet.
Comment ça marche
Lors du remplissage du formulaire, l’utilisateur peut cocher la case pour demander un rappel. Dans ce cas, l’un des employés ayant la téléphonie activée est sélectionné automatiquement, puis un appel est passé au client.
L’employé est attribué automatiquement. Lors de la sélection d’un employé, les éléments suivants sont vérifiés :
Statut : En service
Tout rôle, y compris Administrateur
La téléphonie est activée (configurée) pour l’employé
Après l’appel, cet employé sera désigné comme responsable de l’utilisateur.
Demander le consentement pour le traitement des données personnelles
Cette option est désactivée par défaut. Lorsqu’elle est activée, un message indiquant « J’autorise le traitement de mes données personnelles » ainsi que le bouton « Confirmer » s’afficheront lors du premier lancement du chat en ligne.
Exemple du premier message pour obtenir le consentement au traitement des données personnelles :
Paramètres du bouton de démarrage
En cliquant sur le bouton « Ajouter un bouton » ouvre le formulaire de création d’un bouton de démarrage :
Le bouton peut avoir l’une des fonctions suivantes :
Lien. Permet d’ajouter une URL pour naviguer vers une autre page de votre site web ou une ressource web externe.
E-mail. Le client sera redirigé vers son service de messagerie électronique afin d’envoyer un message à l’adresse e-mail indiquée dans les paramètres du bouton.
Téléphone. L’application d’appel se lance, ou l’utilisateur est invité à choisir une application pour passer l’appel — selon l’appareil utilisé. L’appel est dirigé vers le numéro indiqué dans les paramètres du bouton.
Message (de l’administrateur / de l’utilisateur) — cette fonctionnalité permet au bot d’envoyer des réponses rapides lors d’un clic sur un bouton.
Par exemple, vous pouvez créer un bouton nommé « Adresse » et, dans le champ « Message », indiquer l’adresse exacte et les horaires d’ouverture.
Le texte dans le champ « Message » sera sans sauts de ligne. Veuillez en tenir compte lors de l’utilisation.
Séparer les clients de différents domaines. Ce paramètre permet de séparer les conversations si la même personne écrit dans le chat en ligne hébergé sur différents domaines. Par défaut, cela est considéré comme une seule et même conversation.
Ce bouton est nécessaire si différents chats en ligne sont installés sur différents sites web du même domaine et que vous devez séparer les conversations lorsque la même personne écrit.
Les boutons dans le texte s’afficheront dans l’historique du chat en ligne (bascule). Activez cette option pour afficher les boutons du texte du constructeur d’entonnoir dans l’historique du chat en ligne du client.
Masquer le chat en ligne
Il n’est pas nécessaire de supprimer le chat en ligne du site web. Vous pouvez simplement le masquer à l’aide du bouton correspondant.
Actions automatiques
Le fonctionnement des actions automatiques est le suivant : pour qu’une action automatique se déclenche, une condition de déclenchement spécifique doit être définie pour cette action.
Tout d’abord, définissez les conditions d’exécution de l’action personnalisée. Vous pouvez ajouter des conditions basées sur l’heure de la journée, le pays du visiteur, la ville, l’URL de la page actuelle, etc.
En savoir plus sur les conditions :
Heure actuelle. Définissez le déclenchement automatique du chat en ligne en fonction de la période à laquelle le client interagit avec le chat (par exemple, pendant les heures de promotion après 16 h, un visiteur de votre page d’atterrissage peut recevoir une remise).
Exécuter cette action une seule fois par jour pour l’utilisateur. Cette condition peut être appliquée dans divers cas : par exemple, pour envoyer des liens d’affiliation ou d’autres liens dans les messages de l’administrateur/de l’utilisateur (par exemple, l’accès à de nouveaux supports de cours) ; pour un système de fidélité ou d’accumulation ; et ainsi de suite.
Ville de l’utilisateur / Pays de l’utilisateur. En définissant cette condition, vous pouvez cibler le groupe spécifique d’utilisateurs qui bénéficierait de votre service — par exemple, lorsqu’une présence physique du client est requise pour acheter un produit ou un service.
Dans ce cas, vous pouvez définir la condition comme égal ou différent. Par exemple, si vous devez spécifier une ville ou un pays (ou une liste de pays) pour lesquels l’action automatique ne doit pas être déclenchée, choisissez « différent ».
Le jour de la semaine. Cette condition sert de déclencheur pour les actions automatiques en fonction du jour de la semaine. Vous pouvez sélectionner des cases à cocher à côté des jours de la semaine, définir la condition sur égal ou différent, et choisir l’action automatique à effectuer par le chat en ligne.
Par exemple, vous pouvez définir tous les jours ouvrés de vos opérateurs/gestionnaires afin de permettre leur prise de contact ultérieure avec les clients.
URL de la page actuelle. L’action automatique se déclenchera selon que l’URL contient/ne contient pas ou est égale/n’est pas égale à un lien spécifié.
Message de l’utilisateur. Pour déclencher l’action automatique dans le cadre de cette condition, le champ doit contenir un mot spécifique de l’utilisateur.
Temps sur la page. Cette condition est similaire à l’heure de la journée ; cependant, si votre base de clients est répartie sur différents fuseaux horaires, vous devez faire en sorte que cette action automatique se produise à la même heure locale pour chaque fuseau horaire.
Temps écoulé depuis la fermeture de la fenêtre MAviBot. Cette condition se règle de la même manière que l’heure de la journée ou le temps sur la page, mais dépend de l’action de l’utilisateur consistant à fermer la fenêtre Salebot.
Temps écoulé depuis le premier message du visiteur. L’action automatique se déclenchera après une période spécifiée (en secondes) suivant le premier message du client dans le chat en ligne.
Temps sans réponse de l’opérateur depuis le premier message de l’utilisateur. Cette condition est également définie en secondes et se déclenche que l’opérateur ait répondu au client ou non.
Si nécessaire, les conditions peuvent être combinées, ce qui permet à l’action automatique de se déclencher selon plusieurs critères :
Ensuite, choisissez l’action que le chat en ligne doit effectuer automatiquement :
Ouverture automatique du chat. Cette action ouvre automatiquement le chat en ligne pour l’utilisateur. Aucune configuration supplémentaire n’est requise.
Invitation automatique au chat. Cette action automatique envoie à l’utilisateur un message prédéfini saisi dans le champ correspondant. Vous pouvez également masquer le champ de saisie du message à l’aide de la case portant le même nom, si nécessaire.
Masquer l’icône du chat en ligne d’un site web. Cette action peut être utilisée, par exemple, à la fin des heures de travail de vos administrateurs.
Afficher l’icône du chat en ligne. Similaire à l’action précédente, cela vous permet d’afficher l’icône du chat pour les clients pendant une période spécifique (ou en fonction d’autres conditions nécessaires).
Envoyer un message en tant qu’administrateur. Cette action envoie un message dans le chat en ligne sous le rôle d’administrateur.
Envoyer un formulaire. Cette action sert à collecter les données du client. Vous pouvez personnaliser le texte du formulaire, sélectionner les champs de saisie requis (tels que nom, numéro de téléphone, e-mail, case à cocher ou tout autre champ de saisie que vous configurez manuellement).
Vous pouvez configurer un champ de saisie personnalisé. Par exemple, pour collecter la ville de résidence du client ou toute autre information pertinente.
Bannières
Vous pouvez ajouter des bannières cliquables à la fenêtre de démarrage du chat dans l’onglet « Bannières ». Passons aux paramètres.
Cliquez sur « Ajouter une bannière ».
Téléversez une image.
La taille de l’image est fixe.
Format d’image recommandé : si vous ajoutez un titre et un sous-titre, utilisez une taille de bannière de 345x194 pixels ou un ratio 16:9.
Pour rendre la bannière cliquable (permettant à votre client de suivre un lien en cliquant dessus), saisissez l’URL dans le champ correspondant.
Ensuite, spécifiez le titre et le sous-titre de la bannière si nécessaire.
Saisissez le titre et le sous-titre, puis cliquez sur « Enregistrer ».
La bannière apparaîtra alors dans le widget de chat en ligne.
Pour désactiver une bannière (ne plus l’afficher dans le chat en ligne), basculez l’interrupteur en position inactive.
Pour modifier ou supprimer une bannière, cliquez sur Modifier.
Évaluation de la qualité
Il existe une section de paramètres supplémentaire dans le chat en ligne appelée « Contrôle qualité ». Pour activer cette fonctionnalité, allez dans l’onglet correspondant des paramètres.
La fonctionnalité offre le choix entre trois échelles de notation de la qualité : cinq points, trois points et deux points.
Saisissez dans le champ correspondant le texte qui apparaîtra avant la note.
Il n’y a pas de valeur par défaut dans ce champ. Si vous le laissez vide, le texte suivant apparaîtra sur la bannière d’évaluation de la qualité.
Vous pouvez également spécifier un nom personnalisé pour le champ de commentaires du client.
Pour ce faire, saisissez simplement votre propre texte pour le nom du champ, ainsi qu’un texte indicatif à l’intérieur du champ de commentaires. Par défaut (voir l’exemple ci-dessus), la fonction et le texte de chaque champ sont déjà définis pour votre confort.
Vous pouvez également activer une case à cocher pour rendre le commentaire de retour du client obligatoire.
Ensuite, vous pouvez remplir le message de retour qui sera envoyé au client après un avis positif ou négatif. Pour voir à quoi ressemble le message final du chat en ligne après l’envoi d’une note, cliquez sur le bouton du chat pour envoyer l’évaluation.
case à cocher « L’utilisateur peut évaluer le chat »
Dans la section « Clients », l’opérateur peut mettre fin à la conversation au cours d’un échange avec un utilisateur. Si cette case est activée, l’utilisateur pourra attribuer une note.
L’opérateur ne voit pas la note que le client a attribuée à la conversation. Toutes les évaluations de qualité seront disponibles dans la section « Analytique ».
L’opérateur peut cliquer sur le bouton « Mettre fin à la conversation » pendant un échange avec un utilisateur. Cela ouvrira un formulaire de confirmation pour l’action de l’opérateur :
Si un service e-mail est connecté dans les canaux, des options pour envoyer des messages par e-mail apparaîtront.
Après que l’opérateur a mis fin à la conversation, un formulaire d’évaluation de la qualité est envoyé à l’utilisateur, et la note elle-même est enregistrée dans Analytics.
Si le client ne laisse pas de note, les statistiques afficheront « L’utilisateur n’a pas laissé de note. »
Comment ajouter le chat en ligne à votre site web
Pour intégrer le chat en ligne sur votre site, copiez simplement le script depuis l’onglet Code et collez-le dans le HTML de votre site web.
Copiez le code du chat en ligne.
Ensuite, allez dans la section « Sites » et cliquez sur la tuile du site où vous souhaitez placer le widget de chat en ligne.
Ensuite, allez dans Édition du site.
et accédez aux paramètres du site.
Dans la section Couleurs, polices et HTML collez le code du chat en ligne copié dans le champ en-tête du code HTML .
Collez ce code sur chaque page de votre site web, à l’intérieur de la balise <head> .
Le chat en ligne est maintenant correctement connecté à votre site web.
Envoi d’un formulaire à remplir pour les clients
Le chat en ligne comprend également une fonctionnalité permettant d’envoyer un formulaire aux clients afin de collecter des informations utilisateur et de les ajouter au système pour des interactions ultérieures.
Un tel formulaire est envoyé à l’aide de la fonction online_chat_send_form() qui prend les paramètres suivants :
name;
phone;
privacy;
callback (ce paramètre fonctionne uniquement si la téléphonie est intégrée au projet) ;
age;
email_group_ID (si vous incluez ce paramètre avec un e-mail, un e-mail client sera créé et associé à l’utilisateur du chat) ;
wa_group_ID (si vous incluez ce paramètre avec un numéro de téléphone, un contact WhatsApp sera créé et associé à l’utilisateur du chat).
Si un groupe inexistant est spécifié, le formulaire sera envoyé, mais le client ne sera pas créé.
Important
Tous les paramètres sont saisis sous forme d’une seule chaîne séparée par des virgules.
Exemple de saisie dans la calculatrice : online_chat_send_form("name,email,email_group_ID")
Notification qui apparaîtra dans le chat après l’envoi du formulaire
Les données soumises via le formulaire sont enregistrées dans les variables du client. Vous pouvez voir plus de détails sur ces variables ci-dessous dans le profil du client en ligne.
! online_chat_send_form(arguments, texts)
Il prend deux arguments obligatoires.
arguments - chaîne de paramètres
texts - nom du formulaire
Par exemple, dans la calculatrice, vous pouvez le saisir ainsi : online_chat_send_form("name,phone", "Bonjour, veuillez remplir le formulaire.").
Exemple de réponse du chat en ligne.
Mis à jour