Si vous souhaitez afficher des champs produits spécifiques selon la réponse de l’utilisateur à une question, vous pouvez facilement le faire grâce à la logique de Formaloo. Ce guide vous explique comment créer un formulaire qui affiche différentes options de produits selon le choix de l’utilisateur.
Exemple de cas d’usage
Imaginez que vous dirigez un centre de formation en anglais qui propose deux formules IELTS : General Exam et Academic Exam. Chaque formule s’accompagne de ses propres manuels. Lorsqu’un élève choisit une formule, vous souhaitez n’afficher que les produits liés à ce choix.
💡 Utilisez ce modèle prêt à l’emploi de bon de commande en ligne pour configurer rapidement des redirections selon les réponses des utilisateurs. C’est un point de départ simple que vous pouvez entièrement personnaliser selon vos besoins.
Vous souhaitez recommander automatiquement des produits selon les réponses des utilisateurs ? Essayez le modèle Product recommender quiz : il utilise la logique pour associer les utilisateurs à leurs produits idéaux et peut être entièrement personnalisé pour votre activité.
Étape 1 : ajouter un champ à choix
Commencez par ajouter un champ permettant aux utilisateurs de sélectionner une option. Vous pouvez utiliser différents types de champs avec la logique, mais nous utiliserons ici un champ Single Choice, car les élèves ne doivent choisir qu’une seule formule selon leur niveau.
Titre du champ :
Choisissez votre formule IELTS
Options :
General Exam
Academic Exam
Ce champ à choix permet de classer les utilisateurs afin de n’afficher que les champs produits qui les concernent.
Étape 2 : ajouter des champs produits pour chaque option
Ajoutez maintenant les champs produits correspondant à chaque réponse :
Si l’utilisateur sélectionne General Exam, afficher :
Cambridge English Books
IELTS Official Practice Tests
Si l’utilisateur sélectionne Academic Exam, afficher :
Grammar for IELTS
Complete IELTS Series
Ces champs peuvent être configurés comme champs de paiement grâce aux intégrations de Formaloo. Vous pouvez ainsi les relier à un prestataire de paiement et vendre des produits directement dans le formulaire. Pour en savoir plus, consultez notre article : Comment créer un nouveau moyen de paiement.
Étape 3 : configurer la logique pour afficher les champs produits pertinents
Configurons maintenant les déclencheurs logiques pour afficher les bons champs produits selon la sélection de l’utilisateur.
Cliquez sur l’icône en forme d’engrenage (Settings) en haut de l’éditeur de formulaire.
Dans le panneau de droite, ouvrez l’onglet Advanced Logic.
En haut de la page, utilisez la section Field Logic pour créer des déclencheurs en temps réel.
Ajoutez des règles logiques telles que :
Si « Choisissez votre formule IELTS » est General Exam, alors afficher Cambridge English Books et IELTS Official Practice.
Si « Choisissez votre formule IELTS » est Academic Exam, alors afficher Grammar for IELTS et Complete IELTS.
Seuls les champs produits pertinents s’afficheront selon la sélection de l’utilisateur. Pour en savoir plus, consultez : Comment afficher ou masquer plusieurs champs selon les réponses précédentes.
Étape 4 : tester votre formulaire
Utilisez la fonctionnalité View pour vérifier que tout fonctionne :
Lorsque General Exam est sélectionné, seuls les produits correspondants apparaissent.
Lorsque Academic Exam est sélectionné, seuls les champs correspondants s’affichent.
En quelques étapes seulement, vous avez créé une expérience de formulaire dynamique qui présente des offres de produits ciblées, et permet même de les vendre.
Vous souhaitez que les utilisateurs puissent suivre leur commande ? Ajoutez un champ de code de suivi. Pour en savoir plus : Comment ajouter un code de suivi à votre formulaire.
Aller plus loin avec la logique On Update
Vous pouvez automatiser encore davantage grâce à la logique On Update. Elle vous permet de déclencher des actions de suivi lorsque la soumission d’un utilisateur est mise à jour, par exemple lui envoyer un e-mail lorsque le statut de sa commande change.