En installant un chat en ligne sur votre site web, vous pouvez collecter les données des clients et automatiser la communication avec les visiteurs directement sur votre site.

Vous pouvez également connecter votre équipe commerciale au chat, permettant aux responsables de rejoindre les conversations des clients. La communication peut avoir lieu via l'interface web de MaviBot ou via nos applications mobiles pour Android et iOS.

Comment créer un chat en direct pour site web

Pour créer un chat, allez dans la section "Messageries" et cliquez sur le bouton "Chat en direct".

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 avez choisis. Sur le côté droit, 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

  1. 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.

  1. 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.

  1. Étiquette spécifiée du widget

L'étiquette sur le bouton du widget s'affiche lorsque le chat en ligne est réduit. Par défaut, elle affiche le texte des champs titre et sous-titre, mais vous pouvez définir une étiquette différente si nécessaire.

  1. Message de bienvenue du chat

Ce champ contient le texte du message de salutation initial du bot

  1. 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.

  1. Bouton du chat

Ce bouton est conçu pour ouvrir le chat en ligne lorsqu'on clique dessus.

Vous pouvez choisir comment le bouton du chat en ligne apparaîtra sur différents appareils : la version de bureau du site web.

Plusieurs options d'affichage sont disponibles. Vous pouvez positionner le bouton sur le bord droit ou gauche.

  1. 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.

  1. Avatar du chat en ligne

Cette option vous permet de changer l'avatar de l'assistant dans le chat en ligne. L'avatar peut être ajouté soit via une URL, soit en téléchargeant un fichier.

Vous pouvez également masquer l'avatar du chat en activant cette case à cocher, si nécessaire.

  1. Logo MaviBot

Les paramètres vous permettent d'afficher le logo MaviBot.

Paramètres

  1. Texte dans le champ de saisie

Par défaut, ce champ contient le texte : "Entrez votre message et appuyez sur Entrée."

Vous pouvez personnaliser ce texte ou laisser la valeur par défaut.

  1. Inscription dans la version mobile

Par défaut, le texte est défini sur : "Choisissez votre méthode de contact préférée."

  1. Message lors de l'attribution d'un opérateur à un client

Si vous incluez #{operatorName} dans ce champ, le nom de l'opérateur spécifié 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" lors d'une conversation client. Vous pouvez également configurer la distribution automatique des clients entre les opérateurs dans la section "Employés".

  1. 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 extrait de la section "Employés". Les statuts possibles sont : En ligne, Pause et Hors ligne.

Vous pouvez également changer votre statut depuis la barre supérieure dans n'importe quelle section du projet.

  1. 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.

  1. Afficher la messagerie

Vous pouvez choisir les messageries qui s'affichent 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 constructeur.

  1. Afficher uniquement les messageries

Si vous activez cette bascule, seuls les boutons de messagerie apparaîtront sur le site web. Toutes les autres fonctions du chat en ligne seront désactivées !

  1. Texte de la messagerie

Par défaut, il est défini sur : "Écrire à".

  1. Message de démarrage WhatsApp

Ce texte apparaîtra dans le champ de saisie pour l'utilisateur dans WhatsApp lorsqu'il clique sur le bouton de votre site web. L'utilisateur n'aura qu'à appuyer sur "Envoyer".

Assurez-vous d'inclure également ce texte dans les conditions du bloc de départ de votre séquence de messages.

  1. 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.

  1. Téléchargement de fichier

Ce paramètre vous permet de recevoir des pièces jointes des visiteurs du site web, comme des images.

La taille maximale des fichiers autorisés pour les téléchargements entrants via le chat en ligne est de 20 Mo.

  1. Données utilisateur

Dans le premier message, vous pouvez obtenir le consentement pour le traitement des données personnelles et/ou collecter des informations 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 obligatoire en activant la bascule "Rendre le remplissage du formulaire obligatoire".

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.

  1. 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 ça fonctionne

Lors du remplissage du formulaire, l'utilisateur peut cocher la case pour demander un rappel. Dans ce cas, un employé 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 désigné comme responsable de l'utilisateur.

  1. 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 disant "Je donne mon consentement pour le traitement des données personnelles" accompagné du bouton "Confirmer" apparaîtra lors du premier lancement du chat en ligne.

Exemple du premier message pour obtenir le consentement pour le traitement des données personnelles :

  1. Paramètres du bouton de démarrage

Cliquer sur le "Ajouter un bouton" ouvre le formulaire pour créer 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 pour envoyer un message à l'adresse e-mail spécifié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 passé au numéro spécifié 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 du clic sur un bouton.

Par exemple, vous pouvez créer un bouton nommé "Adresse", et dans le champ "Message", spécifier l'adresse exacte et les heures d'ouverture.

Le texte dans le champ "Message" sera sans sauts de ligne. Veuillez en tenir compte lors du travail.

  • 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 traité comme la même conversation.

