# Live chat 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 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 ».

<div data-with-frame="true"><figure><img src="/files/94e8e55438128926f8c499bb7e425fa5fb687426" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/2f5749460e2d6a2a9032f95a5cbb701187473550" alt="" width="563"><figcaption></figcaption></figure></div>

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.&#x20;

2. **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.

3. **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.

4. **Message de bienvenue du chat**

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

<div data-with-frame="true"><figure><img src="/files/05cb725aadaa86a597468a80a6e95e4a4888b883" alt=""><figcaption></figcaption></figure></div>

5. **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.

<div data-with-frame="true"><figure><img src="/files/9c120390e3a468623c6e5c2a1b4766d1af64d280" alt="" width="177"><figcaption></figcaption></figure></div>

6. Bouton du chat

<div data-with-frame="true"><figure><img src="/files/d71f9093effd94352109b47de4d709a0ee5e9253" alt="" width="375"><figcaption></figcaption></figure></div>

Ce bouton est conçu pour ouvrir le chat en ligne lorsqu’on clique dessus.&#x20;

Vous pouvez choisir l’apparence du bouton de chat en ligne sur différents appareils : le bureau du site web&#x20;

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

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

<div data-with-frame="true"><figure><img src="/files/abec068daabbbf7f893eb273eaaabead5cf57611" alt="" width="563"><figcaption></figcaption></figure></div>

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.

8. Avatar du chat en ligne

<div data-with-frame="true"><figure><img src="/files/ad6556a0580c5dc3afad00519396ef776ef0dcdd" alt="" width="563"><figcaption></figcaption></figure></div>

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.

9. **Logo MaviBot**

Les paramètres permettent d’afficher le logo MaviBot.

<div data-with-frame="true"><figure><img src="/files/94cc593591086334656fb195ff952826a3b487c2" alt="" width="369"><figcaption></figcaption></figure></div>

### Paramètres

<div data-with-frame="true"><figure><img src="/files/61e4cc8e84a86f950b0f611f8f2a0f0e22bb2d38" alt="" width="563"><figcaption></figcaption></figure></div>

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

2. **Inscription dans la version mobile**

Par défaut, le texte est défini sur : « Choisissez votre moyen de contact préféré. »

3. **Message lors de l’affectation d’un opérateur à un client**&#x20;

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 ».&#x20;

<div data-with-frame="true"><figure><img src="/files/d49407454aab9b34492542ac0ca3383434219921" alt="" width="563"><figcaption></figcaption></figure></div>

4. **Message lorsque les opérateurs sont hors ligne**

Par défaut, le message suivant s’affichera :
&#x20;« 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.

<div data-with-frame="true"><figure><img src="/files/449731790811012ceecaf20a8ee6c3d370e67d1b" alt="" width="563"><figcaption></figcaption></figure></div>

Vous pouvez également modifier votre statut depuis la barre supérieure dans n’importe quelle section du projet

5. **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.

6. **Afficher les messagers**

<div data-with-frame="true"><figure><img src="/files/38b2c6913ed570fcf2c0fc61daac9684dfdb11d8" alt="" width="367"><figcaption></figcaption></figure></div>

Vous pouvez choisir quels messagers sont affichés sur le site web au survol du widget de chat en ligne (icône).

{% hint style="warning" %}
Les boutons des messagers n’apparaîtront qu’après leur connexion au builder.
{% endhint %}

7. **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 !*

<div data-with-frame="true"><figure><img src="/files/5422c14240027d1a92e83b8dd8ad8bc48702f169" alt="" width="563"><figcaption></figcaption></figure></div>

8. **Texte du messager**

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

<div data-with-frame="true"><figure><img src="/files/07964fc1397f0eb98aca6cb694f0e33664c861b6" alt="" width="563"><figcaption></figcaption></figure></div>

9. **Message de démarrage WhatsApp**&#x20;

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.

<div data-with-frame="true"><figure><img src="/files/bd27de8ff9f68a1aa4bffed65b5963b06883b21f" alt="" width="375"><figcaption></figcaption></figure></div>

10. **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.

<div data-with-frame="true"><figure><img src="/files/2a9516c621dab727ea5b6d3b4e2ec6af79a150d8" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/99455fc410a133dc1a796cfbb5c16ef025bb9bc7" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
La taille maximale autorisée pour les fichiers entrants via le chat en ligne est de 20 Mo.
{% endhint %}

12. **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.

<div data-with-frame="true"><figure><img src="/files/47595223cc39512df8ff47a06861266f6799d37e" alt="" width="375"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/17acded3a04aa48c4d8104bd6a06a3a42f6a6209" alt="" width="375"><figcaption></figcaption></figure></div>

