Mise à jour des fonctionnalités de Divi ! Le nouveau module de formulaire de contact avec plus d'options de saisie, logique conditionnelle et validation de champ

Aujourd'hui est un grand jour pour le module de formulaire de contact Divi ! Cette nouvelle mise à jour prend ce qui était un simple constructeur de formulaire et le transforme en quelque chose de beaucoup plus avancé et plein de possibilités. Nous avons ajouté plus de types d'entrée, plus de personnalisation, des règles de validation de champ et une logique conditionnelle. C'est une grosse mise à jour qui fait vraiment passer le module au niveau supérieur.

Le module de formulaire de contact contient désormais tous les types de saisie dont vous avez besoin, y compris les listes déroulantes de sélection, les cases à cocher et les boutons radio, et la nouvelle interface facilite la gestion des sous-éléments au sein de ces nouveaux types de champs. Ajoutez et soustrayez facilement des éléments déroulants et radio et choisissez même quels éléments doivent être présélectionnés.

Cases à cocher

Le module de formulaire de contact prend désormais en charge les cases à cocher. Lorsque vous créez un nouveau champ dans le module de formulaire de contact, vous verrez des cases à cocher comme option dans le menu de sélection du type de saisie. Les cases à cocher sont un excellent moyen d'obtenir rapidement des informations de vos visiteurs. Vous pouvez également choisir de cocher la case « requis », ce qui est idéal pour vous assurer que les gens acceptent vos conditions d'utilisation ou votre politique de confidentialité avant de soumettre leurs informations.

Sélectionnez les listes déroulantes

Le module de formulaire de contact prend désormais en charge les menus déroulants sélectionnés. Lorsque vous créez un nouveau champ dans le module de formulaire de contact, vous verrez des listes déroulantes de sélection comme option dans le menu de sélection du type d'entrée. Si les informations que vous demandez ont un ensemble fixe de réponses possibles, ou si vous souhaitez limiter la réponse à un ensemble fixe de valeurs, l'utilisation de menus déroulants peut fournir des résultats supérieurs. Ils sont faciles à utiliser et suppriment le risque d'erreur de l'utilisateur.

Boutons radio

Le module de formulaire de contact prend désormais en charge les boutons radio. Lorsque vous créez un nouveau champ dans le module de formulaire de contact, vous verrez des boutons radio comme option dans le menu de sélection du type de saisie. Les boutons radio fonctionnent de la même manière que les listes déroulantes de sélection, permettant à l'utilisateur de choisir une option dans cette liste. Si vous travaillez avec une petite liste d'options, les boutons radio nécessitent moins d'interaction que les menus déroulants sélectionnés, car toutes les options sont visibles sans avoir à cliquer dans le menu secondaire.

Gestion facile des sous-articles

Le module de formulaire de contact mis à jour est livré avec une nouvelle interface élégante pour gérer les sous-éléments dans le bouton radio et sélectionner les types d'entrée déroulants. Il est facile d'ajouter et de soustraire des éléments directement dans la fenêtre des paramètres du formulaire de contact. Vous pouvez également choisir si une case à cocher ou un bouton radio doit être présélectionné.

Ma nouvelle fonctionnalité préférée est le système de logique conditionnelle. Nous avons implémenté des options de logique conditionnelle dans le module de formulaire de contact qui vous permettent d'afficher et de masquer des champs en fonction des informations que vos visiteurs placent dans le formulaire. Par exemple, vous pouvez créer un formulaire de devis de conception Web dynamique à l'aide d'une logique conditionnelle qui affiche des champs supplémentaires lorsque les utilisateurs sélectionnent certains packages de conception Web. Si le visiteur choisit l'option eCommerce, affiche automatiquement des champs supplémentaires pour demander plus d'informations sur son entreprise. Le système de logique conditionnelle est très robuste et vous permet de mélanger et de faire correspondre diverses règles pour créer à peu près n'importe quelle combinaison que vous pouvez imaginer.

Créer des formulaires dynamiques

Il existe de nombreuses façons créatives d'utiliser la logique conditionnelle pour créer des formulaires dynamiques qui s'adaptent aux informations de vos visiteurs, vous permettant de capturer des données pertinentes provenant de différents types d'utilisateurs. Au fur et à mesure que les visiteurs remplissent le formulaire, le formulaire de contact change automatiquement en fonction des règles que vous lui donnez.

Interface utilisateur logique conditionnelle

La nouvelle interface utilisateur logique conditionnelle est très facile à utiliser. Après avoir activé la logique conditionnelle pour un champ donné, vous pouvez ajouter n'importe quel nombre de règles qui détermineront quand ce champ est affiché. Ajoutez, soustrayez et combinez des ensembles de règles complexes directement depuis la fenêtre des paramètres de Divi Builder.

Les règles

Le système de logique conditionnelle prend en charge différents types de règles, chacun vous permettant de déterminer une correspondance en fonction de différents critères. Chaque règle a un certain nombre d'applications différentes qui peuvent être utilisées pour personnaliser votre formulaire.

