Éléments sélectionnables et groupes
Les éléments sélectionnables sont des éléments du flow sur lesquels les utilisateurs peuvent appuyer pour les sélectionner ou les désélectionner. Leur état peut piloter la navigation, la visibilité et d’autres logiques dans le flow. Voici ce que vous pouvez faire :
- Utiliser les éléments sélectionnables par défaut — les options de quiz, les produits, les onglets et les bascules d’essai sont sélectionnables d’emblée
- Rendre n’importe quel élément sélectionnable — transformez n’importe quel élément en élément sélectionnable et affectez-le à un groupe
- Créer et gérer des groupes — organisez les éléments sélectionnables en groupes à choix unique, à choix multiple ou en bascule
- Utiliser l’état sélectionné dans les conditions — référencez les valeurs de groupe dans les conditions sur n’importe quel écran du flow
Éléments sélectionnables par défaut
Certains types d’éléments sont sélectionnables par défaut — ils appartiennent déjà à des groupes créés automatiquement et ne nécessitent aucune configuration supplémentaire :
- Options de quiz : chaque réponse de quiz est un élément sélectionnable au sein du groupe de quiz. Voir Quiz.
- Produits : les cartes produit dans un groupe de produits. Voir Bloc produit.
- Onglets : les éléments d’onglet au sein d’un groupe d’onglets. Voir Onglets.
- Bascules d’essai : un conteneur qui appartient à un groupe et prend un état sélectionné. Voir Bascules.
Rendre un élément sélectionnable
Dans certains cas, vous pourriez vouloir rendre des éléments supplémentaires sélectionnables. Par exemple, vous pouvez ajouter une case à cocher Ne plus me demander qui fonctionne comme un élément au sein d’un groupe de quiz.
Pour rendre un élément sélectionnable :
- Sélectionnez l’élément sur l’écran ou dans le panneau Layers.
- À droite, basculez vers le panneau Interactions.
- Sélectionnez Turn into selectable element.
- Dans le menu déroulant Group, sélectionnez un groupe existant ou créez-en un nouveau.
- Définissez l’Element ID — un identifiant unique pour cet élément au sein du groupe.
- Si vous souhaitez que cet élément soit sélectionné par défaut, cochez la case Set as default in group.
Créer un groupe
Les groupes organisent les éléments sélectionnables sur un écran et définissent le fonctionnement de la sélection — choix unique, choix multiple ou bascule.
Pour créer un groupe :
- Sélectionnez un élément et rendez-le sélectionnable.
- Dans le menu déroulant Group, sélectionnez Create group.
- Saisissez un Group name.
- Sélectionnez le type de groupe.
Le groupe est maintenant disponible dans le menu déroulant Group pour les autres éléments sélectionnables du même écran.
Types de groupes
La plupart des préréglages de quiz sont multi-choice par défaut. Modifiez le type de groupe pour n’autoriser qu’une seule réponse.
- Single choice : un seul élément du groupe peut être sélectionné à la fois. Sélectionner un nouvel élément désélectionne le précédent.
- Multi-choice : plusieurs éléments peuvent être sélectionnés simultanément.
- Toggle : chaque élément bascule entre sélectionné et désélectionné à chaque appui, indépendamment des autres éléments.
Gérer les groupes
Pour afficher et modifier les groupes, ouvrez le panneau Screen settings et repérez la section Selectable groups. Elle liste tous les groupes de l’écran actuel.
Cliquez sur l’ID d’un groupe pour :
- Modifier l’ID du groupe
- Modifier le type de groupe
- Voir comment les éléments du groupe sont référencés dans les conditions
Utiliser l’état sélectionnable dans les conditions
Vous pouvez référencer l’état sélectionné d’un groupe dans les conditions sur n’importe quel écran du flow — pas seulement sur l’écran où le groupe est défini. Par exemple : SI quiz.photo est sélectionné, ALORS naviguer vers l'écran Photo.
Tous les éléments d’un groupe doivent se trouver sur le même écran. Vous ne pouvez pas ajouter des éléments provenant d’écrans différents à un même groupe. En revanche, vous pouvez référencer les valeurs de groupe dans les conditions sur n’importe quel écran du flow.
Utilisez l’état sélectionnable avec :
- Actions conditionnelles : orientez les utilisateurs vers différents écrans ou déclenchez différentes actions en fonction des éléments sélectionnés.
- Navigation dynamique : faites bifurquer le flow selon les réponses au quiz, les états des bascules ou d’autres sélections.
- Visibilité conditionnelle : affichez ou masquez des éléments selon ce que les utilisateurs ont sélectionné sur les écrans précédents.