6 façons d'utiliser la logique conditionnelle dans les formulaires WordPress (cas d'utilisation principaux)

Avez-vous déjà créé un formulaire WordPress détaillé, pour ensuite voir vos taux de complétion chuter ? Les visiteurs jettent un coup d'œil à la longue liste de questions et abandonnent. C'est frustrant, surtout quand vous *avez besoin* de ces informations.

C'est là qu'intervient la logique conditionnelle. 💡

Elle vous aide à afficher uniquement les questions pertinentes en fonction des réponses précédentes, ce qui maintient l'engagement des utilisateurs et améliore la qualité de vos données.

Nous avons constaté par nous-mêmes comment cette fonctionnalité peut améliorer considérablement les performances des formulaires. Et dans ce guide, nous partagerons 6 des moyens les plus efficaces d'utiliser la logique conditionnelle dans les formulaires WordPress. Ainsi, vous pourrez créer des formulaires plus intelligents et plus personnalisés que les gens souhaitent réellement remplir.

Qu'est-ce que la logique conditionnelle dans les formulaires et pourquoi est-elle importante ?

La logique conditionnelle est une fonctionnalité puissante de création de formulaires qui permet aux champs d'apparaître ou de disparaître en fonction des réponses de l'utilisateur. Plutôt que d'accabler chaque visiteur avec le même ensemble de questions, vous pouvez adapter le formulaire pour n'afficher que ce qui est pertinent.

Cela crée une expérience plus propre et plus personnalisée, rendant vos formulaires WordPress plus faciles à remplir.

Par exemple, disons que vous avez un formulaire d'enquête de satisfaction client sur votre site web.

Dans ce type de formulaire, vous ne voulez pas montrer toutes les questions de suivi possibles à tous les utilisateurs. Au lieu de cela, vous pouvez afficher des questions de suivi en fonction de la façon dont ils ont répondu dans la notation par étoiles.

Voici comment la logique conditionnelle pourrait fonctionner en pratique :

Si un utilisateur donne une mauvaise note (1 à 2 étoiles), vous pourriez afficher des champs de suivi comme « Veuillez décrire votre problème » ou « Comment pouvons-nous nous améliorer ? ». Mais s'il donne une bonne note (4 à 5 étoiles), vous pourriez plutôt demander : « Qu'avez-vous le plus apprécié ? »

Lorsque les utilisateurs ne voient que les questions qui les concernent, ils sont plus susceptibles de rester engagés et de terminer le formulaire. Cela signifie que vous obtenez plus de soumissions et des données de meilleure qualité à exploiter.

Et avec des entrées plus propres, vous pouvez envoyer des suivis plus intelligents, des recommandations personnalisées ou des e-mails ciblés. Le tout basé sur la façon dont quelqu'un interagit avec vos formulaires.

Comment ajouter la logique conditionnelle dans les formulaires WordPress

Dans les sections suivantes, nous partagerons 6 cas d'utilisation de la logique conditionnelle pour améliorer vos formulaires WordPress. Pour démontrer le processus, nous utiliserons WPForms et Formidable Forms.

WPForms est le meilleur constructeur de formulaires, le plus adapté aux débutants, avec des outils d'IA et une fonctionnalité glisser-déposer. Il propose plus de 2 000 modèles, qui peuvent vous aider à créer n'importe quel formulaire en quelques minutes.

De plus, nous utilisons WPForms nous-mêmes sur le site WPBeginner. Nous nous appuyons sur cet outil pour notre formulaire de contact, notre sondage annuel auprès des utilisateurs, notre formulaire de migration de site, et plus encore. Pour plus d'informations sur notre expérience avec cet outil, consultez notre avis détaillé sur WPForms.

Pendant ce temps, le plugin Formidable Forms est une option plus avancée. Il est idéal pour créer des formulaires complexes, y compris des calculatrices et des quiz. Vous pouvez lire notre avis sur Formidable Forms pour plus de détails.

Donc, avant de commencer, vous voudrez peut-être installer ces plugins en premier. Pour plus de détails, n'hésitez pas à consulter notre guide détaillé sur comment installer un plugin WordPress.

Voici un aperçu rapide des cas d'utilisation que nous allons couvrir dans cet article :

Prêt ? Commençons.

Cas d'utilisation 1 : Demander des informations supplémentaires dans les formulaires d'enquête

La logique conditionnelle peut vous aider à créer un formulaire d'enquête plus pertinent.

Par exemple, disons qu'un utilisateur laisse un commentaire négatif sur l'expérience utilisateur de votre site web. Vous pourriez vouloir en savoir plus afin de pouvoir travailler à l'améliorer.

Dans ce premier cas d'utilisation, nous allons vous montrer comment créer des formulaires d'enquête avec logique conditionnelle en utilisant WPForms et son 'Addon Enquêtes et Sondages'. Cela dit, notez que vous aurez besoin au minimum du plan WPForms Pro pour utiliser l'Addon Enquêtes et Sondages.

Pour commencer à créer un formulaire d'enquête, vous devez d'abord naviguer vers WPForms » Ajouter nouveau depuis votre tableau de bord WordPress.

