Chat en direct sur 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 managers de participer aux conversations avec les 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 chat en direct
Pour créer un chat, allez à la section « Messengers » et cliquez sur le bouton « Chat en direct ».
Une fois que vous cliquez sur le bouton « Chat en ligne », le panneau de configuration de votre chat nouvellement créé s’ouvrira automatiquement.
L’apparence du chat dépendra des paramètres que vous avez 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 du titre et du 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 — tout comme dans les éditeurs de texte standards.
Bouton de 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 : la version 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 ce faire, activez la case à cocher « 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 activant cette case à cocher, 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 conserver celui par défaut.
Inscription dans la version mobile
Par défaut, le texte est défini sur : « Choisissez votre méthode de contact préférée. »
Message lors de l’attribution d’un opérateur à un client
Si vous incluez #{operatorName} dans ce champ, le nom de l’opérateur défini dans la section « Employés » sera affiché.
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 de la section « Employés ». Les statuts possibles sont : En ligne, En pause et Hors ligne.
Vous pouvez également modifier votre statut depuis la barre supérieure dans n’importe quelle section du projet
Notifications sonores 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 messageries
Vous pouvez choisir quelles messageries sont affichées sur le site web lorsque vous survolez le widget de chat en ligne (icône).
Les boutons de messagerie n’apparaîtront qu’après que ces messageries auront été connectées au générateur.
Afficher uniquement les messageries
Si vous activez cette option, seuls les boutons de messagerie apparaîtront sur le site web. Toutes les autres fonctions du chat en ligne seront désactivées !
Texte de la messagerie
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 ».
Assurez-vous également d’inclure ce texte dans les conditions du bloc de départ 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 au traitement des données personnelles et/ou collecter des informations sur 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 l’option «Rendre le remplissage du formulaire obligatoire » option.
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 à cocher « 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 cela fonctionne
Lors du remplissage du formulaire, l’utilisateur peut cocher la case pour demander un rappel. Dans ce cas, l’un des employés avec la téléphonie activée est automatiquement sélectionné, et 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 attribué comme responsable de l’utilisateur.
Demander le consentement au traitement des données personnelles
Cette option est désactivée par défaut. Lorsqu’elle est activée, un message indiquant « Je donne mon consentement au traitement des données personnelles » ainsi que le bouton « Confirmer » s’affichera 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 « 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 accéder à une autre page de votre site web ou à une ressource web externe.
E-mail. Le client sera redirigé vers son service de messagerie pour envoyer un message à l’adresse e-mail spécifiée dans les paramètres du bouton.
Téléphone. L’application d’appel s’ouvre, ou l’utilisateur est invité à choisir une application pour passer l’appel — selon l’appareil utilisé. L’appel est passé au numéro spécifié dans les paramètres du bouton.
Message (de l’administrateur / utilisateur) — cette fonction permet au bot d’envoyer des réponses rapides lorsqu’on clique 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 du bureau.
Le texte dans le champ « Message » sera sans retour à la 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, il est considéré comme s’agissant de la même conversation.
Cette option est nécessaire si différents chats en ligne sont installés sur différents sites web au sein du même domaine et que vous devez séparer les conversations lorsque la même personne écrit.
Les boutons dans le texte seront affichés dans l’historique du chat en ligne (option). Activez cette option pour afficher les boutons issus du texte du générateur 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 de l’option correspondante.
Actions automatiques
Le fonctionnement des actions automatiques est le suivant : pour qu’une action automatique soit déclenchée, 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 pendant laquelle le client interagit avec le chat (par exemple, pendant les happy hours 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 différents cas : par exemple, pour envoyer des liens d’affiliation ou d’autres liens dans les messages de l’administrateur/utilisateur (comme 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 sur é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 les cases à cocher à côté des jours de la semaine, définir la condition sur égal ou différent, et choisir l’action automatique à exécuter par le chat en ligne.
Par exemple, vous pouvez définir tous les jours ouvrables de vos opérateurs/managers 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 cette condition, le champ doit contenir un mot spécifique de la part de l’utilisateur.
Temps passé sur la page. Cette condition est similaire à l’heure de la journée ; toutefois, 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 depuis la fermeture de la fenêtre MAviBot. Cette condition se configure de manière similaire à l’heure de la journée ou au temps passé sur la page, mais dépend de l’action de l’utilisateur qui ferme 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 exécuter 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 à cocher portant le même nom, si nécessaire.
Masquer l’icône du chat en ligne sur un site web. Cette action peut être utilisée, par exemple, après la fin des heures de travail de vos administrateurs.
Afficher l’icône du chat en ligne. De la même manière que 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 selon 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.
Soumettre un formulaire. Cette action est utilisée pour collecter les données des clients. 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 bannière de 345x194 pixels ou un format 16:9.
Pour rendre la bannière cliquable (afin que votre client puisse 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 (arrêter de l’afficher dans le chat en ligne), basculez le commutateur 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 dans les paramètres.
La fonctionnalité propose un choix entre trois échelles d’évaluation de la qualité : cinq points, trois points et deux points.
Saisissez dans le champ correspondant le texte qui apparaîtra avant l’évaluation.
Ce champ ne contient aucune valeur par défaut. 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 retour 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 retour. Par défaut (voir l’exemple ci-dessus), l’objectif et le texte de chaque champ sont déjà définis pour votre confort.
Vous pouvez également activer une case à cocher pour rendre obligatoire le commentaire de retour du client.
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 évaluation, cliquez sur le bouton du chat pour envoyer la note.
case à cocher « L’utilisateur peut évaluer le chat »
Dans la section « Clients », l’opérateur peut mettre fin à la discussion pendant une conversation avec un utilisateur. Si cette case est activée, l’utilisateur pourra laisser une évaluation.
L’opérateur ne voit pas la note attribuée par le client à 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 une conversation avec un utilisateur. Cela ouvrira un formulaire de confirmation de l’action de l’opérateur :
Si un service de messagerie électronique est connecté dans les canaux, des options d’envoi de 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 l’Analytique.
Si le client ne laisse pas d’évaluation, les statistiques afficheront « L’utilisateur n’a pas laissé d’évaluation. »
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 code HTML de votre site web.
Copiez le code du chat en ligne.
Ensuite, allez à la « Sites » section et cliquez sur la tuile du site où vous souhaitez placer le widget de chat en ligne.
Puis, accédez à l’édition du site.
Et allez dans les paramètres du site.
Dans la section Couleurs, polices et HTML collez le code du chat en ligne copié dans le champ code HTML de l’en-tête .
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é qui vous permet d’envoyer un formulaire aux clients afin de collecter des informations utilisateur et de l’ajouter au système pour une interaction ultérieure.
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 lié à 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 lié à 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 comme ceci : online_chat_send_form("name,phone", "Bonjour, veuillez remplir le formulaire.").
Exemple de réponse du chat en ligne.
Envoi de messages au chat
Utilisez ce code lorsqu’un utilisateur effectue une action sur le site et que vous devez envoyer un message en son nom dans le chat à ce moment-là.
if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Message") }
Par exemple, lorsqu’un utilisateur clique sur un bouton, un message sera envoyé en son nom.
Modifier les paramètres d’indication
Vous pouvez configurer le bot pour qu’il réagisse à ce message.
Le code est inséré dans la section HTML des paramètres du site.
Mis à jour