Utilisation des blocs avancés

Le bloc Liste dans Hexabot offre une manière dynamique de présenter une collection d'éléments, d'options ou d'informations à vos utilisateurs de façon organisée et attrayante. Vous avez la possibilité d'afficher votre contenu soit dans un format de liste traditionnel, soit sous forme de carrousel visuellement plaisant.

Le bloc Liste est idéal lorsque vous avez besoin de :

• Présenter un menu d'options à l'utilisateur.

• Mettre en valeur une collection de produits ou de services.

• Afficher une série d'étapes ou d'instructions de manière claire.

• Offrir aux utilisateurs plusieurs choix qu'ils peuvent parcourir facilement.

1. Ajouter le bloc Liste :

• Trouvez le bloc « Liste » dans la palette de blocs de l'Éditeur visuel.

• Faites glisser et déposez le bloc Liste sur la toile, en le plaçant à l'endroit souhaité du flux de conversation où vous voulez que la liste s'affiche.

2. Connectez le bloc :

• Connexion précédente : Connectez le bloc Liste au bloc qui le précède dans le flux de conversation. Cette connexion détermine quand la liste sera affichée à l'utilisateur. Elle peut être liée à tout bloc qui invite à l'interaction utilisateur ou fournit des informations, comme un bloc Texte simple ou un bloc Réponses rapides.

3. Configurer la Liste :

• Sélectionnez le bloc : Cliquez sur le bloc Liste sur la toile.

• Cliquez sur "Modifier" : Le panneau de configuration du bloc Liste s'ouvrira, vous permettant de personnaliser l'apparence et le contenu de la liste.

• Onglet Déclencheurs (Optionnel) :

  • Si vous souhaitez que le bloc Liste soit déclenché uniquement dans des conditions spécifiques, définissez ces conditions dans l'onglet « Déclencheurs ».

  • Celles-ci peuvent être basées sur les réponses des utilisateurs, des valeurs de données ou d'autres éléments pertinents de la conversation.

• Onglet Message : C'est dans cet onglet que vous définissez les éléments de votre liste et la manière dont ils doivent être présentés :

  • Titre (facultatif) : Fournissez un titre pour la liste, afin de donner aux utilisateurs le contexte des informations affichées.

  • Éléments : Ajoutez des éléments individuels de la liste à l'aide du bouton « Ajouter un élément ». Pour chaque élément :

    • Titre : Saisissez le titre ou le texte principal de l'élément de liste (par ex. « Nom du produit », « Description du service »).

    • Sous-titre (facultatif) : Ajoutez un bref sous-titre pour fournir plus de détails sur l'élément de la liste.

    • Image (facultatif) : Téléchargez une image à afficher à côté de l'élément de la liste, pour le rendre visuellement attrayant.

    • Bouton (facultatif) : Incluez un bouton pour permettre aux utilisateurs d'interagir directement avec l'élément de la liste. Vous pouvez définir le type de bouton (postback ou URL Web) et définir une charge utile pour déclencher des actions ou ouvrir des liens externes.

• Onglet Options (Optionnel) :

  • Mode d'affichage : Sélectionnez si la liste doit être affichée comme une liste verticale classique ou comme un carrousel à défilement horizontal. Le mode carrousel est particulièrement utile pour présenter des listes riches en images.

  • Pagination : Si vous avez un grand nombre d'éléments, activez la pagination pour diviser la liste en sections plus faciles à gérer.

  • Autres options : Configurez le délai de l'indicateur de saisie, le ciblage des libellés et les réponses de secours selon vos besoins.

4. Enregistrez et testez :

• Cliquez sur « Enregistrer » pour conserver vos modifications du bloc Liste.

• Testez le flux de conversation dans le « Testeur de chat en direct » ou via vos canaux de messagerie connectés pour vous assurer que le bloc Liste fonctionne correctement.

Exemple :

Imaginez que vous avez un chatbot immobilier présentant des annonces de biens. Un bloc Liste serait idéal pour présenter une sélection de propriétés à l'utilisateur :

• Titre : « Voici quelques propriétés correspondant à vos critères : »

• Éléments :

  • Titre : « Maison moderne de 3 chambres »

  • Sous-titre : « Jardin spacieux, emplacement privilégié »

  • Image : Téléchargez une image de la maison.

  • Bouton : Titre : « Voir les détails » Charge utile : « property_details_123 » Type : Postback