Cela vous redirigera vers la page de configuration de WPForms, où vous pourrez nommer votre formulaire et choisir comment vous allez le construire.

Avec WPForms, vous pouvez commencer à partir de zéro, personnaliser un modèle prêt à l'emploi ou utiliser le générateur de formulaires par IA. Si vous souhaitez utiliser le générateur de formulaires par IA, vous pouvez simplement entrer une courte description du type de formulaire dont vous avez besoin, et il créera le formulaire pour vous.

Pour ce guide rapide, nous utiliserons le modèle « Formulaire d'enquête ». Vous pouvez utiliser la barre de recherche pour filtrer les modèles.

Une fois que vous l'avez trouvé, survolez simplement l'option de modèle « Formulaire d'enquête » et cliquez sur « Utiliser le modèle ».

Après avoir sélectionné le modèle, une fenêtre contextuelle peut apparaître.

Vous y verrez un message indiquant que vous aurez besoin du « Module complémentaire Sondages et enquêtes » pour utiliser le modèle « Formulaire d'enquête ».

Cliquez sur « Installer et activer ».

Une fois terminé, vous serez dirigé vers le constructeur de formulaires.

Dans l'aperçu en direct, vous verrez tous les champs pré-remplis. Cliquez sur le champ « Comment pouvons-nous améliorer ? » pour le personnaliser, par exemple.

Ensuite, vous voudrez ouvrir l'onglet « Logique intelligente » dans les paramètres du champ. Vous remarquerez que WPForms a déjà activé et configuré la logique conditionnelle pour vous.

Les paramètres de logique conditionnelle pré-configurés indiquent au formulaire d'afficher le champ « Comment pouvons-nous améliorer ? » uniquement si un utilisateur soumet une note de 1 ou 2 étoiles pour le champ « Votre expérience ». Vous pouvez également modifier ces paramètres en jouant avec.

Si tout le reste vous semble déjà correct, vous pouvez cliquer sur « Enregistrer » pour ne pas perdre votre progression.

Et voilà ! Vous avez créé avec succès un formulaire d'enquête avec logique conditionnelle. Voici à quoi il pourrait ressembler :

Pour des instructions étape par étape, vous pouvez consulter notre guide sur comment créer une enquête dans WordPress.

Cas d'utilisation 2 : Afficher ou masquer des options dans les formulaires RSVP d'événements

Dans un formulaire RSVP, vous pouvez utiliser la logique conditionnelle pour diriger les utilisateurs à travers différents chemins en fonction de leurs réponses.

Par exemple, si un utilisateur répond ‘Oui’ à la participation à votre événement, vous pouvez lui demander s’il souhaite inviter des personnes supplémentaires. S’il répond ‘Non’, il peut alors ignorer ces questions et passer à la section pertinente suivante.

Cela permet de garder le sondage court et concis pour chaque répondant, ce qui peut aider à améliorer vos taux de complétion de formulaire.

Dans WPForms, vous pouvez rapidement configurer un formulaire RSVP en utilisant le modèle « Formulaire d'invitation à une fête RSVP ». Depuis votre tableau de bord WordPress, accédons à WPForms » Ajouter nouveau.

Sur la page de configuration, vous pouvez nommer votre formulaire en fonction de l'événement que vous souhaitez organiser. Ici, nous utiliserons « Formulaire RSVP de fête » comme exemple.

Ensuite, vous pouvez faire défiler l'écran pour trouver le modèle « Formulaire d'invitation à une fête RSVP ». Une fois que vous l'avez trouvé, survolez simplement le modèle et cliquez sur « Utiliser le modèle ».

Sur l'écran suivant, vous verrez l'éditeur de formulaire par glisser-déposer.

Le côté gauche contient tous les paramètres de personnalisation, et le côté droit affiche l'aperçu en direct du formulaire.

Pour commencer la personnalisation, vous pouvez simplement cliquer sur un champ.

Ensuite, WPForms affichera l'onglet « Général » pour modifier le champ.

Ici, vous pouvez modifier l'étiquette, ajouter un nouveau choix et écrire une description pour le champ « Serez-vous présent ? ».

Il est maintenant temps de configurer la logique conditionnelle.

En gros, vous voudrez afficher le champ « Combien d'invités supplémentaires amenez-vous ? » uniquement si un utilisateur sélectionne « Oui » dans « Serez-vous présent ? ».

Pour afficher ou masquer le champ, la première chose à faire est de cliquer sur le champ « Combien d'invités supplémentaires amenez-vous ? ».

Sur le côté gauche, vous pouvez accéder à l'onglet « Logique intelligente ». Ensuite, activez simplement l'option « Activer la logique conditionnelle ».

Ensuite, vous verrez des menus déroulants pour configurer les paramètres :

