# Créez votre premier flux

Ce tutoriel interactif vous guidera à travers le processus de création de votre premier flux de chatbot en utilisant notre éditeur visuel intuitif. Aucune expérience en codage n'est requise – suivez simplement les étapes ci-dessous, et votre premier flux de chatbot sera opérationnel en un rien de temps.

{% @supademo/embed demoId="cm1tjkxgn01jcjca2ufvh7l62" url="<https://app.supademo.com/demo/cm1tjkxgn01jcjca2ufvh7l62>" %}

Ceci n'est qu'un exemple de base pour vous lancer. Hexabot offre une large gamme de fonctionnalités et de blocs pour créer des flux de chatbot plus complexes et engageants. Explorez les différents types de blocs, expérimentez les fonctionnalités NLU et intégrez vos sources de contenu pour construire un chatbot qui répond réellement à vos besoins.

{% hint style="warning" %}

## **Prérequis**

Avant de commencer à créer des flux de conversation avec des déclencheurs NLU, assurez-vous d'avoir les prérequis suivants en place :

#### 1. Moteur NLU configuré

Vous avez besoin d'un moteur NLU (Compréhension du Langage Naturel) entièrement configuré et en fonctionnement pour utiliser des déclencheurs basés sur les intentions dans vos flux de conversation. Le moteur NLU est responsable de la compréhension des intentions des utilisateurs à partir d'entrées en langage naturel. Pour des instructions détaillées sur la configuration de votre moteur NLU, référez-vous à notre [Moteurs NLU](https://docs.hexabot.ai/fr/guide-de-lutilisateur/nlu/moteurs-nlu) page de documentation.

#### 2. Base de données d'entités NLU peuplée

Votre base de données d'entités NLU doit être remplie avec les entités et les valeurs nécessaires que votre chatbot utilisera pour extraire des informations des messages des utilisateurs. Cela inclut la définition des types d'entités (entités Trait, Mot-clé ou Modèle) et leurs valeurs associées.

Pour des instructions détaillées sur la gestion des entités NLU, référez-vous à notre [Gérer les entités NLU](https://docs.hexabot.ai/fr/guide-de-lutilisateur/nlu/gerer-les-entites-nlu) page de documentation.

**Sans un moteur NLU correctement configuré et une base d'entités peuplée, les déclencheurs basés sur la NLU (comme « Correspondance d'intention ») ne fonctionneront pas correctement dans vos flux de conversation.**
{% endhint %}

#### **0. Ent**rez vos identifiants de connexion.

{% hint style="info" %}
Les identifiants du compte administrateur par défaut sont&#x20;

**Connexion :** <admin@admin.admin>

Pa**ssword :** adminadmin
{% endhint %}

<figure><img src="https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/QuSr-J9L-S4OZpC6Ouy9s.jpg&#x26;x=2435&#x26;y=1025&#x26;fill=009185&#x26;color=009185" alt=""><figcaption></figcaption></figure>

#### 1. Allez à la page de l'éditeur visuel Hexabot. C'est votre espace de travail principal où vous pouvez construire le flux de conversation de votre chatbot. Dans ce tutoriel, nous allons concevoir un chatbot capable de répondre aux questions sur la politique de retour d'une entreprise.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/hgU8qwtDbLiBmmO-mWrXk.jpeg\&x=2054\&y=713\&fill=009185\&color=009185)

#### 2. Cliquez sur 'Simple Text' pour insérer un nouveau bloc dans votre espace de travail.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/xf_5jG03onF6ELW5dFg2V.jpg\&x=147\&y=364\&fill=009185\&color=009185)

#### 3. Double-cliquez sur un bloc pour commencer à effectuer des modifications

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/10b-S_Za0xipN0LOQUi6h.jpg\&x=2470\&y=983\&fill=009185\&color=009185)

#### 4. Ajoutez un titre descriptif du bloc pertinent pour cette étape du flux.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FJ6nSiWmn0doPeBbb9KX6%2FScreenshot%20from%202024-12-13%2015-18-42.png?alt=media\&token=0e577cc8-610c-4066-a206-0f54ec00fe05)

#### 5. Activez l'interrupteur pour définir ce bloc comme étape de départ de la conversation.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FE8Xe3qLhJpKNJlQ7SeMl%2FScreenshot%20from%202024-12-13%2015-17-24.png?alt=media\&token=22082d89-a9ef-4ec2-93b1-b4af639e2ca8)

#### 6. Vous pouvez déclencher des blocs en fonction de conditions personnalisées. Cliquez sur 'NEW TRIGGER' pour en créer un nouveau.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FPOxKpy8NCROnSSg6AF6R%2FScreenshot%20from%202024-12-13%2015-27-35.png?alt=media\&token=ca5e80a8-a5ef-4aa8-a2b5-f2a7cf4e7033)

#### 7. Sélectionnez 'Intent Match' dans la liste déroulante pour créer une condition basée sur la compréhension du langage naturel.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FDdkjbMkjTy78vpLZ2yHs%2FScreenshot%20from%202024-12-13%2016-07-27.png?alt=media\&token=02fe2aa4-e1b3-4f45-8d13-1a0dc8c5a470)