• Égal - Cette règle correspond lorsque les informations qu'un visiteur place dans un champ particulier correspondent exactement à la valeur que vous spécifiez. Par exemple, si vous demandez à un client de quel type de site Web il a besoin et qu'il sélectionne « Commerce électronique », vous pouvez afficher des champs supplémentaires qui demandent plus d'informations sur les types de produits qu'ils vendent.
• N'est pas égal - C'est l'opposé de la règle « Égaux ». Cela affichera un champ lorsque la valeur ajoutée à un champ spécifique ne correspond pas à la valeur que vous spécifiez.
• Contient – Cette règle correspondra lorsque les données saisies contiennent la valeur que vous avez spécifiée. Ceci est différent de « Egals » car il ne nécessite pas de calculs exacts. Par exemple, vous pouvez demander l'adresse professionnelle de votre visiteur, et si la valeur qu'il entre contient « Californie » ou « CA », vous pouvez afficher des champs supplémentaires qui demandent plus d'informations concernant la politique locale et la réglementation commerciale pour la Californie.
• Ne contient pas – C'est l'opposé de la règle « Contient » et affichera un champ lorsque la valeur entrée ne contient pas la valeur que vous spécifiez. Par exemple, disons qu'il existe des réglementations gouvernementales locales à travers les États-Unis qui affectent votre capacité à servir certains clients. Ces réglementations existent dans tous les États, à l'exception de l'Oregon et de Washington. Vous pouvez configurer une règle qui affiche uniquement des champs supplémentaires lorsque l'adresse fournie par le client ne contient pas « Oregon », « OU », « Washington » ou « WA ».
• Est supérieur à – Cette option fonctionne avec toutes les valeurs numériques. Par exemple, vous pouvez demander combien de sites Web le personnel doit être créé. S'ils ont besoin de plus de 10 sites Web, vous devrez peut-être afficher plus de champs pour demander des informations supplémentaires afin de fournir un devis précis.
• Est inférieur à - C'est l'opposé de l'option "Est supérieur à" et affichera un champ lorsque la valeur entrée est inférieure à la valeur que vous spécifiez. Par exemple, vous pouvez demander le budget de votre visiteur, et si la valeur qu'il entre est inférieure à 1 000 $, vous pouvez ajuster les forfaits disponibles parmi lesquels il doit choisir.
• Est vide – Cette règle affichera un champ si un autre champ est vide. Une fois les données saisies dans le champ, le champ conditionnel sera supprimé.
• N'est pas vide – Cela affichera un champ si un autre champ a une valeur. Par exemple, disons que vous avez un champ facultatif dans votre formulaire appelé « Nom de l'entreprise ». Si ce champ a été rempli par votre visiteur, vous pouvez supposer qu'il a une entreprise. Cette règle peut être utilisée pour déclencher des champs supplémentaires qui renseignent sur leurs activités commerciales, leur adresse professionnelle, leurs informations fiscales, etc.

Logique de mélange et d'association

Le système de logique conditionnelle vous permet d'utiliser plusieurs règles en combinaison. Le champ conditionnel peut ensuite être déclenché en fonction d'une seule correspondance, ou vous pouvez exiger que toutes les règles soient mises en correspondance avant d'afficher le champ conditionnel.

Chaque type d'entrée est désormais livré avec des règles de validation de champ que vous pouvez utiliser pour vous assurer que les informations que vos visiteurs soumettent sont correctement formatées, telles que la restriction des caractères aux lettres et aux chiffres. Vous pouvez également définir des longueurs minimale et maximale pour les champs de saisie standard.

Valider les caractères et les limites de caractères

Il existe de nombreuses situations dans lesquelles vous souhaiterez peut-être imposer des limites de caractères ou valider les données saisies par les visiteurs pour vous assurer qu'elles sont correctement formatées. Cela peut réduire les erreurs de l'utilisateur et identifier les erreurs de saisie semi-automatique. Par exemple, si vous demandez l'âge de quelqu'un, vous pouvez exiger que les données saisies par les visiteurs ne contiennent que des chiffres. Vous pouvez également imposer une limite de caractères de 3 puisque personne n'aura 1 000 ans !

Inscrivez-vous, renouvelez et mettez à niveau aujourd'hui pour 10 % de réduction !

Rejoignez la communauté de thèmes WordPress la plus enthousiaste et la plus aimante du Web et téléchargez Divi 3.0 dès aujourd'hui. En utilisant le nouveau Visual Builder, vous pouvez créer des sites Web plus rapidement que jamais grâce à son interface visuelle incroyablement rapide et intuitive. Tu dois le voir pour le croire!

Inscrivez-vous aujourd'hui pour 10 % de réduction !
Renouvelez votre compte aujourd'hui pour 10 % de réduction !
Mettez à niveau votre compte aujourd'hui pour 10 % de réduction !