# Comment créer un chatbot

{% hint style="warning" %}

#### <mark style="color:red;">**Veuillez noter !**</mark>

**VOS PROJETS NE SONT JAMAIS SUPPRIMÉS** et restent indéfiniment sur la plateforme.

À l’expiration de l’abonnement, les données suivantes seront supprimées :

**Connexions Messenger :** désactivées après 3 semaines.

**Longs messages :** ceux de plus de 800 caractères sont supprimés après 3 mois.

**Conversations :** tous les chats sont conservés pendant 2 à 6 mois.

**Clients :** supprimés après 1 an.

**Informations supplémentaires :**

**Messages non livrés** sont conservés pendant 2 semaines.

**Accès à Messenger :** révoqué 3 semaines après l’expiration si aucun paiement n’est effectué.

**Limites du système :**

**Messages programmés :** 32 max par client.

**Bots de test :** Limité à 1 000 messages/jour (y compris les messages des comptes de test).
{% endhint %}

### Comment créer le premier bloc dans un entonnoir

Chaque chatbot créé dans MaviBot est composé de blocs.

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

Un bloc est un ensemble de commandes et de paramètres du chatbot, configurés par vous ou par nos développeurs pour votre projet.

Chaque bloc fournit au bot des instructions sur la manière de répondre ou d’agir, et détermine où le client doit aller ensuite dans l’entonnoir.

**Créer un bloc est simple : double-cliquez n’importe où dans un espace vide de l’éditeur pour commencer.**

Vous pouvez déplacer un bloc (ou plusieurs blocs) n’importe où sur le canevas du constructeur afin d’optimiser la disposition et de donner à votre entonnoir un aspect plus propre et mieux organisé.

Pour faciliter la compréhension, nous allons parcourir un exemple de diagramme d’entonnoir et expliquer comment fonctionne l’éditeur en utilisant cet exemple.

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

Vous regardez un flux de chatbot. Le flux se compose de **blocs** et **connexions.**

**Bloc de départ (vert) :** C’est ici que chaque conversation commence.

**Blocs déclencheurs (gris foncé) :** Ces blocs activent des flux spécifiques en fonction des actions de l’utilisateur.

Lorsqu’un utilisateur envoie un message ou clique sur un bouton, il peut passer d’un bloc à un autre — mais **seulement si la condition de transition est remplie**. Les conditions peuvent être définies sur les **blocs** et **connecteurs.**

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

Pour faire démarrer le bot lorsqu’un utilisateur clique sur le bouton "**Démarrer"** dans Telegram (ou tout autre messager), vous devez spécifier un **mot déclencheur** dans le bloc vert.

Les blocs déclencheurs existent en deux couleurs : **vert et** **gris**.

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

Il existe quatre types de **blocs de condition**:

1. &#x20;**Départ**&#x20;
2. **Déclencheur**&#x20;

Les onglets «**Démarrer"** bloc a la priorité la plus élevée parmi tous les blocs de condition — ce qui signifie qu’il sera déclenché **premier** si sa condition correspond à l’une des actions du client.

**Étape 1 : Créez un bloc "Chat"**

Pour ce faire, cliquez n’importe où sur le canevas vide dans le constructeur de flux.

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

{% hint style="success" %}
**Bon à savoir !**\
**Qu’est-ce que la `#{none}` construction ?**\
Le `#{none}` la construction, qui apparaît par défaut dans le champ de réponse, est un espace réservé spécial utilisé pour gérer les entrées non spécifiées ou générales.

Cela signifie, par exemple, qu’un **bloc de condition** par `#{none}` sera déclenché **lorsqu’un client envoie n’importe quel message** (si aucun mot-clé ou déclencheur spécifique n’est défini).\
Si vous laissez `#{none}` dans le champ du message, cela vous permet de **rediriger les clients vers un bloc spécifique de l’entonnoir**, quel que soit le contenu de leur message.
{% endhint %}

Pour créer un bloc qui n’envoie pas de message, saisissez `#{none}` dans le champ de réponse (c’est défini par défaut).

Puis cliquez sur le bloc et sélectionnez son type — "**Démarrer".**

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

