Améliorer l'expérience utilisateur avec la logique conditionnelle dans les formulaires WordPress

Publié: 2023-01-16

À l'ère d'aujourd'hui, la « taille unique » n'est pas une bonne stratégie pour approcher les gens et parfois ne fonctionne même pas pour de nombreuses entreprises. De même, dans les formulaires en ligne, montrer les mêmes champs à chaque utilisateur (c'est-à-dire un formulaire statique) n'a pas toujours de sens. Alors, comment pouvons-nous transformer des formulaires statiques en formulaires dynamiques ou intelligents ?

Le meilleur moyen est de les personnaliser en fonction des besoins des utilisateurs. Par conséquent, nous devons utiliser la logique conditionnelle.

Ce blog discutera de ce qu'est la logique conditionnelle et des meilleures façons d'utiliser la logique conditionnelle sous forme WordPress avec le bon outil. Commençons la lecture.

Qu'est-ce que la logique conditionnelle ?

la logique conditionnelle dans les formulaires améliore l'expérience utilisateur

La logique conditionnelle est généralement une règle (ou un ensemble de règles) qui crée une condition si-alors. Il est utilisé pour prendre des décisions sur ce qui devrait se passer ensuite dans un programme en fonction de certaines conditions.

Par exemple, si vous écrivez un e-mail et que vous souhaitez l'envoyer uniquement à ceux qui n'ont pas ouvert votre e-mail précédent, vous pouvez utiliser une logique conditionnelle ici. Il vérifiera qui a ouvert et n'a pas ouvert votre e-mail précédent et enverra le nouvel e-mail en conséquence.

Un autre exemple peut être la page de connexion d'un site Web. Supposons que nous entrons dans un site Web d'adhésion. Nous y voyons généralement deux options - i) Déjà membre ? ii) Vous n'êtes pas membre ?

En cliquant sur la première option, un formulaire de connexion apparaît. Au contraire, lorsque nous cliquons sur la deuxième option, un formulaire d'inscription/d'inscription apparaît. Ceci est un autre cas d'utilisation de la logique conditionnelle.

Pourquoi utiliser la logique conditionnelle dans les formulaires WordPress ?

Pourquoi utiliser la logique conditionnelle dans les formulaires WordPress

À partir des exemples ci-dessus, nous pouvons voir que la logique conditionnelle peut résoudre ou simplifier des opérations complexes. Maintenant, comme nous devons utiliser divers formulaires à des fins diverses sur nos sites Web, nous pouvons les créer à l'aide des générateurs de formulaires WordPress.

Mais parfois, ils peuvent devenir longs ou complexes ; parfois nous avons besoin que certains utilisateurs spécifiques voient une section, alors que d'autres ne le peuvent pas ; parfois, nous voulons afficher les options suivantes en fonction de la sélection précédente.

En termes simples, nous devons rendre nos formulaires WordPress intelligents et dynamiques. Et avec l'utilisation de la logique conditionnelle, nous pouvons réaliser efficacement ce que nous voulons.

Comment les formulaires conditionnels améliorent l'expérience utilisateur

Comme la logique conditionnelle aide à rationaliser les formulaires et à automatiser la collecte de données, elle profite à la fois aux créateurs de formulaires et aux intervenants. Voyons quelques avantages de l'ajout d'une logique conditionnelle dans les formulaires WordPress :

Expérience utilisateur améliorée

Les formulaires adaptés à vos personas offrent une meilleure expérience utilisateur. Un processus plus fluide profitera à vos utilisateurs, ce qui se traduira par une image positive de votre marque auprès d'eux.

Sentiments personnalisés dans les formulaires

La logique conditionnelle vous permet d'afficher des options et des messages personnalisés en fonction de l'interaction de vos utilisateurs avec votre formulaire. Cela permet à l'utilisateur de se sentir plus valorisé. Vos formulaires deviennent plus attrayants et personnalisés.

Interface sans encombrement

Tous les éléments de formulaire peuvent ne pas s'appliquer à tout le monde. Réduisez les éléments inutiles de votre formulaire en fonction des visiteurs pour garder l'interface propre et bien rangée. Et quand quelque chose se sent bien, naturellement les gens le préfèrent aux autres.

La simplicité est la beauté

Garder les choses courtes et simples est une règle de base. Les formulaires trop longs intimident beaucoup de gens. Avec la logique conditionnelle, nous pouvons masquer des champs ou des étapes jusqu'à ce qu'ils soient nécessaires. Cela permet de garder un formulaire aussi court que possible.