• Afficher ou masquer. Ce menu déroulant vous permet d'afficher ou de masquer le champ « Combien d'invités supplémentaires amenez-vous ? ».
• Sélectionner un champ. Dans ce menu déroulant, vous choisirez l'un des autres champs du formulaire pour définir le sujet de la condition.
• Est et autres options. La configuration par défaut de ce menu déroulant est « est ». Mais vous pouvez trouver différentes options comme « n'est pas », « vide », « contient », « commence par », et plus encore.
• Sélectionner un choix. Dans ce dernier, vous choisirez une option de votre champ sélectionné.

Maintenant, la configuration complète devrait être « Afficher » ce champ si « Serez-vous présent » « est » « Oui ».

Une fois que vous avez terminé, n'oubliez pas de cliquer sur « Enregistrer » pour sauvegarder votre progression.

Et voilà ! Vous avez utilisé avec succès la logique conditionnelle pour afficher ou masquer un champ. Voici à quoi le formulaire pourrait ressembler sur votre site Web WordPress :

Pour le guide complet, vous pouvez consulter comment créer un formulaire d'invitation dans WordPress.

Cas d'utilisation 3 : Afficher différents champs dans les formulaires de candidature d'emploi

Si vous acceptez des candidatures d'emploi, vous pouvez utiliser la logique conditionnelle pour afficher différents champs en fonction du poste pour lequel le candidat postule.

Par exemple, si un candidat sélectionne le poste de « Développeur logiciel », vous pouvez afficher un champ supplémentaire tel que « Connaissances en langages de programmation ».

Et s'ils choisissent « Graphiste », alors le champ « Compétences en logiciels de conception » apparaîtra à la place.

Dirigeons-nous vers WPForms » Ajouter nouveau depuis votre tableau de bord WordPress, et commençons à créer un formulaire de candidature avec logique conditionnelle.

Une fois sur la page « Configuration », la première chose à faire est de nommer votre formulaire. Ensuite, faites défiler vers le bas pour sélectionner un modèle.

WPForms propose de nombreux modèles de formulaires de candidature.

Dans cet exemple, nous allons utiliser le « Formulaire de candidature avec téléchargement ». Une fois que vous avez trouvé le modèle, survolez-le et cliquez sur « Utiliser le modèle ».

Une fois que vous arrivez à l'interface du constructeur de WPForms, vous pouvez commencer à personnaliser le modèle à l'aide des outils du panneau de gauche.

Dans le panneau de droite, vous avez l'aperçu en direct. Vous pouvez explorer cette section pour voir quels champs sont disponibles sur le modèle.

Pour un formulaire de candidature d'emploi, vous pourriez vouloir ajouter un champ déroulant pour les postes disponibles et des champs de cases à cocher pour les compétences requises. Ensuite, vous pouvez définir une logique conditionnelle en fonction de la sélection du candidat dans le menu déroulant du poste disponible.

Pour créer un champ « Quel poste postulez-vous ? », cliquez simplement sur « Déroulant » sur le côté gauche.

Après cela, vous pouvez faire glisser et déposer le nouveau champ déroulant au-dessus du champ « Comment avez-vous entendu parler de ce poste ? » pour tout garder organisé.

Ensuite, cliquons sur le champ déroulant pour modifier ses détails. Cela ouvrira l'onglet « Options du champ ». Là, vous pouvez modifier les éléments suivants :

• Libellé. C'est comme un nom. Au lieu de « Déroulant », vous pouvez le changer en « Quel poste postulez-vous ? »
• Choix. Dans ce champ, tapez simplement les postes disponibles. Par exemple, nous allons utiliser « Développeur logiciel » et « Graphiste ». Vous pouvez en saisir autant que vous le souhaitez.
• Description. Si nécessaire, vous pouvez donner une brève description du champ. Ensuite, il s'affichera juste en dessous du menu déroulant.
• Interrupteur « Requis ». Vous voudrez activer l'interrupteur « Requis » pour vous assurer que les candidats ne sautent pas cette étape.

Une fois que vous avez terminé les détails, voici à quoi cela pourrait ressembler :

La prochaine étape consiste à préparer les champs de cases à cocher pour assurer le suivi des informations du candidat pour le poste auquel il postule.

Revenons à l'onglet « Champs » et cliquons sur « Cases à cocher ». Ensuite, vous devrez le faire une fois de plus afin d'avoir deux champs de cases à cocher.

Une fois que vous avez ajouté les champs, vous pouvez les faire glisser et les déposer sous « Pour quel poste postulez-vous ? »

Vous pouvez maintenant cliquer sur les champs de cases à cocher pour modifier leurs détails. Dans le panneau « Options du champ », vous pouvez modifier les éléments suivants :

• Libellé. Vous pouvez le modifier en « Connaissances en langages de programmation ». Pour la deuxième case à cocher, vous pouvez la nommer « Compétences en logiciels de conception ».
• Choix. Les choix pour le poste de développeur de logiciels pourraient être C++, Python, JavaScript, GO, Ruby, etc. Les compétences requises pour le graphiste peuvent inclure Figma, Photoshop, Adobe Illustrator, Procreate, GIMP, etc.
• Description. Pour ce champ, il est bon de faire savoir aux candidats qu'ils peuvent choisir plusieurs options.
• Interrupteurs. Le panneau Options du champ des cases à cocher comporte plusieurs interrupteurs. L'interrupteur « Utiliser des choix d'images » vous permet d'ajouter des images à chaque option disponible. Et le champ « Utiliser des choix d'icônes » vous permet d'utiliser des icônes pour chaque option disponible. Ensuite, l'interrupteur « Obligatoire » garantit que les candidats remplissent le champ.