1. Sélectionnez le **« Départ »** type de bloc. Cela ouvrira le panneau des paramètres de condition.
2. Pour ce premier test en mode interne de MaviBot, définissez un mot déclencheur simple comme **"Bonjour"**.

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

Maintenant, configurez la réponse du bot lorsque le déclencheur est activé. Par exemple, saisissez le message : **"Bonjour ! Comment puis-je vous aider ?"**

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

Ensuite, assurez-vous de cliquer sur "**Enregistrer"** afin que tous les paramètres soient appliqués au bloc :

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

**Étape 2 : Créez le bloc suivant**

Pour créer un nouveau bloc et le connecter au précédent, ouvrez les **menu des paramètres supplémentaires**.

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

Pour construire un flux de conversation fluide, vos blocs doivent être connectés. Voici comment le faire rapidement :

1. Localisez et ouvrez les **menu des paramètres supplémentaires** du bloc à partir duquel vous souhaitez effectuer la connexion (par exemple, votre bloc "Démarrer").
2. Trouvez et cliquez sur le bouton intitulé **"Créer un bloc en dessous."**

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

Votre entonnoir contient maintenant **deux blocs** qui sont connectés.

{% hint style="warning" %}
**Veuillez noter !**

**Qu’est-ce que cela signifie en pratique ?**

Si votre bot a deux **flux**de conversation distincts, un utilisateur ne peut pas parcourir les deux simultanément. Il suivra un **flux** ou l’autre, mais jamais les deux en même temps.

**Besoin d’envoyer un message sans interrompre leur flux actuel ?**

Utilisez des blocs gris — soit **"Fallback"** ou **« Déclencheur »** — pour envoyer des messages séparés sans perturber la conversation active de l’utilisateur.
{% endhint %}

**Les connecteurs** entre les blocs guident le client à travers le flux de l’entonnoir.

Vous pouvez également définir des conditions directement sur les connecteurs. Cela vous permet de contrôler le flux, par exemple en faisant d’un clic sur un bouton ou d’un paiement réussi une condition pour avancer.

**Créons un bouton dans le bloc “Chat”** afin que le client puisse passer au bloc suivant.

**Étape 3. Créez un bouton**

Cliquez sur la ligne **"Démarrer"**. Vous verrez un **"Boutons"** :

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

Cliquez sur l’onglet — cela ouvrira le menu des paramètres du bouton.

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

Cliquez **"+ Ajouter un bouton"**, et un menu de paramètres du bouton apparaîtra.

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

Dans le champ de texte du bouton, saisissez l’intitulé que vous voulez — par exemple, **"ALLER"**.

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

Cliquez **« Ajouter »**, et le bouton apparaîtra dans les paramètres du bloc.

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

Les boutons peuvent être affichés de deux façons : dans le clavier du message ou directement dans le texte du message.

Notez que certains types de boutons peuvent ne pas être pris en charge dans certains messagers (comme WhatsApp).

Pour une compatibilité optimale, utilisez l’option **"Auto"** . Cela affichera automatiquement le bouton dans le format le mieux pris en charge par chaque messager spécifique.

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

Et n’oubliez pas d’enregistrer les paramètres du bloc.

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

Tout est prêt ! Vous avez créé votre premier bloc déclencheur avec un bouton ! 🎉

**Étape 4. Configurez la connexion**

Configurons le connecteur pour que, lorsqu’un client clique sur le bouton, il passe au bloc suivant.

**Voici comment faire :**

1. Repérez la **flèche** (connecteur) qui part de votre bloc bouton.
2. **Passez votre curseur** sur la flèche.
3. Cliquez sur le bouton **icône d’engrenage** qui apparaît pour ouvrir ses paramètres.

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

Les paramètres de connexion s’ouvriront, où vous devrez choisir le bouton que vous avez créé.

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

Ensuite, vous devez choisir **"Correspondance exacte"** dans le **"Type de correspondance"**:

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

Et cliquez **« Enregistrer »**.

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