#### 8. Les déclencheurs Intent Match peuvent détecter l'intention de l'utilisateur, même si le message est formulé avec des mots ou des formes différents.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FT1ABcy77r5lvtHC5b1DD%2FScreenshot%20from%202024-12-13%2016-15-08.png?alt=media\&token=6d8362eb-6bc4-4255-b571-bea3af10ad74)

#### 9. Commençons par ajouter une intention de salutations comme déclencheur, puisqu'il s'agit du début de notre conversation. Vous pouvez également combiner plusieurs déclencheurs pour des scénarios plus complexes.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FsjjF68WBOvbLgRkVNJZu%2FScreenshot%20from%202024-12-13%2016-20-17.png?alt=media\&token=51e1b27f-b44a-44c3-a606-b0207ddd9a54)

#### 10. Cliquez pour sélectionner l'intention 'greetings\_hello' dans la liste.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FzVwldw3NscuZiQBTmqgE%2FScreenshot%20from%202024-12-13%2016-53-09.png?alt=media\&token=2ef22bc5-5574-4e8b-8718-4ab9069a6746)

#### 11. Allez à l'onglet 'Message' pour configurer les réponses.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FWS8CGCa13aNmn9ZsYSMr%2FScreenshot%20from%202024-12-13%2016-57-30.png?alt=media\&token=3054d18f-c84a-468a-b9e0-c00321f96f32)

#### 12. Développez cette section pour afficher les jetons de remplacement.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2F53QrvxTDUiPi994ZhLRL%2FScreenshot%20from%202024-12-13%2017-12-02.png?alt=media\&token=09ec7d71-5768-4e31-8b3a-4bd3c8a680d9)

#### 13. Sélectionnez le jeton de remplacement du prénom

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FqtwNA4GV7kTp63ODOGCo%2FScreenshot%20from%202024-12-13%2017-19-55.png?alt=media\&token=3999c22a-4a21-40e0-a1d0-e8fc59864cab)

#### 14. Copiez le jeton

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FwhGDXFklgDkNQQ7wNfwa%2FScreenshot%20from%202024-12-13%2017-22-09.png?alt=media\&token=988f877b-4478-4443-9142-35080663b5dc)

#### 15. Pour personnaliser le message de réponse, modifiez la réponse en 'Hi {context.user.first\_name} !'

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FsBGavv3J3EC2zpqMJ2Wy%2FScreenshot%20from%202024-12-13%2017-28-57.png?alt=media\&token=dbf7ebbb-36ec-4bb3-bdf4-a196a901d740)

#### 16. Appuyez sur le bouton de validation pour enregistrer la configuration du bloc

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2Fpq8pdUSovewttKJyRUhj%2FScreenshot%20from%202024-12-13%2017-30-54.png?alt=media\&token=06611385-e0eb-487b-a45e-142ec0648b7d)

#### 17. Pour tester votre flux de conversation, ouvrez le lanceur du widget de chat.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/ETeTXnEkIaoeV0HQr05oz.jpg\&x=3696\&y=1920\&fill=009185\&color=009185)

#### 18. Tapez n'importe quelle forme de salutation pour déclencher une réponse du chatbot.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/MdfwqPTCgqOIp89b18WA3.jpg\&x=2909\&y=1928\&fill=009185\&color=009185)

#### 19. Retournez à la bibliothèque de blocs et ajoutez un bloc Quick Reply à votre flux.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/6JyaPTeo_3xmR2Sk8C-Wv.jpg\&x=151\&y=624\&fill=009185\&color=009185)

#### 20. Double-cliquez sur le bloc pour le personnaliser.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/70glz_-zfifRTaxIvdGPH.jpg\&x=2259\&y=979\&fill=009185\&color=009185)

#### 21. Modifions le déclencheur pour utiliser la compréhension du langage naturel (NLU) au lieu d'une correspondance de mots-clés basique.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FqBUxU4LeVTN8iBegfoGe%2FScreenshot%20from%202024-12-16%2008-28-21.png?alt=media\&token=a8fce2de-968c-41cc-b93d-84053b3c3575)

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2F0XXYuCH73SQEVD21qJy2%2FScreenshot%20from%202024-12-16%2008-28-53.png?alt=media\&token=5a2d483c-517a-4eeb-bdf4-0a0a727593c5)

#### 23. Nous avons précédemment créé une nouvelle intention dans notre fournisseur NLU, spécifiquement conçue pour identifier lorsqu'un utilisateur se renseigne sur notre politique de retour. Si vous souhaitez utiliser cette intention ou en définir une nouvelle dans votre propre chatbot, vous devrez d'abord configurer le moteur NLU de Hexabot. En savoir plus sur cette fonctionnalité dans le [nlu](https://docs.hexabot.ai/fr/guide-de-lutilisateur/nlu "mention") guide de l'utilisateur :

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2Fp50UsTb3yZuNNL4ABcEA%2FScreenshot%20from%202024-12-16%2009-41-35.png?alt=media\&token=d63b3ed9-ce87-4884-9538-24d576b18d29)

