> For the complete documentation index, see [llms.txt](https://docs.mavibot.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mavibot.ai/doc/fr/chatbot/live-chat.md).

# Chat en direct sur le site

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

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

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

<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 du titre et du 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 — tout comme dans les éditeurs de texte standards.

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

6. Bouton de 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 : la version 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 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.

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 activant cette case à cocher, 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 conserver celui par défaut.

2. **Inscription dans la version mobile**

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

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

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 ».&#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 de la section « Employés ». Les statuts possibles sont : En ligne, En 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. **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.

6. **Afficher les messageries**

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

Vous pouvez choisir quelles messageries sont affichées sur le site web lorsque vous survolez le widget de chat en ligne (icône).

{% hint style="warning" %}
Les boutons de messagerie n’apparaîtront qu’après que ces messageries auront été connectées au générateur.
{% endhint %}

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

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

8. **Texte de la messagerie**

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

Assurez-vous également d’inclure ce texte dans les conditions du bloc de départ 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 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.

<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 l’option «*Rendre le remplissage du formulaire obligatoire »* option.

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

{% 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 attribué comme responsable de l’utilisateur.
{% endhint %}

14. Demander le consentement au 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 « 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 :

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

{% hint style="info" %}
Le texte dans le champ « Message » sera sans retour à la 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, il est considéré comme s’agissant de la même conversation.

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

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.

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

<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 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).
2. **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.
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 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 ».&#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 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.&#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 cette condition, le champ doit contenir un mot spécifique de la part de l’utilisateur.

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

6. **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.
7. **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.
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 exécuter 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 à cocher portant le même nom, si nécessaire.
3. **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.
4. **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).
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 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 bannière de **345x194 pixels** ou un **format 16:9**.
{% endhint %}

Pour rendre la bannière cliquable (afin que votre client puisse 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 (arrêter de l’afficher dans le chat en ligne), basculez le commutateur 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 dans les paramètres.

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

La fonctionnalité propose un choix entre trois échelles d’évaluation 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 l’évaluation.

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

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.

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

<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 évaluation, cliquez sur le bouton du chat pour envoyer la note.

<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 discussion pendant une conversation avec un utilisateur. Si cette case est activée, l’utilisateur pourra laisser une évaluation.

{% hint style="success" %}
L’opérateur ne voit pas la note attribuée par le client à 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 une conversation avec un utilisateur. Cela ouvrira un formulaire de confirmation de 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 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.

<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 à la **« Sites »** section 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>

Puis, accédez à **l’édition du site**.

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

Et allez dans les 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 **code HTML de l’en-tête** .

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

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

{% 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 comme ceci : **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>

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

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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