### [Exclure les sauts de page lors de l'utilisation de la logique conditionnelle](https://wpforms.com/developers/how-to-skip-page-breaks-when-using-conditional-logic/) **Publié le :** 31 mars 2022 **Auteur :** David Ozokoye **Extrait :** Ce tutoriel vous montrera comment utiliser un petit extrait de JavaScript pour ignorer les sauts de page qui seraient normalement vides en raison de la logique conditionnelle. **Contenu :** Souhaitez-vous ignorer les sauts de page dans votre formulaire lorsque la logique conditionnelle n'est pas remplie ? Lorsque vous utilisez la logique conditionnelle avec des sauts de page, la page suivante est affichée même si les conditions ne sont pas satisfaites, laissant les utilisateurs avec une page vide. Avec un simple extrait de JavaScript, vous pouvez facilement ignorer ces pages inutiles. Dans ce tutoriel, nous vous montrerons comment ignorer les pages vides avec un simple extrait de JavaScript. --- ## Création du formulaire Tout d'abord, vous devrez [créer un nouveau formulaire](https://wpforms.com/docs/creating-first-form/) ou en modifier un existant pour accéder au générateur 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. Assurez-vous de consulter notre tutoriel pour en savoir plus sur [la création de formulaires multipages dans WPForms](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/). ## 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 complètement cette page 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, basculez 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** demandant **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. Pour en savoir plus sur la logique conditionnelle de WPForms, [veuillez consulter cette documentation](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "Comment utiliser la logique conditionnelle avec WPForms"). 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](https://wpforms.com/docs/how-to-use-the-layout-field-in-wpforms/#conditional-logic). ## 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](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Comment ajouter du PHP ou du JavaScript personnalisé pour WPForms"). 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 ignorera complètement cette page 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 concernant l'utilisation de la logique conditionnelle sur les formulaires multipages. #### Q : Cet extrait fonctionnera-t-il dans une fenêtre modale comme une popup Elementor ? **R :** Pas pour le moment. Voilà ! Vous avez maintenant appris comment ignorer les 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](https://wpforms.com/developers/how-to-conditionally-show-the-submit-button/ "Comment afficher conditionnellement le bouton Envoyer"). ## Action de référence [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer/ "Utilisation de l'action wpforms_wp_footer_end") **Catégories :** Extension **Tags :** Javascript, JS ---