Après avoir personnalisé les détails des champs, voici le rendu final :

Vous devriez maintenant être prêt à définir la logique conditionnelle.

Pour commencer, vous devrez cliquer sur le champ « Connaissances en langages de programmation ». Ensuite, naviguez simplement vers l'onglet « Logique intelligente » pour activer la logique conditionnelle.

Maintenant, activez simplement le bouton « Activer la logique conditionnelle ». Après cela, vous pouvez configurer le champ pour qu'il s'affiche uniquement lorsque les candidats choisissent le poste de « Développeur logiciel ».

Voici à quoi devrait ressembler la configuration complète : « Afficher » ce champ si « Quel poste visez-vous ? » « est » « Développeur logiciel ».

Ensuite, répétons les étapes une fois de plus pour les candidats postulant au poste de graphiste.

Vous devrez d'abord cliquer sur le champ « Compétences en logiciels de conception ». Ensuite, activez la logique conditionnelle depuis l'onglet « Logique intelligente ».

Une fois que vous aurez fait cela, vous pourrez configurer les paramètres.

La configuration complète pour ce champ doit être : « Afficher » ce champ si « À quel poste postulez-vous ? » « est » « Graphiste ».

À ce stade, vous pouvez cliquer sur « Enregistrer ».

Félicitations – Vous avez créé avec succès un formulaire de candidature avec une logique conditionnelle. Voici à quoi il pourrait ressembler sur votre site web :

Pour plus de détails, veuillez consulter notre guide sur comment créer un formulaire de candidature dans WordPress.

Cas d'utilisation 4 : Messages de remerciement personnalisés

La logique conditionnelle vous permet également de envoyer différents messages de remerciement en fonction de la sélection de l'utilisateur dans votre formulaire WordPress. Les messages de remerciement personnalisés peuvent fournir des informations précieuses et spécifiques à l'utilisateur, ce qui peut améliorer l'engagement.

Par exemple, si un utilisateur sélectionne « Demande de support technique » dans un formulaire de support, le message de remerciement peut inclure des informations sur les prochaines étapes et un lien vers les ressources de support.

S'ils sélectionnent « Demande commerciale », le message peut inclure des informations sur vos produits et un lien pour planifier une démonstration ou une consultation.

Dans WPForms, vous pouvez configurer différents messages de remerciement dans la zone des paramètres de notification.

Mais d'abord, créons un formulaire de support. Vous pouvez le faire en naviguant vers WPForms » Ajouter un nouveau.

Sur l'écran suivant, vous donnerez un nom à votre formulaire. Ce nom est uniquement pour votre référence, vous pouvez donc utiliser le nom que vous souhaitez.

Ensuite, faites défiler l'écran vers le bas pour sélectionner un modèle. Vous pouvez utiliser la barre de recherche pour trouver plus rapidement le modèle de formulaire de support.

Une fois que vous avez trouvé un modèle de formulaire d'enquête que vous souhaitez utiliser, survolez-le simplement et cliquez sur « Utiliser le modèle ». Dans notre exemple, nous utilisons le modèle « Formulaire de support technique ».

Cela vous redirigera vers l'interface du constructeur WPForms.

À partir de là, vous voudrez aller dans Paramètres » Confirmations. Ensuite, vous pouvez cliquer sur « Ajouter une nouvelle confirmation ».

Une fois que vous cliquez sur le bouton, une fenêtre contextuelle apparaîtra.

Dans cette fenêtre contextuelle, tapez le nom de votre nouvelle confirmation dans la zone de texte. Ici, nous la nommons « Confirmation de demande de support technique ».

Ensuite, cliquez sur « OK » pour accéder à la zone des paramètres.

Dans le champ « Type de confirmation », vous voudrez choisir « Message ».

Cela ouvrira la zone de texte, où vous pourrez écrire un message de confirmation personnalisé lorsque les utilisateurs soumettent une demande de support technique. Voici un exemple :

Une fois terminé, il est temps de configurer la logique conditionnelle.

Tout d'abord, vous pouvez faire défiler la section pour trouver le bouton « Activer la logique conditionnelle ». Vous devez l'activer.

Ensuite, vous pourrez configurer les paramètres via les menus déroulants :

• Utiliser ou Ne Pas Utiliser. Ce champ vous permet de spécifier quand utiliser le message de confirmation. Nous allons le configurer sur « Utiliser ».
• Sélectionner le champ. Dans le menu déroulant suivant, choisissez « Comment pouvons-nous vous aider aujourd'hui ? » à utiliser comme sujet.
• Est et autres options. Ici, vous verrez que le réglage par défaut est « est ». Vous voudrez le laisser tel quel.
• Sélectionner le choix. Enfin, sélectionnons l'option « Demande de support technique », car nous voulons utiliser ce message de confirmation lorsqu'un utilisateur demande de l'aide technique.