Après avoir configuré le formulaire, vous pouvez sélectionner les paramètres d’affichage du pays à l’aide d’un champ déroulant.

<div data-with-frame="true"><figure><img src="/files/e7eba2897f1647c8c59d732c465251ac52c3a3e0" alt="" width="375"><figcaption></figcaption></figure></div>

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

{% hint style="info" %}
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.
{% endhint %}

14. Demander le consentement pour le traitement des données personnelles&#x20;

<div data-with-frame="true"><figure><img src="/files/fcfdabe2f4dff2f067403426ceb31f8b8789ae8c" alt="" width="563"><figcaption></figcaption></figure></div>

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 :

15. Paramètres du bouton de démarrage

<div data-with-frame="true"><figure><img src="/files/f62b59193d069900078c93db5dc150003616cf75" alt="" width="264"><figcaption></figcaption></figure></div>

En cliquant sur le ***bouton « Ajouter un bouton »*** ouvre le formulaire de création d’un bouton de démarrage :

<div data-with-frame="true"><figure><img src="/files/c503ce6f6a1c4ac5b38865e0bc4406a6f526bf99" alt="" width="563"><figcaption></figcaption></figure></div>

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.

{% hint style="info" %}
Le texte dans le champ « Message » sera sans sauts de ligne. Veuillez en tenir compte lors de l’utilisation.
{% endhint %}

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

<div data-with-frame="true"><figure><img src="/files/46681c6a123fc4de3e771725a87431fe80080ed9" alt="" width="375"><figcaption></figcaption></figure></div>

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.

16. Masquer le chat en ligne

<div data-with-frame="true"><figure><img src="/files/6aa4ae01913a6d1e15f9e2b534030b2f002a8338" alt="" width="207"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/49e7e590d523c8f510c532f5bcf9046113497452" alt="" width="375"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/4ea19f97b8f86310163b31824b20108cef3ac705" alt="" width="563"><figcaption></figcaption></figure></div>

En savoir plus sur les conditions :

<div data-with-frame="true"><figure><img src="/files/39125b6d136e154585f701a134448f06c4cdc4da" alt="" width="563"><figcaption></figcaption></figure></div>

1. **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).
2. **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.
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é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 ».&#x20;

4. **Le jour de la semaine**.
   &#x20;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.&#x20;

5. **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é.
6. **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.

<div data-with-frame="true"><figure><img src="/files/456a2826e5cda6687ec58b4c0a8d38e6c6d6fd54" alt="" width="563"><figcaption></figcaption></figure></div>

6. **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.
7. **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.
8. **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.
9. **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 :

<div data-with-frame="true"><figure><img src="/files/280e87e186324553a02ee5089e868e7e388a85ce" alt="" width="563"><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/fccd29fcfe687fda90f1ac728f2b42361008df1f" alt="" width="563"><figcaption></figcaption></figure></div>

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 portant le 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, à 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. **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

<div data-with-frame="true"><figure><img src="/files/bbda6f3003d47fb7ddbd2cc58aada8b1c0d4f882" alt=""><figcaption></figcaption></figure></div>

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 »**.

<div data-with-frame="true"><figure><img src="/files/7e6f8864a4de0580859a8820dd51ccb0342b6509" alt="" width="260"><figcaption></figcaption></figure></div>

2. Téléversez une image.

<div data-with-frame="true"><figure><img src="/files/973a16227a68a3e59d63f513924ad49377ca286b" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
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**.
{% endhint %}

Pour rendre la bannière cliquable (permettant à votre client de suivre un lien en cliquant dessus), saisissez l’URL dans le champ correspondant.

<div data-with-frame="true"><figure><img src="/files/aa6ed4a45fcd70ffe26cdd708b914e6756d67afd" alt="" width="563"><figcaption></figcaption></figure></div>

Ensuite, spécifiez le titre et le sous-titre de la bannière si nécessaire.

<div data-with-frame="true"><figure><img src="/files/37708b301dc40949e5033146a139226ca37cffa2" alt="" width="563"><figcaption></figcaption></figure></div>

Saisissez le titre et le sous-titre, puis cliquez sur **« Enregistrer »**.

<div data-with-frame="true"><figure><img src="/files/24bea893ffc234c57a6270ecbb5e59af16b9bb54" alt="" width="563"><figcaption></figcaption></figure></div>

La bannière apparaîtra alors dans le widget de chat en ligne.

<div data-with-frame="true"><figure><img src="/files/2c5bed4a3a6089a27fb1c377788d83d35300876c" alt="" width="563"><figcaption></figcaption></figure></div>

Pour désactiver une bannière (ne plus l’afficher dans le chat en ligne), basculez l’interrupteur en position inactive.

<div data-with-frame="true"><figure><img src="/files/ea1435bc02d5a1b7657644c2720c3e90d86de6ae" alt="" width="563"><figcaption></figcaption></figure></div>

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