Augmentation des conversions

La probabilité qu'un utilisateur remplisse un formulaire augmente avec la pertinence de votre contenu. Lorsque vous fournissez des sélections prédéfinies dans le formulaire, les utilisateurs auront besoin de moins d'efforts pour le remplir. Les guider pour soumettre le formulaire devient plus facile que jamais. Ainsi, la logique conditionnelle peut aider à collecter plus de prospects ou à obtenir plus de réponses.

Comment utiliser la logique conditionnelle avec WP User Frontend

Comment utiliser la logique conditionnelle avec WP User Frontend

Les formulaires créés avec WP User Frontend vous permettent d'afficher ou de masquer des champs, des sections et des boutons en fonction des sélections de l'utilisateur. Vous pouvez fournir des champs déroulants, radio ou de case à cocher où les utilisateurs sélectionneront une option et l'utiliseront pour créer des conditions. Et utilisez ces conditions pour afficher ou masquer d'autres champs.

Cela signifie que d'autres champs sont devenus dynamiques et fonctionneront selon l'option précédemment sélectionnée. Cela vous permet de contrôler facilement ce que votre utilisateur voit et quelles informations peuvent fournir sur votre site WordPress. Ainsi, vous pouvez adapter le formulaire spécifiquement à leurs besoins.

Voyons maintenant à quel point il est facile d'ajouter une logique conditionnelle dans vos formulaires avec WP User Frontend. Supposons que nous construisons un formulaire de contact où deux types de contenu peuvent être soumis - i) Demande d'assistance et ii) Message d'invité. Lorsqu'un utilisateur sélectionnera la 1ère option, un champ de texte apparaîtra pour recueillir la requête de l'utilisateur. D'un autre côté, quand quelqu'un opte pour la 2ème option, il verra les champs pour soumettre le titre de la publication, l'image de la fonctionnalité et le contenu de la publication. Vous pouvez simplement effectuer les étapes suivantes pour y parvenir.

Étape 1

Tout d'abord, créez un nouveau formulaire à partir de votre tableau de bord WP User Frontend. Ajouter un champ avec plusieurs options. Pour notre formulaire de contact, nous prenons un champ déroulant avec deux options : i) Demande d'assistance et ii) Message d'invité.

Champ multi-options qui sera utilisé pour définir les conditions
Ajout d'un champ déroulant avec des options

Étape 2

Ajoutez maintenant le ou les champs qui doivent être dynamiques. Dans le panneau de droite, développez Options avancées . Cliquez sur Oui pour activer la logique conditionnelle. Maintenant, mettez votre condition souhaitée à appliquer pour ce champ.

Pour l'option Demande d'assistance, nous avons utilisé un champ Textarea et ajouté notre condition nécessaire.

création d'une logique conditionnelle pour un champ de formulaire en fonction de la sélection précédente
Ce champ apparaîtra lorsque la demande de support est choisie

Au contraire, pour l'option Guest Post, nous avons pris trois champs (Titre de la publication, Image de la fonctionnalité et Contenu de la publication) et mis des conditions sur ces champs individuellement. Nous montrons la capture d'écran pour le champ Feature Image uniquement.

condition de définition pour les autres champs du formulaire
Ce champ apparaîtra lorsque Guest Post est choisi

Vous pourrez faire la même chose de la même manière pour les deux autres champs. En cas de confusion, veuillez consulter cette documentation sur l'utilisation de la logique conditionnelle.

Donc, ça y est, le formulaire de contact est prêt à être utilisé une fois que vous l'avez enregistré et publié. Le formulaire apparaîtra et fonctionnera de la manière suivante.

Apparence frontale d'un formulaire de contact conditionnel
Apparence frontale du formulaire conditionnel créé

Dernières pensées

L'application de la logique conditionnelle peut grandement améliorer l'expérience de remplissage des formulaires pour les visiteurs du site Web, tout en offrant des avantages administratifs aux propriétaires du site. Nous avons essayé de couvrir ces avantages et leur importance dans cet article.

Envie d'expérimenter la logique conditionnelle dans vos formulaires ? Ou l'utilisez-vous déjà et appréciez-vous le résultat ? Quoi qu'il en soit, nous aimerions connaître votre opinion. Commentaires ci-dessous!