Après avoir terminé la configuration, voici à quoi cela pourrait ressembler :

Une fois tout terminé, cliquez simplement sur « Enregistrer » pour conserver votre progression. Ensuite, vous devrez répéter ces étapes pour configurer un message de confirmation pour les utilisateurs qui soumettent des demandes de vente à la place.

C'est tout : vous avez maintenant appris à utiliser la logique conditionnelle pour personnaliser les messages de remerciement.

Cas d'utilisation 5 : Configurer plusieurs destinataires de notification

Ce cas d'utilisation fonctionne mieux si vous avez un formulaire sur votre page de destination ou une fenêtre contextuelle conçue pour capturer des prospects.

En configurant vos plusieurs destinataires, vous vous assurez que chaque prospect est dirigé vers la bonne équipe immédiatement.

Les clients et les prospects apprécieront le temps de réponse réduit. Cela vous aidera à rendre votre processus de capture de prospects pour le service client plus efficace et performant.

En utilisant le même formulaire de support que dans la méthode précédente, essayons de créer une notification pour votre équipe de support technique et de vente.

Tout d'abord, vous devrez naviguer vers WPForms » Tous les formulaires et cliquer sur « Modifier » sous votre formulaire de support technique.

Ensuite, vous pouvez commencer à configurer les notifications en naviguant vers Paramètres » Notifications.

À partir de là, cliquez sur « Ajouter une nouvelle notification ».

Une fenêtre contextuelle apparaîtra. Tout ce que vous avez à faire est de nommer la nouvelle notification. Ici, nous la nommerons « Nouvelle demande de support technique ».

Ensuite, cliquez simplement sur « OK » pour passer à l'étape suivante.

Une fois à l'intérieur, la première chose que vous voudrez faire est de saisir la bonne adresse e-mail pour votre équipe de support technique dans le champ « Envoyer à l'adresse e-mail ».

Vous pouvez supprimer ou conserver la balise intelligente {admin_email}. Si vous souhaitez la conserver, assurez-vous d'utiliser une virgule lors de la saisie de l'adresse e-mail de l'équipe de support technique.

Ensuite, vous pouvez faire défiler la section pour trouver le bouton bascule « Activer la logique conditionnelle ».

Activez ce bouton bascule.

Sous le bouton bascule, vous devriez trouver des menus déroulants pour configurer la logique conditionnelle :

• Envoyer ou Ne Pas Envoyer. Ce menu déroulant vous permet de choisir d'envoyer ou non des notifications. Choisissons « Envoyer ».
• Sélectionner le champ. Dans ce champ, vous voudrez choisir « Sur quoi pouvons-nous vous aider aujourd'hui ? ». Cela définira le sujet des menus déroulants suivants.
• Est et autres options. Le réglage par défaut est « est », et nous le conserverons.
• Sélectionner les options. Dans ce dernier champ, vous voudrez sélectionner l'option « Demande de support technique ».

Voici à quoi devrait ressembler la logique conditionnelle après configuration :

Une fois cela fait, n'oubliez pas de cliquer sur « Enregistrer » afin de ne pas perdre votre progression.

Ensuite, vous devrez répéter ces étapes, de l'ajout d'une nouvelle notification au clic sur « Enregistrer », pour créer des notifications pour l'équipe de vente.

Et voilà ! Vous avez appris à utiliser la logique conditionnelle pour définir les destinataires appropriés des notifications.

Cas d'utilisation 6 : Créer un quiz en chaîne

L'une des façons les plus amusantes d'utiliser la logique conditionnelle est de créer des quiz dans WordPress avec des réponses et des réactions en chaîne.

Un quiz en chaîne vous permet de présenter des questions aux utilisateurs en fonction de leurs réponses précédentes. Ainsi, comme le parcours de chaque utilisateur dans le quiz peut être différent, l'expérience sera plus personnalisée et interactive.

Par exemple, un site Web de santé et de bien-être pourrait utiliser un quiz en chaîne pour recommander des plans de remise en forme personnalisés.

La première question pourrait porter sur l'objectif de remise en forme principal de l'utilisateur, tel que la perte de poids, le gain musculaire ou la santé générale.

En fonction de la réponse de l'utilisateur, la question suivante pourrait porter sur ses habitudes d'exercice actuelles ou ses préférences alimentaires, ce qui conduit à des recommandations plus spécifiques.

Nous utiliserons Formidable Forms pour ce cas d'utilisation final. C'est l'un des meilleurs plugins de logique conditionnelle WordPress pour créer des quiz. De plus, il vous permet également de créer un système de notation avec le quiz.

Pour commencer, installons le plugin gratuit Formidable Forms. Pour des instructions détaillées, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après activation, vous devrez aller dans Formidable Forms » Paramètres globaux pour passer à la version pro. Ensuite, cliquez simplement sur le bouton « Se connecter au compte ».

Cela vous redirigera vers une nouvelle page.