Cette bascule 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 (bascule). Activez cette option pour afficher les boutons du texte du constructeur de tunnel dans l'historique du chat en ligne du client.
  1. 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 la bascule 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 dans lesquelles l'action personnalisée doit être exécuté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 :

  1. 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 heures de pointe après 16h00, un visiteur de votre page d'atterrissage peut bénéficier d'une réduction).
  2. Effectuer 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 autres 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 ; etc.
  3. 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éficieraient de votre service — par exemple, lorsque la 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".

  1. Le jour de la semaine.
    Cette condition sert de déclencheur pour les actions automatiques en fonction du jour de la semaine. Vous pouvez cocher les cases à 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 ouvrables de vos opérateurs/gestionnaires pour permettre leur contact ultérieur avec les clients.

  1. URL de la page actuelle. L'action automatique se déclenchera selon que l'URL contient/ne contient pas ou est égale/différente d'un lien spécifié.
  2. Message de l'utilisateur. Pour déclencher l'action automatique sous cette condition, le champ doit contenir un mot spécifique de l'utilisateur.

  1. Temps passé sur la page. Cette condition est similaire à l'heure de la journée ; cependant, si votre base de données clients est répartie sur différents fuseaux horaires, vous avez besoin que cette action automatique se produise à la même heure locale pour chaque fuseau horaire.
  2. Temps écoulé depuis la fermeture de la fenêtre MAviBot. Cette condition est définie 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 de fermer la fenêtre Mavibot.
  3. 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.
  4. 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 indépendamment du fait que l'opérateur ait répondu ou non au client.

Si nécessaire, les conditions peuvent être combinées, permettant à l'action automatique de se déclencher en fonction de plusieurs critères :

Ensuite, choisissez l'action que le chat en ligne doit effectuer automatiquement :

  1. Ouverture automatique du chat. Cette action ouvre automatiquement le chat en ligne pour l'utilisateur. Aucune configuration supplémentaire n'est requise.
  2. 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 du même nom, si nécessaire.
  3. Masquer l'icône du chat en ligne d'un site web. Cette action peut être utilisée, par exemple, après la fin des heures de travail de vos administrateurs.
  4. 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).
  5. Envoyer un message en tant qu'administrateur. Cette action envoie un message dans le chat en ligne sous le rôle d'administrateur.
  6. 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 le nom, le numéro de téléphone, l'e-mail, la 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.

  1. Cliquez sur "Ajouter une bannière".

  1. Téléchargez 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 rapport d'aspect 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 (arrêter de l'afficher dans le chat en ligne), basculez l'interrupteur sur la position inactive.

Pour modifier ou supprimer une bannière, cliquez sur Modifier.

Évaluation de la qualité

Il existe une section de paramètres supplémentaires dans le chat en ligne appelée "Contrôle qualité". Pour activer cette fonctionnalité, allez dans l'onglet correspondant des paramètres.

La fonctionnalité propose un choix entre trois échelles d'évaluation de la qualité : à cinq points, à trois points et à deux points.

Saisissez le texte qui apparaîtra avant l'évaluation dans le champ correspondant.

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 commentaire client.

Pour ce faire, saisissez simplement votre propre texte pour le nom du champ, ainsi qu'un texte d'espace réservé à l'intérieur du champ de commentaire. Par défaut (voir l'exemple ci-dessus), l'objectif et le texte de chaque champ sont déjà définis pour votre commodité.

Vous pouvez également activer une case à cocher pour rendre le commentaire 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 la soumission d'une évaluation, cliquez sur le bouton dans le chat pour envoyer l'évaluation.

Case à cocher "L'utilisateur peut évaluer le chat"

Dans la section "Clients", l'opérateur peut mettre fin au dialogue lors d'une conversation avec un utilisateur. Si cette case est cochée, l'utilisateur pourra fournir une évaluation.

L'opérateur ne voit pas l'évaluation que le client a donnée à la conversation.
Toutes les évaluations de qualité seront disponibles dans la section "Analytique".

L'opérateur peut cliquer sur le bouton "Terminer la conversation" lors d'une conversation avec un utilisateur. Cela ouvrira un formulaire de confirmation pour l'action de l'opérateur :

Si un service de messagerie est connecté dans les canaux, des options pour envoyer des messages par e-mail apparaîtront.

Après que l'opérateur a terminé la conversation, un formulaire d'évaluation de la qualité est envoyé à l'utilisateur, et l'évaluation elle-même est enregistrée dans Analytics.

Si le client ne laisse pas d'évaluation, les statistiques indiqueront "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 HTML de votre site web.

Copiez le code du chat en ligne.

Ensuite, allez dans la section "Sites" et cliquez sur la vignette du site où vous souhaitez placer le widget de chat en ligne.

Ensuite, procédez à la Modification 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 head.

Collez ce code sur chaque page de votre site web, à l'intérieur de la balise <head>.

Le chat en ligne est maintenant connecté avec succès à votre site web.

Envoi d'un formulaire à remplir par les clients

Le chat en ligne comprend également une fonctionnalité qui vous permet d'envoyer un formulaire aux clients afin de collecter les informations de l'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 :

  1. name ;
  2. phone ;
  3. privacy ;
  4. callback (ce paramètre fonctionne uniquement si la téléphonie est intégrée au projet) ;
  5. age ;
  6. 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) ;
  7. 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).
  8. 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 le calculateur : online_chat_send_form("name,email,email_group_ID")

Notification qui apparaîtra dans le chat après la soumission 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 en ligne du client.

! online_chat_send_form(arguments, texts)

Il prend deux arguments obligatoires.

arguments - chaîne de paramètres

texts - nom du formulaire

Par exemple, dans le calculateur, 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'indice

Vous pouvez configurer le bot pour réagir à ce message.

Le code est inséré dans la section HTML des paramètres du site.