# Un chatbot simple

Créer un chatbot sur la plateforme Mavibot est assez simple si vous avez terminé la section « Bases de la création de bots Mavibot », qui explique les bases du travail avec le constructeur de tunnel (éditeur), les types de blocs et de flèches, les types de pièces jointes, les boutons, ainsi qu’une calculatrice, etc.

{% hint style="info" %}
Avant de commencer à créer un chatbot simple, nous vous recommandons vivement d’étudier la section « Bases de la création de bots Mavibot » ! lien «[Bases de la création de bots Salebot](broken://pages/096eb173db20fb2c686f21e3a5ab9954012d9920) » !
{% endhint %}

## Comment créer un bloc

Pour créer le premier bloc dans le tunnel, double-cliquez sur la zone de l’éditeur avec le bouton gauche de la souris :

<figure><img src="/files/a2f7c67490bfbdabd704879d9b65a6cc1e4507ad" alt="" width="563"><figcaption><p>Comment créer un bloc par un clic de souris</p></figcaption></figure>

Comme vous pouvez le voir dans l’exemple ci-dessus, le bloc peut être déplacé dans toute la zone de l’éditeur en sélectionnant n’importe quel emplacement pratique.

Vous pouvez également créer un bloc en cliquant simplement sur « Enregistrer » en bas de l’écran et en sélectionnant son type :

<figure><img src="/files/6a1c3bb71eca1f0b2f7e726c54efb9e4addab5a6" alt="" width="563"><figcaption><p>Comment créer un bloc avec le choix du type</p></figcaption></figure>

Vous pouvez sélectionner les types de blocs suivants pour démarrer le chatbot : « Lancer une conversation » ou « Vérification de la condition primaire » :

<figure><img src="/files/c0c1a65aad7038f9385412545905f4510dfee568" alt="" width="531"><figcaption><p>Fig. 1</p></figcaption></figure>

Nous savons d’après l’article « Création de blocs et leurs types » lien [Création de blocs et leurs types](broken://pages/4f69fbf7985c43cf32e6c00b2a910d0354a874b4)" que le type de bloc « Vérification de la condition primaire » a la priorité la plus élevée : comme le type de bloc « Démarrage de la conversation », la chaîne du schéma de blocs de votre chatbot peut être lancée à partir de celui-ci&#x20;

Techniquement, la principale différence est que s’il y a un bloc de type « Vérification de la condition primaire » dans le schéma du chatbot et si l’utilisateur saisit un mot-clé (une phrase) de ce bloc pendant la conversation, la discussion avec le client continuera à partir de ce bloc.\
Cela vous permet d’offrir une flexibilité supplémentaire dans la structure de la conversation, et le client peut obtenir immédiatement ce dont il a besoin (par exemple, conclure un accord avec vous ou s’inscrire à votre cours).

Dans les conditions du bloc, vous devez spécifier un mot-clé (par exemple, le tag d’une mini landing page / site web ou une autre phrase nécessaire au fonctionnement du bot, « Salut ; bonjour », séparés par un point-virgule), auquel le bot répondra :

<figure><img src="/files/a644cb1b1ad692b76d0c6f22eb37416721c19c86" alt="" width="523"><figcaption><p>Fig. 2 Exemple de remplissage d’un bloc pour un chatbot</p></figcaption></figure>

Comme on peut le voir dans l’exemple ci-dessus (Fig. 2), dans la condition du bloc, nous avons spécifié le tag de la mini landing page créée sur la plateforme Mavibot à partir de laquelle l’abonnement aura lieu, et dans le champ « Sélection de correspondance », nous avons choisi le type « correspondance exacte ».

Si nécessaire, vous pouvez spécifier dans la condition des mots-clés d’un autre type (par exemple, « Salut, Bonjour », etc.). Dans ce cas, sélectionnez le type de correspondance « Ignorer les erreurs et les inexactitudes », ce qui aidera le bot à reconnaître les mots-clés dans les messages de vos clients écrits avec des fautes de frappe ou des erreurs :

<figure><img src="/files/81794c08f43ad19d443a653f84fd8313acb2e674" alt="" width="563"><figcaption><p>Réaction du bloc aux phrases-clés avec erreurs</p></figcaption></figure>

## Comment créer le bloc suivant dans le schéma et définir les conditions de la flèche

Tirez la flèche vers le bas à partir du premier bloc. De cette façon, le concepteur crée automatiquement un nouveau bloc et utilise la flèche pour relier les blocs en un seul schéma, ce qui permettra au client d’avancer plus loin dans le tunnel :

<figure><img src="/files/2fd9b0bbe7a3556be8597e1fc93fc2b4a8875094" alt="" width="563"><figcaption><p>Création d’un nouveau bloc dans le schéma</p></figcaption></figure>

Dans les paramètres de la flèche, nous allons définir de telles conditions afin que le chatbot collecte les données saisies par l’utilisateur et les enregistre dans la variable dont nous avons besoin.

Pour cela, allez dans les paramètres de la flèche, où vous devez activer le commutateur « L’utilisateur saisit des données », et également spécifier la variable dans laquelle le chatbot enregistrera les données du client :

<figure><img src="/files/5db9b7bcb4a1bf2971fb2be17c5860fbcb75b5dd" alt="" width="563"><figcaption><p>Fig. 3</p></figcaption></figure>

Après que l’utilisateur a envoyé son nom dans le message, le bot l’écrira dans la variable requise :

<figure><img src="/files/25770abac22d0d44886a47f7bc6cd5d53a3d84fe" alt="" width="563"><figcaption><p>Fig. 4. La fiche du client avec ses données</p></figcaption></figure>

Dans le deuxième bloc du schéma, nous écrirons un message qui demandera l’âge de votre client. Pour cela, utilisez des expressions régulières. lien[des expressions régulières](broken://pages/b7dbedb69163728b87b65cce81ba258426ff4938).&#x20;

> Expressions régulières utilisées dans cet article :
>
> 1. numéro de mobile  -> ^((\\+7|7|8)+(\[0-9]){10})$
> 2. email -> ^\[-\w.]+@(\[A-z0-9]\[-A-z0-9]+\\.)+\[A-z]{2,4}$
> 3. saisie de chiffres (pour l’âge) -> ^\[1-9]+\[0-9]\*$
>
> Voir la liste complète des expressions régulières ici. lien [ici](broken://pages/b7dbedb69163728b87b65cce81ba258426ff4938).&#x20;

Dans le champ message du deuxième bloc du schéma du chatbot, écrivez la question nécessaire : par exemple, « Quel âge avez-vous ? » :

<figure><img src="/files/4c834b4d484c419b0ef881ed7aa011e0471e5e21" alt="" width="563"><figcaption><p>Fig. 5. Message à l’utilisateur</p></figcaption></figure>

Ensuite, suivez ces étapes :

Étape 1. Tirez la flèche depuis le deuxième bloc pour créer le bloc suivant du schéma de la même manière que le précédent a été créé.

Étape 2. Dans les paramètres de la flèche, dans la condition, écrivez une expression régulière comme ^\[1-9]+\[0-9]\*$ et sélectionnez le type de correspondance « Expression régulière »

<figure><img src="/files/24feb7e970cd8da0c5227f153fa09915881b7c80" alt="" width="503"><figcaption><p>Fig. 6. Utilisation d’une expression régulière</p></figcaption></figure>

{% hint style="warning" %}
Rappelez-vous : le choix de correspondance lors de l’utilisation des expressions régulières doit être « Expression régulière », sinon le schéma du chatbot fonctionnera avec des erreurs !
{% endhint %}

Étape 3. Dans les paramètres de la flèche, activez le commutateur « L’utilisateur saisit des données » et saisissez le nom de la variable dans laquelle le chatbot enregistrera les données du client :

<figure><img src="/files/99cb1c19841c4aa551fa80a103b48e75ff20b21d" alt="" width="439"><figcaption><p>Fig. 7. </p></figcaption></figure>

L’exemple (Fig. 8) montre que le chatbot écrit les données du client dans sa fiche :

<figure><img src="/files/24687e4aabaa9bbbc3b11246b6d5a807140a79a6" alt="" width="563"><figcaption><p>Fig. 8. La fiche du client avec ses données</p></figcaption></figure>

## Bloc de collecte des données du client : numéro de téléphone/email

Lors de la conversation avec les clients, il est souvent nécessaire de communiquer ultérieurement avec le client par téléphone, mais la question se pose : comment puis-je configurer un chatbot pour collecter automatiquement des informations sur le client ? En utilisant des expressions régulières, bien sûr.

Pour utiliser la fonction de collecte du numéro de téléphone (ou de l’email), utilisez les expressions régulières suivantes :

1. Numéro de mobile (Russie) : ^((\\+7|7|8)+(\[0-9]){10})$&#x20;
2. Numéro de mobile (avec n’importe quel indicatif pays) : ^(\\+)?((\d{2,3}) ?\d|\d)((\[ -]?\d)|( ?(\d{2,3}) ?)){5,12}\d$
3. E-mail : ^\[-\w.]+@(\[A-z0-9]\[-A-z0-9]+\\.)+\[A-z]{2,4}$

{% hint style="danger" %}
Assurez-vous qu’il n’y a pas d’espace avant l’expression régulière dans la condition de la flèche !

<img src="/files/87c4c4225ecb7f6a0868fb354a6983e068fb9a1f" alt="" data-size="original">

Sinon, le schéma du chatbot fonctionnera avec des erreurs.
{% endhint %}

{% hint style="info" %}
Dans le schéma, nous avons utilisé une expression régulière pour les numéros de téléphone de n’importe quel pays.&#x20;
{% endhint %}

Tout comme le bot a enregistré le nom et l’âge du client, le numéro de téléphone de l’utilisateur (ou son adresse e-mail, si l’expression régulière appropriée est sélectionnée) sera ajouté au système.

Créez un bloc dans lequel vous utiliserez le bot pour envoyer un message au client lui demandant d’envoyer un numéro de téléphone (ou un email) à l’utilisateur :

<figure><img src="/files/4e45ac3e23c7363ca234c5e4a9f48071e1de05ac" alt="" width="563"><figcaption><p>Fig. 9. Le bloc avec le message pour recevoir le numéro de téléphone du client</p></figcaption></figure>

Ensuite, tirez la flèche à partir de ce bloc, où l’expression régulière correspondante doit être écrite dans la condition de la flèche.

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

{% hint style="success" %}
Comme indiqué précédemment, n’oubliez pas de définir l’option de correspondance sur « Expression régulière » afin d’éviter des erreurs dans le chatbot.
{% endhint %}

Avec la condition où les expressions régulières sont prescrites, le chatbot n’acceptera que les valeurs du numéro de mobile sous forme de chiffres, et dans le cas d’une adresse postale, uniquement les types d’adresses postales normalisés établis.

Si le client a envoyé un message qui ne correspond pas à la valeur du numéro de téléphone (email), vous pouvez créer un bloc qui informera le client des données saisies incorrectement :

<figure><img src="/files/54b7a3a9111b54960a4f0c17238d3fc570e9f648" alt="" width="563"><figcaption></figcaption></figure>

Pour cela, à partir du bloc où vous avez saisi le message pour le numéro de téléphone du client, balayez la deuxième flèche et écrivez le message nécessaire dans le bloc créé, par exemple : « Ceci n’est pas un numéro de téléphone. Veuillez saisir le numéro de téléphone ! » :

<figure><img src="/files/cc5542648d53e0c9763866026fa473ee9086f3d4" alt=""><figcaption><p>Fig. 11</p></figcaption></figure>

Sélectionnez le type de bloc « Hors condition » (Fig. 11). Ce bloc n’a pas de condition comme dans le bloc « Statut de la conversation », mais vous ne pouvez pas y accéder.

Par rapport à notre schéma, le bloc « Non état » sera très utile, car l’utilisateur ne passera alors pas du dernier bloc, et pour continuer dans le tunnel, il devra saisir un numéro de téléphone :

<figure><img src="/files/4f38e1f7f12cb7b2be39a25f96880aa6f7612a6e" alt="" width="563"><figcaption><p>Fig. 12</p></figcaption></figure>

{% hint style="info" %}
Vous pouvez en apprendre davantage sur les différentes fonctions du bloc « Non état » dans l’article du même nom. lien «[Non état](broken://pages/5b8ff4ceeeacdeb3398b1006ccad7d1a7cf59eb5)"&#x20;
{% endhint %}

## Blocs de la prochaine conversation du bot avec le client

Commençons à configurer les blocs avec des boutons : lors du clic du client, le chatbot répondra conformément aux conditions du bouton (par exemple, consentement au paiement ; paiement direct ou redirection vers un autre site tiers, etc.).

Pour cela, à partir du bloc marqué en rouge dans la Fig. 12, tirez la flèche vers le bas, où vous pouvez définir la minuterie dans les paramètres :

<figure><img src="/files/f958b1a44c521c5015e0741842b96b16ea6c03c5" alt="" width="485"><figcaption><p>Fig. 13</p></figcaption></figure>

Pour régler la minuterie, allez dans les paramètres de la flèche et définissez l’intervalle de temps requis, après lequel le chatbot enverra un message au client :

<figure><img src="/files/bd702c661b9618578d7492638b11790692062311" alt="" width="563"><figcaption><p>Fig. 14</p></figcaption></figure>

Dans le bloc suivant, ajoutez les boutons « Rappelez-moi aujourd’hui » et « Rappelez-moi demain ».

{% hint style="info" %}
En savoir plus sur les paramètres des boutons dans le schéma du chatbot dans cet « article ». lien [article](broken://pages/870c210d187165a48f0cf561c43dbf8050789e21).&#x20;

Pour apprendre à connecter et configurer des systèmes de paiement afin d’effectuer des paiements dans les boutons (liens) du bot, voir la section « Intégrations » -> « Systèmes de paiement ». lien [Systèmes de paiement](broken://pages/7b83a942cdfb0cb7109dab7257ef96b0b10eb292)".&#x20;
{% endhint %}

### Comment ajouter des boutons

Pour ajouter des boutons que le chatbot enverra au client, cliquez sur « Boutons » à l’intérieur des paramètres du bloc :

<figure><img src="/files/dbad3baa072e4e5d7296466621ce3563cce55376" alt="" width="392"><figcaption><p>Fig. 15</p></figcaption></figure>

Ensuite, cliquez sur « Ajouter un bouton ».

<figure><img src="/files/5a15f0fd376e3ab6f39c509cc03c50e7082d154c" alt="" width="386"><figcaption><p>Fig. 16</p></figcaption></figure>

Ensuite, une fenêtre s’ouvrira pour ajouter un bouton, où vous devrez spécifier le nom du bouton et le configurer selon vos besoins :

<figure><img src="/files/4cf33cf73d5e503f29627b09873aca4885ae1def" alt=""><figcaption></figcaption></figure>

Maintenant, ce bloc dirigera les boutons vers votre client, ce qui vous permettra ensuite d’identifier le moment (par rapport au schéma réalisé dans cet article) où il serait préférable de le contacter :

<figure><img src="/files/6f0ab13f84c4b8e8b1dd19df41d461dc8e621504" alt="" width="518"><figcaption><p>Fig. 17. Le dialogue du bot dans l’onglet de test</p></figcaption></figure>

La conversation avec le client s’affichera dans l’onglet Clients, où vous pourrez suivre toutes les modifications dans les dialogues avec les clients :

<figure><img src="/files/a0e5e5b4ad274dcc3d34e252555c735ba26be6d4" alt="" width="563"><figcaption><p>Fig. 18. Vue du dialogue dans l’onglet « Clients »</p></figcaption></figure>

Après que le client a cliqué sur un certain bouton, un message correspondant sera envoyé au dialogue dans l’onglet « Clients » : par exemple, « rappelez-moi aujourd’hui » :

<figure><img src="/files/ad6c340801d1944dbad71f8363f41ecee94c5762" alt="" width="347"><figcaption><p>Fig. 19</p></figcaption></figure>

### Blocs de fin de dialogue avec le client

Après avoir ajouté les boutons, il est nécessaire de terminer le dialogue avec le client d’une manière ou d’une autre afin de ne pas le laisser dans l’incertitude après qu’il a cliqué sur le bouton correspondant.

Créons pour cela deux blocs avec des flèches partant du bloc avec les boutons :

<figure><img src="/files/5e9e83d5a4c08b4b2f30e036012da45917d7cc78" alt="" width="416"><figcaption><p>Fig. 20. Blocs de fin de dialogue</p></figcaption></figure>

Nous allons maintenant écrire le nom de chaque bouton dans les conditions de chaque flèche :

<figure><img src="/files/e9befac7d1b3f848cda898d6d0a4c4d9472203dd" alt="" width="533"><figcaption><p>Fig. 21</p></figcaption></figure>

Dans les conditions des blocs créés, écrivez les messages nécessaires que le chatbot enverra lorsque le client cliquera sur le bouton :

<figure><img src="/files/4ca02c476ace00fafb1157f1e39f9bc3cd978605" alt=""><figcaption><p>Fig. 22. Le bloc du chatbot qui termine le dialogue</p></figcaption></figure>

Maintenant, le chatbot informera le client que sa demande a été acceptée.

<figure><img src="/files/3205c376c1e5ed34fd50e136317b69ef8c9bf32e" alt="" width="563"><figcaption></figcaption></figure>

Dans la section « Clients », vous pouvez voir la réponse du client et le rappeler à un moment opportun, ainsi que poursuivre la conversation si nécessaire ou clarifier les détails.

Pour vérifier les données que le client vous a envoyées, allez dans l’onglet « Clients » :

<figure><img src="/files/377ec50602ae7c82906ab7fe6e805f3097fd93fa" alt="" width="563"><figcaption><p>Fig. 23. Où vérifier les données du client</p></figcaption></figure>

Le schéma final du chatbot ressemble à ceci :

<figure><img src="/files/e6ee508acf3d04b6fb60734a11d3ef729fd181be" alt="" width="467"><figcaption><p>Fig. 24</p></figcaption></figure>

Ainsi, nous avons créé un chatbot simple composé de seulement huit blocs, qui reçoit des informations sur le client et les enregistre dans des variables sous forme de nom, d’âge et de numéro de téléphone, ainsi que le moment où il est préférable pour votre responsable de contacter l’utilisateur.


---

# 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/comment-faire.../un-chatbot-simple.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.