Sur cette page, vous pouvez voir l'adresse e-mail que vous avez utilisée pour vous inscrire à Formidable Forms. Si tout est en ordre, cliquez sur « Connecter et installer Formidable Forms Pro ».

Le bouton se transformera alors en « Veuillez patienter… » et il vous suffira d'attendre que le processus soit terminé.

Une fois terminé, naviguons vers Formidable Forms » Formulaires » + Ajouter nouveau.

L'étape suivante consiste à choisir un modèle.

Dans le panneau « Modèles de formulaires », nous pouvons voir que Formidable Forms propose plus de 300 modèles. Pour trouver plus rapidement un modèle de quiz, vous pouvez taper « quiz » dans la barre de recherche.

Ensuite, survolez simplement le modèle « Quiz » et cliquez sur « Utiliser le modèle ». Vous pouvez également prévisualiser le modèle en cliquant sur le bouton « Voir la démo ».

Cliquer sur le bouton « Utiliser le modèle » vous redirigera vers le constructeur de Formidable Forms.

Vous pouvez accéder à tous les outils de personnalisation sur le côté gauche. Le côté droit est l'endroit où vous avez l'aperçu en direct du formulaire.

Nous pouvons voir qu'il y a des questions prédéfinies dans ce modèle de formulaire.

Pour ajouter vos questions, vous pouvez cliquer sur chaque champ. Ensuite, ajustez simplement le texte écrit dans le panneau de personnalisation sur le côté gauche.

Pour ce guide, nous allons créer un quiz sur la chaîne de santé et de bien-être à titre d'exemple.

Ici, nous changeons la première question de « Lequel de ceux-ci est différent des autres ? » à « Quel est votre objectif de forme physique principal ? »

Ensuite, cochons la case « Obligatoire » pour nous assurer que les utilisateurs ne sautent pas cette question.

Si vous le souhaitez, vous pouvez modifier le style des boutons radio. Nous restons sur « Simple », mais vous pouvez utiliser des images ou installer le module complémentaire « Bouton » pour accéder à d'autres styles de boutons.

Maintenant, vous voudrez faire défiler le panneau de personnalisation et modifier les options pour cette question.

Nous ajustons les options à « Perte de poids », « Prise de muscle » et « Santé générale ». Par défaut, le modèle de formulaire a quatre options. Nous devrons donc nous assurer de modifier cela également.

Pour supprimer une option, cliquez simplement sur le bouton « - » à droite du champ d'option.

Une fois que vous avez cliqué sur le bouton « - », vous verrez dans l'aperçu en direct que Formidable Forms a supprimé l'option.

Ensuite, vous voudrez créer des questions connexes pour chaque option. C'est parce que nous allons configurer une logique conditionnelle pour lorsque les utilisateurs choisissent l'une des trois options.

Vous pouvez répéter le processus pour ajouter vos questions. Et voici à quoi ressemble notre question supplémentaire pour l'option « Perte de poids » :

Pour l'option « Prise de muscle », vous pourriez vouloir interroger les préférences alimentaires de l'utilisateur.

Comme il existe des dizaines d'options pour les préférences alimentaires, vous pouvez en ajouter quelques-unes parmi les plus populaires et ajouter un champ « Autre » où les utilisateurs peuvent taper leurs préférences.

Tout ce que vous avez à faire est de cliquer sur « Ajouter autre » à la fin de la section d'options.

Une fois que vous avez fait cela, un bouton radio « Autre » avec une simple zone de texte sera ajouté. Si vous ne l'avez pas déjà fait, n'hésitez pas à cliquer sur le bouton « - » pour l'option « D ».

Et voici à quoi cela pourrait ressembler :

S'il y a plus de champs que nécessaire, vous pouvez supprimer les autres.

Pour ce faire, vous devrez d'abord cliquer sur le champ. Ensuite, cliquez sur le bouton à trois points dans le coin supérieur droit.

Une fois le menu développé, cliquez simplement sur « Supprimer ».

Il est maintenant temps de configurer la logique conditionnelle.

Tout d'abord, vous voudrez vous rendre à la deuxième question concernant la fréquence à laquelle les utilisateurs sont disposés à faire de l'exercice par semaine. Cliquez sur le champ.

Après cela, faisons défiler le panneau de personnalisation et développons l'élément de menu « Logique conditionnelle ».

Dans la section « Logique conditionnelle », vous pouvez configurer plusieurs menus déroulants.

Vous voudrez afficher le champ « Combien de jours par semaine ferez-vous de l'exercice ? » si les utilisateurs choisissent l'option « Perte de poids ». Voici les paramètres dont vous aurez besoin :

• Afficher ou masquer ce champ. C'est ici que vous pouvez afficher ou masquer le champ « Combien de jours par semaine ferez-vous de l'exercice ? ». Vous pouvez le laisser sur « Afficher ce champ ».
• N'importe lequel ou tous. Dans ce menu déroulant, vous pouvez configurer si une ou toutes les conditions doivent être remplies. Gardons-le sur « n'importe lequel ».
• Sélectionner le champ. Ici, vous choisirez l'un des autres champs du formulaire pour définir le sujet de la condition. Choisissons « Quel est votre objectif principal ? »
• Égal à et autres options. Par défaut, la configuration est « égal à ». Vous pouvez la laisser telle quelle.
• Sélectionner l'option. Dans ce dernier champ, vous voudrez sélectionner « Perte de poids », car vous voulez que cette question apparaisse pour les utilisateurs qui choisissent cette option.

