Résumé IA
Souhaitez-vous ignorer les sauts de page dans votre formulaire lorsque la logique conditionnelle n'est pas satisfaite ? Lorsque vous utilisez la logique conditionnelle avec des sauts de page, la page suivante s'affiche même si les conditions ne sont pas remplies, laissant les utilisateurs avec une page vide. Avec un simple extrait de code JavaScript, vous pouvez facilement ignorer ces pages inutiles.
Dans ce tutoriel, nous vous montrerons comment ignorer les pages vides avec un simple extrait de code JavaScript.
Création du formulaire
Tout d'abord, vous devrez créer un nouveau formulaire ou modifier un formulaire existant pour accéder au constructeur de formulaires. Nous avons créé un formulaire de devis qui comporte plusieurs sauts de page.
Sur la première page, nous recueillons des informations de base sur les utilisateurs. Nous avons également ajouté un champ Choix multiple pour leur demander s'ils souhaitent planifier un devis gratuit en personne à ce moment-là.
S'ils sélectionnent Oui, nous afficherons la deuxième page et leur demanderons des informations personnelles. Cependant, s'ils sélectionnent Non, nous voulons ignorer complètement la deuxième page et passer directement à la dernière page du formulaire.
Configuration de la logique conditionnelle
Pour notre exemple, nous ne voulons afficher les champs Date / Heure et Adresse sur la deuxième page que s'ils ont sélectionné sur la première page qu'ils souhaitent recevoir un devis gratuit en personne. Cela fera gagner du temps à nos visiteurs s'ils ne sont pas intéressés, nous pouvons donc ignorer cette page entièrement s'ils ne souhaitent pas la visiter.
Les deux champs de la deuxième page auront la même logique définie. Pour configurer la logique, sélectionnez chaque champ et cliquez sur Logique intelligente. Ensuite, activez le commutateur pour Activer la logique conditionnelle.
Dans le menu déroulant, sélectionnez la question sur laquelle vous avez basé vos champs. Pour ce tutoriel, notre question était un champ Choix multiple qui demande Souhaitez-vous planifier un devis gratuit en personne ?.
Notre condition est que si la réponse au champ Choix multiple est Oui, alors afficher le champ. Si c'est Non, masquer le champ.
Chaque champ de la deuxième page aura la même logique, vous répéterez donc cette étape pour chaque champ. Alternativement, vous pouvez utiliser le champ Mise en page pour regrouper des champs similaires, puis activer la logique conditionnelle pour le champ Mise en page.
Ajout de l'extrait
Maintenant, vous devrez ajouter l'extrait ci-dessous à votre site. Si vous avez besoin d'aide sur comment et où ajouter des extraits à votre site, veuillez consulter ce tutoriel.
Cet extrait parcourra chaque page de votre formulaire pour déterminer si l'une d'elles est vide. S'il y a une page vide, le script l'ignorera complètement et passera à la suivante. Cela améliorera l'expérience globale de votre formulaire.
Questions fréquemment posées
Ci-dessous, nous avons répondu à certaines des questions les plus fréquentes sur l'utilisation de la logique conditionnelle sur les formulaires multipages.
Q: Ce snippet fonctionnera-t-il dans une fenêtre modale comme une popup Elementor ?
R : Pas pour le moment.
Et voilà ! Vous savez maintenant comment ignorer des pages si elles sont masquées sur votre formulaire en raison de la logique conditionnelle.
Souhaitez-vous afficher ou masquer conditionnellement le bouton Envoyer sur un formulaire en fonction de l'un de vos champs de formulaire ? Consultez notre tutoriel sur Comment afficher conditionnellement le bouton Envoyer.