Une fois les paramètres de connexion enregistrés, la condition s’affichera directement sur le connecteur. Cela vous donne une référence visuelle claire de ce qui déclenche la transition entre les blocs.

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

La connexion peut être courbée :

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

Cela vous permet de voir clairement les connexions qui se chevauchent. Pour ce faire, saisissez la flèche avec votre souris à l’endroit où vous souhaitez la courber et faites-la glisser à l’endroit souhaité.
&#x20;Il n’y a aucune limite au nombre de courbures que vous pouvez effectuer.

Pour supprimer les courbures inutiles d’un connecteur, double-cliquez simplement sur le nœud souhaité avec le bouton gauche de la souris.

**Étape 5. Bloc “Chat”**

Par défaut, lorsque vous avez cliqué sur le canevas plus tôt, un bloc blanc **“Chat”** a été créé — c’est le bloc le plus couramment utilisé lors de la création de flux de chatbot.

Vous pouvez configurer presque tout à l’intérieur d’un bloc “Chat” (sauf les conditions). En réalité, la majorité de votre chatbot sera probablement composée de **“Chat”** les blocs.

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

Contrairement aux blocs de condition, un **“Chat”** bloc ne peut être accessible que si :

* Il est relié par un connecteur depuis un bloc précédent, ou
* Vous avez envoyé une campagne qui y dirige les utilisateurs.

Si vous voulez que le client entre dans le bloc en fonction d’un déclencheur, le déclencheur doit être défini soit :

* Dans l’onglet **connexion** (comme montré à l’étape 4), ou
* En utilisant un **temporisateur**.

Dans l’onglet **« Chat »** bloc : saisissez le message que le bot enverra au client (lorsqu’il cliquera sur le bouton dans le **« Départ »** bloc).

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

Assurez-vous de cliquer **« Enregistrer »** dans le **“Chat”** paramètres du bloc.

{% hint style="success" %}
Vous avez maintenant créé votre premier chatbot !
{% endhint %}

#### Tutoriel vidéo

{% embed url="<https://www.youtube.com/watch?v=RMYNdF8gq_w>" %}

## Test du chatbot

Après avoir créé — ou même pendant la création — tout chatbot, il est important de **tester** le bot afin de s’assurer que vos flux fonctionnent correctement et que les paramètres sont bien configurés.

Vous pouvez connecter le bot à un projet et le tester là-bas. Cependant, si vous créez un bot pour **WhatsApp**, gardez à l’esprit que **vous ne pouvez pas vous envoyer de messages à vous-même**.

C’est pourquoi il existe une autre méthode : vous pouvez ouvrir un **chat en ligne** avec le bot et interagir directement avec lui.

Pour ce faire, cliquez sur le **bouton dans le coin inférieur gauche** du constructeur :

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

Lorsque vous cliquez sur le bouton **“Tester le chatbot”** , une fenêtre de test s’ouvrira.

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

Le **zone de gauche** de la fenêtre de test affiche les blocs que vous avez créés pour le chatbot.

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

Sur le **côté droit**, vous verrez les données du client de test — c’est-à-dire votre propre profil utilisateur simulé.

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

Dans l’onglet **centre de l’écran**, vous verrez la **chat en ligne** où vous pouvez tester le bot. Pour ce faire, tapez la phrase déclencheuse du **« Démarrer »** .

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

Voici comment fonctionne le bot :

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

{% hint style="success" %}
**Félicitations !** 🎉 **Vous avez réussi à créer un chatbot fonctionnel qui inclut :**

* **Configuration des déclencheurs** dans les blocs et les connecteurs
* **Un bouton pleinement opérationnel**
* **Test en temps réel** qui vous permettent de voir exactement comment fonctionne votre chatbot
  {% endhint %}

### À propos de l’onglet "Test"

Après avoir créé le flux du chatbot en mode test, vous verrez à gauche tous les panneaux contenant des informations sur les blocs.

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

Chaque panneau sur le côté gauche de l’écran affiche le numéro du bloc, son type et son contenu.

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

Vous pouvez filtrer et afficher les blocs par type à l’aide du bouton "Filtre" correspondant.

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