Si vous ne souhaitez définir qu'une seule condition, vous pouvez cliquer sur le bouton « - » ou la laisser telle quelle.

Et voici à quoi pourrait ressembler la configuration finale :

Ensuite, définissons la logique conditionnelle pour le champ « Préférez-vous l'exercice à domicile ou à la salle de sport ? ». Pour ce guide, nous essaierons d'afficher la question si les utilisateurs sélectionnent les autres options du champ « Combien de jours par semaine ferez-vous de l'exercice ? ».

Cliquez sur le champ « Préférez-vous l'exercice à domicile ou à la salle de sport ? » pour accéder aux paramètres de logique conditionnelle.

Une fois dans les paramètres de logique conditionnelle, vous devrez définir deux conditions :

• « Combien de jours par semaine ferez-vous de l'exercice ? » « égal à » « 1-2 fois par semaine »
• ‘Combien de jours par semaine ferez-vous de l'exercice ?’ ‘égal à’ ‘3-4 fois par semaine’

Ces paramètres vous permettent de masquer le champ ‘Préférez-vous l'exercice à domicile ou à la salle de sport ?’ pour les utilisateurs qui sélectionnent l'option ‘Une fois par semaine’. Pour ces utilisateurs, nous pouvons recommander directement l'exercice à domicile.

Vous pouvez répéter ces processus pour tous vos autres champs. Une fois cela fait, cliquez sur le bouton ‘Mettre à jour’.

Vous pouvez maintenant intégrer le formulaire de quiz sur votre site Web WordPress. Cliquez simplement sur le bouton ‘Intégrer’ en haut du constructeur de formulaires.

Vous verrez maintenant une fenêtre contextuelle avec différentes options d'intégration.

Par exemple, vous pouvez sélectionner une page existante, créer une nouvelle page ou insérer le formulaire manuellement avec un shortcode.

Maintenant, nous allons vous montrer à quoi pourrait ressembler le formulaire de quiz chaîné sur votre site Web.

Voici un aperçu de ce qui se passe lorsque les utilisateurs choisissent ‘Perte de poids’ pour leur objectif de remise en forme et ‘Une fois par semaine’ comme plan d'exercice :

D'après la capture d'écran ci-dessus, nous pouvons voir que vous avez réussi à masquer le champ ‘Préférez-vous l'exercice à domicile ou à la salle de sport ?’.

Et voici à quoi cela pourrait ressembler si les utilisateurs sélectionnent ‘Perte de poids’ et ‘3-4 fois par semaine’.

Comme nous pouvons le voir dans la capture d'écran, l'option ‘Préférez-vous l'exercice à domicile ou à la salle de sport’ apparaît pour les utilisateurs qui choisissent ‘3-4 fois par semaine’.

Voyons maintenant comment les champs changent lorsque les utilisateurs choisissent l'option ‘Prise de masse musculaire’.

Félicitations ! Vous avez maintenant appris à créer un quiz chaîné avec logique conditionnelle.

Rediriger les utilisateurs vers une page de plan de remise en forme personnalisé après la soumission du formulaire

Désormais, les utilisateurs s'attendront à recevoir un plan de remise en forme personnalisé après avoir soumis le formulaire. La manière la plus simple d'y parvenir est de rediriger les utilisateurs vers la page de plan de remise en forme personnalisé correspondante.

Tout d'abord, créons les pages de plan de remise en forme. Vous pouvez aller dans Pages » Ajouter une nouvelle page depuis votre tableau de bord WordPress.

Dans l'éditeur de contenu, vous pouvez commencer à créer le plan de remise en forme personnalisé pour toutes les combinaisons possibles pour votre formulaire à logique conditionnelle. Pour ce tutoriel, nous vous montrerons comment rediriger les utilisateurs qui choisissent :

• « Perte de poids » pour la question « Quel est votre objectif principal de remise en forme ? ».
• « 3-4 fois par semaine » pour la question « Combien de jours par semaine ferez-vous de l'exercice ? ».
• « Salle de sport » pour la question « Préférez-vous l'exercice à domicile ou à la salle de sport ? ».

Voici à quoi ressemble notre brouillon :

Une fois que vous avez terminé, vous pouvez cliquer sur le bouton « Publier » et, une fois de plus, sur le panneau de confirmation.

Ensuite, vous pouvez cliquer sur le lien « Voir la page » une fois la publication terminée. Notez que vous voudrez garder cela dans un nouvel onglet car vous aurez besoin de l'URL de la page plus tard.

Revenons maintenant à votre formulaire de plan de remise en forme Formidable Forms.

Vous pouvez naviguer vers Formidable Forms » Formulaires. Ensuite, vous devrez survoler le formulaire de plan de remise en forme que vous venez de créer et cliquer sur « Modifier ».