#### 24. Définissez ce bloc comme point de départ. Plusieurs blocs peuvent servir de points d'entrée dans votre flux.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FA6MKw7gYbl8PFzbab0xR%2FScreenshot%20from%202024-12-16%2009-39-42.png?alt=media\&token=2d834e7f-b637-4722-b9c5-1137823a4e7c)

#### 25. Allez à l'onglet 'Message' pour configurer les réponses pour ce bloc.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FsgeZ28nO1dkYj3aF0RPG%2FScreenshot%20from%202024-12-16%2009-45-10.png?alt=media\&token=62a00b07-a81e-4371-9383-5816e2f21737)

#### 26. Personnalisez le message de réponse en remplaçant le contenu par défaut.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FI9wzeYjlXWnZN2Q51itK%2FScreenshot%20from%202024-12-16%2009-50-34.png?alt=media\&token=a741535c-23ea-49fc-b19f-127617d017a2)

#### 27. Ajoutez des réponses rapides. Chaque réponse sera une option sur laquelle l'utilisateur peut cliquer au lieu de taper.

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FcXknHcfezBFQzfU9d9KS%2FScreenshot%20from%202024-12-16%2009-53-07.png?alt=media\&token=232c5bb5-0679-4850-bdb0-0804134a64d5)

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2F5msfCwYBYWMSWBqYEaci%2FScreenshot%20from%202024-12-16%2009-59-06.png?alt=media\&token=06740c5f-edb4-4b08-bfdd-74e4d156b2fc)

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2Ftu2octi7kAKlIyPLwuHi%2FScreenshot%20from%202024-12-16%2010-02-16.png?alt=media\&token=f8f7aa49-2d90-4b85-85a3-f678e4c27fa1)

#### 30. Enregistrez vos modifications, puis reliez les blocs entre eux

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FEh1vJmhIO4XsSf90u46V%2FScreenshot%20from%202024-12-16%2010-03-50.png?alt=media\&token=65daa80c-1e1c-4062-94b7-68d779ca1b78)

#### 31. Essayez le nouveau bloc en posant une question sur la politique de retour dans le widget de chat.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/_B8qgX_zbZmhglVQwq-u_.jpg\&x=2910\&y=1930\&fill=009185\&color=009185)

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/zJKxHebaVYMptZ9uagudh.jpg\&x=2910\&y=1506\&fill=009185\&color=009185)

#### 33. Selon la réponse de l'utilisateur, nous fournirons des réponses différentes. Ajoutons un nouveau bloc pour continuer à construire notre flux

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/BUnMj6j56W7cdla5jAwQX.jpg\&x=146\&y=322\&fill=009185\&color=009185)

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/436OvEZVj-iCPCQMKXFnM.jpg\&x=2796\&y=734\&fill=009185\&color=009185)

#### 35. Nommez ce bloc Éligibilité au retour

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/8AxxnrgwPgOkJRKcCj-sK.jpg\&x=1505\&y=576\&fill=009185\&color=009185)

#### 36. Allez à l'onglet des déclencheurs

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/KFtJMTT9skBhT3YyoqHhn.jpg\&x=1042\&y=763\&fill=009185\&color=009185)

#### 37. Notre déclencheur par mot-clé doit correspondre à l'option que nous avons ajoutée dans le bloc de réponses rapides

![](https://1900911166-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F12ok30OlFEEb6WoWfH8l%2Fuploads%2FdjnXZEa08k7OgSFZWFg8%2FScreenshot%20from%202024-12-16%2010-05-51.png?alt=media\&token=62d7b801-80c7-4a26-b76c-e284d8242306)

#### 38. Cliquez sur "Message".

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/UQ_BeniZYiF6iIHBuFSrg.jpg\&x=1707\&y=743\&fill=009185\&color=009185)

#### 39. Et fournissez le(s) message(s) approprié(s)

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/1jKLy9HJlze8fSlmDgKHt.jpg\&x=1559\&y=1087\&fill=009185\&color=009185)

#### 40. Enregistrez et connectez le bloc au bloc Quick Replies pour poursuivre le flux de conversation.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/zTNdIk0zKaftH-jxCWGdH.jpg\&x=2614\&y=1706\&fill=009185\&color=009185)

#### 41. Retournez au widget de chat

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/LggaLSXimY_OSChbnqBpl.jpg\&x=2882\&y=1920\&fill=009185\&color=009185)

#### 42. Cliquez sur "Return Eligibility".

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/LggaLSXimY_OSChbnqBpl.jpg\&x=3104\&y=1815\&fill=009185\&color=009185)

#### 43. 🎉 En suivant ce flux, l'utilisateur a pu recevoir des informations précises sur l'éligibilité au retour de la part du chatbot.

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/j4VsCqh31Gouy_xYnEuES.jpg\&x=2923\&y=1652\&fill=009185\&color=009185)

#### 44. Vous pouvez ajouter plus de blocs pour couvrir les autres options comme "Délai de remboursement" et "Autre" en créant un nouveau bloc connecté et en répétant les mêmes étapes

![](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=cm13fx1ui000ykz7ijmdsawl9/1vjudS6Zw3gKe4x98h1cq.jpg\&x=268\&y=801\&fill=009185\&color=009185)