Pour tester l’exécution d’un seul bloc du flux, vous pouvez sélectionner le bloc correspondant en cliquant dessus puis cliquer sur **"Envoyer le bloc."**

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

Le bloc sélectionné sera envoyé au nom du chatbot dans la section centrale de l’écran — la fenêtre de test.

Dans cette même zone, vous pouvez tester l’ensemble du flux des blocs à partir du tout premier bloc du diagramme.

{% hint style="info" %}
Vous n’êtes pas obligé de commencer le test du flux du chatbot depuis le tout début : par exemple, si vous avez ajouté de nouveaux blocs à votre flux, vous pouvez utiliser la fonctionnalité **"Envoyer le bloc"** et commencer le test du flux à partir du bloc sélectionné.
{% endhint %}

Sur le côté droit de l’écran, vous trouverez la vue du client de test.

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

Dans cette même fenêtre client, les fonctionnalités suivantes sont disponibles :

– Attribuer ou ajouter des tags/listes au client ;
\
– Ajouter des variables ;
\
– Voir les variables attribuées au client via l’exécution du flux du chatbot.

Ainsi, vous pouvez tester complètement le flux du chatbot (ou n’importe quelle partie de celui-ci) et consulter immédiatement la fiche client et ses données.

### Options de réponse dans le bot

Ajoutons maintenant une question avec plusieurs options de réponse à notre flux de départ. Les options de réponse sont représentées par des connecteurs sortant du bloc. Un connecteur aura la condition **“Oui,”** et l’autre — “Non.”

Pour ce faire, cliquez sur le deuxième bloc intitulé “Chat” et créez deux blocs en dessous à l’aide du menu de paramètres supplémentaires.

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

**Maintenant que nous avons ajouté deux blocs à notre flux, l’étape suivante consiste à configurer le déclencheur sur leur connexion.**

**Voici comment faire :**

1. Passez la souris sur le connecteur (flèche) menant au deuxième bloc.
2. Dans le champ de déclenchement qui apparaît, saisissez la réponse de l’utilisateur qui doit activer ce chemin, par exemple, **"Oui"**.

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

Ensuite, assurez-vous de l’enregistrer. Après cela, spécifiez également l’autre option de réponse dans les paramètres de la deuxième flèche.

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

Dans le bloc précédent, d’où partent les deux flèches avec les options de réponse, saisissez n’importe quelle question.

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

Maintenant, dans les **blocs "Chat"** vers lesquels la connexion avec les options de réponse mène, saisissez le message de réponse du bot.

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

Maintenant, le flux final ressemble à ceci :

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

#### Voici comment fonctionne ce flux :

1. L’utilisateur tape **“Bonjour”** et entre dans le bloc vert.
2. Ensuite, l’utilisateur clique sur un bouton et passe au deuxième bloc ;
3. L’utilisateur tape **“Oui”** ou **“Non”** et passe à l’un des états en fonction de la réponse.

Mais que se passe-t-il si l’utilisateur tape autre chose — ni **“Oui”** ni **“Non”**? La conversation n’ira vers aucun des états suivants et restera bloquée dans l’état actuel. Le dialogue s’arrêtera.

## Comment créer une boucle

Pour empêcher le bot de rester silencieux lorsqu’un utilisateur envoie un message qui ne correspond à aucun des déclencheurs des connecteurs, nous allons ajouter une boucle.

Pour ce faire, faites une boucle de la question en ajoutant une flèche **sans aucun déclencheur** qui pointe **vers le même bloc**.

{% hint style="info" %}
Bon à savoir !\
Les blocs et les connexions **sans déclencheurs** ont une **priorité plus faible** que ceux **avec déclencheurs**.
{% endhint %}

Pour créer une boucle, cliquez sur le bloc où vous posez une question au client. Dans le formulaire de paramètres qui s’ouvre, cliquez sur les trois points dans le coin supérieur droit, puis sélectionnez **“Créer une boucle.”**

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

Cela créera une boucle dans le flux.

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

Maintenant, si le client envoie au bot un message différent de **“Oui”** ou **“Non,”** le message du deuxième bloc sera envoyé à nouveau.