Une fois dans le constructeur de formulaire, vous pouvez passer à l'onglet « Paramètres ».

Ensuite, naviguons vers Actions & Notifications » Confirmation.

Dans la section « Confirmation », vous devrez changer le type de confirmation en « Rediriger vers l'URL ».

Cela ouvrira un champ de texte « URL de redirection », alors allez-y et entrez le lien de la page vers le plan de remise en forme que vous venez de créer.

Il existe également un paramètre d'action pour ouvrir la page dans un nouvel onglet. Vous pouvez activer le commutateur pour activer le paramètre, mais nous le laisserons inactif.

La prochaine étape consiste à ajouter une logique conditionnelle pour cette redirection.

Pour ce faire, vous devrez cliquer sur le lien « Logique conditionnelle » et configurer les règles. Pour ajouter d'autres conditions, vous pouvez cliquer sur le bouton « + » à droite des champs déroulants.

Vous pouvez maintenant cliquer sur « Mettre à jour » pour enregistrer vos modifications.

Maintenant, vous voudrez peut-être faire une soumission de test pour voir si la logique conditionnelle fonctionne. Sur notre site Web de test, nous avons essayé de remplir le formulaire en utilisant les règles que nous avons définies pour cette redirection.

Et voilà !

Nous sommes redirigés avec succès vers la page respective :

Astuce bonus : Suivre et réduire l'abandon de formulaire

L'utilisation de la logique conditionnelle peut rendre vos formulaires plus intelligents et plus attrayants, mais même les meilleurs formulaires ne sont pas à l'abri d'un problème courant : l'abandon de formulaire. Cela se produit lorsqu'une personne commence à remplir un formulaire mais le quitte sans le soumettre.

C'est un problème pour tous les types de formulaires. Cela peut se produire avec un formulaire de paiement WooCommerce, un formulaire de contact, ou même un formulaire d'inscription à une newsletter. Parfois, les formulaires semblent trop longs, confus, ou simplement pas dignes de l'effort. Et quand cela arrive, les gens partent.

L'abandon de formulaire est un problème majeur car les formulaires sont essentiels à la croissance de votre site Web. Ils vous aident à obtenir plus de prospects, à augmenter vos ventes et à développer votre entreprise.

De plus, voici le hic : des études montrent que plus de 77 % des acheteurs en ligne abandonnent leurs formulaires de paiement. C'est beaucoup d'opportunités manquées.

Pour tirer le meilleur parti de vos formulaires, il est important de surveiller les taux d'abandon et de déterminer où les choses peuvent être améliorées. L'un des meilleurs outils pour cela est MonsterInsights, la meilleure solution d'analyse pour WordPress.

Pour plus de détails, vous pouvez consulter notre guide sur comment suivre et réduire l'abandon de formulaire.

Foire aux questions (FAQ) sur la logique conditionnelle

Voici quelques questions courantes que nous recevons sur l'utilisation de la logique conditionnelle dans les formulaires WordPress.

Quels sont les meilleurs plugins de formulaire WordPress avec logique conditionnelle ?

WPForms et Formidable Forms sont deux des meilleurs plugins de formulaire pour ajouter de la logique conditionnelle. WPForms est parfait pour les débutants avec son constructeur facile à utiliser, tandis que Formidable Forms excelle dans la création de formulaires complexes et avancés.

Puis-je utiliser la logique conditionnelle avec un plugin de formulaire gratuit ?

La plupart des plugins de formulaire gratuits offrent des fonctionnalités de logique conditionnelle très limitées, voire inexistantes. Pour avoir un accès complet à cet outil puissant, vous aurez généralement besoin d'une version premium comme WPForms Pro.

La logique conditionnelle améliore-t-elle vraiment les conversions de formulaires ?

Oui, cela peut faire une grande différence. En n'affichant que les champs pertinents, vous donnez l'impression que vos formulaires sont plus courts et moins intimidants. Cela peut réduire l'abandon de formulaire et encourager davantage de personnes à les compléter.

Quelle est la complexité de la mise en place de la logique conditionnelle ?

C'est étonnamment simple avec le bon plugin. Les outils modernes comme WPForms fournissent une interface intuitive où vous pouvez créer des règles « si-alors » à l'aide de menus déroulants, sans aucun codage requis.

Ressources supplémentaires pour maîtriser les formulaires WordPress

Nous espérons que cet article vous a aidé à découvrir de nouvelles façons d'utiliser la logique conditionnelle. Pour améliorer davantage vos formulaires, nous vous recommandons de consulter ces guides utiles :

• Le guide ultime pour utiliser les formulaires WordPress
• Comparatif des meilleurs plugins de création de formulaires WordPress
• Comment créer un formulaire de contact dans WordPress
• Comment créer un formulaire WordPress avec options de paiement
• Comment afficher un formulaire de contact flottant dans WordPress
• Comment personnaliser et styliser vos formulaires WordPress
• Comment suivre et réduire l'abandon de formulaire dans WordPress
• Le formulaire WordPress ne fonctionne pas : conseils de dépannage

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.