### Évaluation de la qualité

<div data-with-frame="true"><figure><img src="/files/8e43fc741416ed2a637494fb1cc62bdae6fe6df8" alt="" width="375"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/b4babc01bd015cb2cf4052a1441b7f20cf0a2749" alt="" width="563"><figcaption></figcaption></figure></div>

La fonctionnalité offre le choix entre trois échelles de notation de la qualité : cinq points, trois points et deux points.

<div data-with-frame="true"><figure><img src="/files/4b766daaa7d870828d7e0c5a3e8a4b014874ac2e" alt="" width="563"><figcaption></figcaption></figure></div>

Saisissez dans le champ correspondant le texte qui apparaîtra avant la note.

<div data-with-frame="true"><figure><img src="/files/96aa99b639e9142fb59f667ab90eda1afd259fa9" alt=""><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/9cfefaebbb51aeb95b3f31ed5c085ea2bf364c14" alt="" width="375"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/b99c17ed2a0120a3b84584f0d510945578e373a6" alt="" width="363"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/469e60a86acbeedceb4f12e6a47271d7e98ceefe" alt="" width="313"><figcaption></figcaption></figure></div>

#### case à cocher « L’utilisateur peut évaluer le chat »

<div data-with-frame="true"><figure><img src="/files/4b0ed43aea3d9ac74b649dd7505ae47dc6e4cc92" alt="" width="563"><figcaption></figcaption></figure></div>

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.

{% hint style="success" %}
L’opérateur ne voit pas la note que le client a attribuée à la conversation.
&#x20;Toutes les évaluations de qualité seront disponibles dans la section « Analytique ».
{% endhint %}

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 :

<div data-with-frame="true"><figure><img src="/files/fcbce61eb10af6b3f14bb1f9c4681271097c34e9" alt="" width="375"><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/5b22ae80783a350d5df7437ef0bfc0f6bf800db4" alt="" width="375"><figcaption></figcaption></figure></div>

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.

<div data-with-frame="true"><figure><img src="/files/8161fb0a7d8aa5f6c90adec1de383ccb45ee42bf" alt=""><figcaption></figcaption></figure></div>

Copiez le code du chat en ligne.

<div data-with-frame="true"><figure><img src="/files/1cf7aa9c6d7904bc00724c285cc2cee6b15b2c76" alt=""><figcaption></figcaption></figure></div>

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

<div data-with-frame="true"><figure><img src="/files/d0276d2c4f5fbce803146e24be3dfcdd76badbbc" alt="" width="563"><figcaption></figcaption></figure></div>

Ensuite, allez dans **Édition du site**.

<div data-with-frame="true"><figure><img src="/files/815380366615022b2079b15230c99f698d0517ee" alt="" width="563"><figcaption></figcaption></figure></div>

et accédez aux paramètres du site.

<figure><img src="/files/59e3aa47907bf76cc15e743188629a528bcfb7e2" alt="" width="563"><figcaption></figcaption></figure>

Dans la section **Couleurs, polices et HTML** collez le code du chat en ligne copié dans le champ **en-tête du code HTML** .

<div data-with-frame="true"><figure><img src="/files/582f8ffa851a04b54ed06d254f0776da8d2cc184" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Collez ce code sur chaque page de votre site web, à l’intérieur de la balise `<head>` .**
{% endhint %}

&#x20;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.

<div data-with-frame="true"><figure><img src="/files/46df0e3e390a9ee940b0901367a8b201eb398240" alt="" width="375"><figcaption></figcaption></figure></div>

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 associé à 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 associé à l’utilisateur du chat).
8. *Si un groupe inexistant est spécifié, le formulaire sera envoyé, mais le client ne sera pas créé.*

{% hint style="danger" %}

#### 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")
{% endhint %}

Notification qui apparaîtra dans le chat après l’envoi du formulaire

<div data-with-frame="true"><figure><img src="/files/2d1c9771656a033b56ced1d5e3585b37682a627d" alt="" width="371"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Les données soumises via le formulaire sont enregistrées dans les variables du client.
&#x20;Vous pouvez voir plus de détails sur ces variables ci-dessous dans le profil du client en ligne.
{% endhint %}

#### <mark style="color:rouge;">!</mark> 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**.**")**.

<div data-with-frame="true"><figure><img src="/files/a534c6bdc11e2cf887f62f261209a08716e70eb4" alt=""><figcaption></figcaption></figure></div>

Exemple de réponse du chat en ligne.

<div data-with-frame="true"><figure><img src="/files/a740a6cb3ac4ddd0fbd75dd9a72c89c00915d3b3" alt="" width="375"><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/chatbot/messageries/live-chat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.