La logique Show/Hide vous permet d’afficher ou de masquer de manière conditionnelle certains champs de votre formulaire selon les réponses précédentes de l’utilisateur. Elle vous aide à créer des formulaires plus intelligents et plus personnalisés, qui n’affichent que les questions pertinentes pour chaque utilisateur.
Ce que vous apprendrez dans ce guide
Dans ce tutoriel, vous apprendrez à utiliser la fonctionnalité de logique Show/Hide dans les formulaires classiques. Nous aborderons :
Le rôle de la logique Show/Hide et son intérêt
La configuration des règles logiques étape par étape
L’aperçu et le test de votre logique
L’utilisation d’outils comme la Logic Map pour visualiser des parcours complexes
À la fin, vous saurez créer des formulaires plus intelligents qui réagissent en temps réel aux saisies de chaque utilisateur, pour que vos formulaires ressemblent davantage à des conversations guidées qu’à des questionnaires figés.
💡 Types de formulaires et logique : vue d’ensemble
Formaloo prend en charge différents types de logique selon la mise en page de formulaire choisie :
Formulaires classiques (une seule étape) : toutes les questions s’affichent sur une seule page. Utilisez la logique Show/Hide pour afficher dynamiquement des champs selon les saisies de l’utilisateur.
Formulaires à une question à la fois : chaque question s’affiche sur sa propre page. Utilisez la logique Go To (saut) pour diriger les utilisateurs vers des étapes précises selon leurs réponses.
Étape 1 : créez votre formulaire
Commencez par créer votre formulaire dans le tableau de bord Formaloo. Vous pouvez créer un nouveau formulaire de zéro ou partir de l’un de nos modèles prêts à l’emploi. À cette étape, concentrez-vous sur la structure des questions : la logique sera configurée lors de la phase suivante.
Cas d’usage : enquête de satisfaction client (CSAT)
Supposons que vous souhaitiez recueillir les avis des utilisateurs à l’aide d’un formulaire CSAT et effectuer un suivi selon la probabilité qu’ils recommandent votre produit. Voici comment structurer votre formulaire :
Dans l’éditeur de formulaire, cliquez sur + New Field dans le menu en haut à gauche.
Ajoutez les champs suivants à votre formulaire :
Quelle est la probabilité que vous nous recommandiez à un ami ou à un collègue ?
Utilisez le type de champ Net Promoter Score (NPS) pour recueillir une note de 0 à 10.Qu’est-ce qui rend notre produit digne d’être recommandé ?
Ajoutez un champ Long Text pour recueillir les retours positifs.Quels facteurs vous empêchent de recommander notre produit à d’autres personnes ?
Ajoutez un autre champ Long Text pour recueillir des retours constructifs.
Cette structure constitue la base pour ajouter une logique conditionnelle à l’étape suivante, dans laquelle les questions de suivi s’afficheront selon le score NPS de l’utilisateur.
🧩 Utiliser un modèle
Pour gagner du temps, vous pouvez partir du modèle d’enquête de satisfaction client (CSAT) prêt à l’emploi. Il comprend déjà les champs nécessaires et a été conçu pour être facilement personnalisé.
Étape 2 : ajoutez une logique Show/Hide à vos questions
Une fois la structure de votre formulaire en place, il est temps d’appliquer la logique conditionnelle afin que vos questions de suivi s’affichent selon la note que les utilisateurs attribuent à leur expérience.
Dans cet exemple, nous définirons la logique à partir de la question Net Promoter Score (NPS) :
« Quelle est la probabilité que vous nous recommandiez à un ami ou à un collègue ? »
Nous souhaitons :
Afficher une question de retour positif si l’utilisateur donne une note de 5 ou plus.
Afficher une question de retour constructif si l’utilisateur donne une note de 4 ou moins.
Comment configurer la logique :
Cliquez sur l’icône Settings en haut.
Dans le panneau de gauche, sélectionnez Advanced Logic.
Faites défiler jusqu’au champ :
« Quelle est la probabilité que vous nous recommandiez à un ami ou à un collègue ? »
Configurez ensuite deux règles logiques comme suit :
Règle 1 :
Si « Quelle est la probabilité que vous nous recommandiez... »
est supérieur ou égal à 5,
alors afficher : « Qu’est-ce qui rend notre produit digne d’être recommandé ? »
Règle 2 :
Si « Quelle est la probabilité que vous nous recommandiez... »
est inférieur ou égal à 4,
alors afficher : « Quels facteurs vous empêchent de recommander notre produit à d’autres personnes ? »
Une fois les deux règles ajoutées, cliquez sur Save.
Vous disposez désormais d’un formulaire intelligent et dynamique qui réagit en temps réel aux retours des utilisateurs, sans aucun code.
💡 Conseil de pro : il vous suffit de définir quand un champ doit être affiché. Si une condition n’est pas remplie, le champ reste automatiquement masqué, sans qu’une règle « hide » distincte soit nécessaire.
Étape 3 : prévisualisez et testez votre formulaire
Une fois votre logique en place, il est important de tester le formulaire pour vous assurer que tout fonctionne comme prévu.
Cliquez sur le bouton Preview dans la barre supérieure de l’éditeur de formulaire et parcourez le formulaire comme le ferait un utilisateur.
Points à vérifier :
Si vous sélectionnez une note de 5 ou plus à la question NPS :
Le champ « Qu’est-ce qui rend notre produit digne d’être recommandé ? » doit apparaître.
Le champ de retour négatif doit rester masqué.
Si vous sélectionnez une note de 4 ou moins :
Le champ « Quels facteurs vous empêchent de recommander notre produit à d’autres personnes ? » doit apparaître.
Le champ de retour positif doit rester masqué.
Visualiser votre logique avec la Logic Map
Une fois vos conditions d’affichage/masquage configurées, par exemple pour afficher différentes questions de suivi selon le score NPS de l’utilisateur, la Logic Map vous aide à vérifier visuellement comment tout s’articule.
Dans les formulaires où la logique joue un rôle clé dans les embranchements (par exemple pour afficher des questions différentes selon une note élevée ou faible), la Logic Map vous permet de vous assurer facilement que vos conditions sont correctement configurées et n’entraîneront ni conflit logique ni impasse.
Comment accéder à la Logic Map
Sélectionnez Logic Map parmi les options d’affichage à gauche.
Examinez la structure complète de la logique de votre formulaire :
Vérifiez que chaque règle déclenche la bonne question de suivi.
Assurez-vous que la logique liée aux scores NPS se comporte comme prévu.
Vérifiez que la logique ne fait pas sauter de pages de manière inappropriée.
Utiliser la Logic Map pour votre formulaire CSAT garantit que chaque utilisateur ne voit que ce qui le concerne, pour un parcours de retour clair, maîtrisé et exempt d’erreurs cachées.
💡 Conseil de pro :
les formulaires complexes comportant plusieurs variables peuvent vite devenir difficiles à gérer ou à déboguer. Utilisez la Logic Map pour suivre visuellement les liens entre vos variables et vous assurer que votre formulaire se comporte exactement comme prévu.