**Que faire si le client ne répond pas au message du bot ?**

Vous pouvez envoyer des messages de relance à l’aide d’un **temporisateur** pour rappeler au client qu’une réponse est nécessaire.

Ainsi, lorsque l’utilisateur entre dans le bloc avec la question *“Êtes-vous heureux ?”*, et ne répond pas par **“Oui”** ou **“Non”**, nous voulons envoyer un message comme :**“Vous n’avez pas répondu à la question :(”** puis reposer la question.

Pour ce faire, nous utiliserons un **temporisateur.**

## Comment créer un message avec un temporisateur

Créons un nouveau bloc vers lequel la flèche du bloc **"Êtes-vous heureux ?"** se dirigera, et supprimons également la boucle.
&#x20;Pour ce faire, survolez la boucle et cliquez sur l’ **icône de croix** pour la supprimer.

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

Maintenant, allez dans les paramètres de la flèche qui mène du bloc de question au nouveau bloc.

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

Dans les paramètres de la flèche, il y a un panneau appelé **“Délai avant réponse”** — c’est un temporisateur qui définit le temps après lequel le flux passera automatiquement au bloc suivant.

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

Vous devez également activer la case à cocher **“Annuler si a quitté le bloc”** afin que le message ne soit pas envoyé si le client répond effectivement à la question.

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

Maintenant, saisissons le message dans le nouveau bloc :

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

Et depuis le nouveau bloc, tracez un connecteur vers le bloc de question.

Pour ce faire, survolez le bloc — vous verrez apparaître un point qui vous permet de créer un connecteur :

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

Étape 1. Cliquez sur le bouton et faites glisser le connecteur vers le bloc contenant la question.

Étape 2. Les deux connecteurs se chevaucheront, donc vous devrez en faire glisser un plus haut.
\
Pour ce faire, passez la souris sur les connecteurs et repérez la poignée allongée — utilisez-la pour ajuster la courbe et séparer la connexion.

Étape 3. Ensuite, cliquez et maintenez le connecteur puis faites-le glisser vers le haut.

Allez maintenant dans les paramètres de la flèche nouvellement créée et définissez un **temporisateur de 1 seconde**, afin que le client soit redirigé vers le bloc de question.

Le flux final ressemble à ceci :

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

{% hint style="success" %}
Vous avez réussi à créer votre premier chatbot — complet avec boutons, connecteurs, options de réponse, boucles et flèches de redirection temporisées !
{% endhint %}

## **Comment ajouter des étapes d’entonnoir (listes)**

Grâce aux étapes d’entonnoir (listes), vous pouvez organiser votre bot de la manière la plus pratique pour vous. C’est toujours un grand espace de travail où se trouvent toutes les branches du bot, mais visuellement il est divisé en pages séparées. Le bot continue de fonctionner comme un flux unique.

Lorsque les chaînes de flux sont réparties entre les listes, **des blocs de liaison** sont créés automatiquement.

Pour ajouter une nouvelle liste, cliquez sur l’ **icône plus** dans le coin inférieur droit de l’espace de travail et saisissez le nom de la nouvelle liste.

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

Pour continuer le flux actuel dans une nouvelle liste, cliquez sur un bloc ou sélectionnez plusieurs blocs, puis cliquez sur la flèche↪️ avec l’infobulle **"Cliquez pour déplacer les éléments sélectionnés vers une autre liste."**

Lorsque l’avertissement concernant le déplacement des blocs apparaît, choisissez la liste souhaitée dans la liste déroulante en bas, près de l’icône plus.

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

Dans la fenêtre qui s’ouvre, vous verrez des instructions sur ce qu’il faut faire pour terminer le transfert.

## Comment connecter les messagers

Après les tests, vous pouvez connecter le flux aux messagers. Pour ce faire, allez dans la **Messageries** section du menu principal.

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

Ensuite, vous devez cliquer sur le bouton du messager souhaité.

{% hint style="success" %}
Découvrez comment connecter des bots dans différents messagers dans le **«**[**Messageries**](/doc/fr/chatbot/messageries.md)**»** article.
{% endhint %}


---

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