Formulaire de champs calculés : aperçu et examen du plug-in

L'un des types de plugins les plus courants sur le référentiel WordPress.org est le générateur de formulaires. De Gravity Forms, Caldera Forms, Ninja Corms, Contact Form 7, etc., les choix que vous avez sont presque infinis. Cependant, tous les constructeurs de formulaires ne sont pas créés égaux. Chaque développeur se concentre sur une expérience utilisateur et un ensemble de fonctionnalités légèrement différents. Ce qui rend difficile le choix de la meilleure option. Si vous recherchez un plugin avec une logique conditionnelle qui gère autant de formules et de calculs compliqués que vous pouvez lui lancer, Calculated Fields Form se démarque du bruit.

Abonnez-vous à notre chaîne Youtube

Formulaire Champs calculés

Non seulement le formulaire de champs calculés se distingue par son utilité, mais le plugin est également l'un des plugins Gutenberg (l'éditeur de blocs WordPress) les mieux notés sur le référentiel de plugins. Cela seul vaut la peine d'être vérifié car même si l'éditeur de blocs est activé par défaut, tous les plugins que vous trouvez ne se sont pas intégrés au nouvel écosystème.

Le plugin est également parfaitement compatible avec l'éditeur classique (et les constructeurs de pages comme Divi, pour démarrer), donc quelle que soit la façon dont vous concevez votre site, Calculated Fields Form fonctionnera avec. Nous mentionnons cela parce que vous n'êtes pas toujours assuré qu'un plugin donné fonctionnera à tous les niveaux. Donc, avec CFF ayant été testé avec l'éditeur de blocs, l'éditeur classique et les constructeurs de pages, nous avons pensé que cela valait la peine d'être mentionné.

Certaines des fonctionnalités qui méritent d'être mentionnées sont exactement ce que vous pouvez calculer avec le plugin. Parce qu'il ne s'agit pas seulement d'un plugin de formulaire de contact, vous aurez des cas d'utilisation très spécifiques pour cela. Certaines des caractéristiques les plus importantes incluent

• accepter le paiement à partir du formulaire lui-même (via PayPal) après avoir effectué les calculs nécessaires
• un constructeur de formulaire visuel
• plusieurs modèles prédéfinis
• soumission et stockage de la base de données
• nombre illimité de champs calculés
• règles conditionnelles et logique
• plusieurs types de champs (radio, liste déroulante, case à cocher, etc.)
• options de calcul simples ou avancées (mathématiques courantes ainsi que les opérateurs ternaires)
• formulaires de plusieurs pages
• champs dépendants
• tri par valeur
• désactivation du formulaire pour les robots des moteurs de recherche

Un bref aperçu

L'installation de CFF est simple. Accédez au référentiel de plugins WordPress.org, téléchargez le plugin CFF, puis téléchargez-le à partir de l'option de menu Plugins - Ajouter un nouveau dans votre tableau de bord WP. Après cela, vous remarquerez une nouvelle option de formulaire de champs calculés dans votre barre latérale.

Si vous le remarquerez, sur les 4 options qui vous sont présentées, seule 1 d'entre elles est un lien de paramètres réel. Le lien de documentation s'ouvre sur le site Web et la base de connaissances des développeurs, et le lien d'aide en ligne vous amène au forum d'assistance WP.org. Mise à niveau… eh bien, cela vous amène à une page de mise à niveau pour passer de la version gratuite.

Notre point est qu'un plugin qui a autant de puissance sous le capot est suffisamment simple à utiliser pour que vous n'ayez besoin que d'une seule page de paramètres/options pour obtenir le plein effet. C'est vraiment impressionnant, en fait. Certes, les vraies options sont effectuées formulaire par formulaire, mais de nombreux plugins de champs calculés peuvent être écrasants, et la simplicité initiale de celui-ci le rend accessible.

Création de formulaires

La version gratuite (dont nous parlerons ici) est livrée avec 5 exemples de formulaires à partir desquels vous pouvez soit dupliquer et modifier selon vos propres spécifications, soit, s'ils correspondent à vos besoins, les utiliser directement.

• Opérations simples
• Calcul avec Dates (pour un calendrier de réservation, etc.)
• Calculateur de poids idéal
• Calculatrice de grossesse
• Calculateur de location

Vous voyez chacun d'eux immédiatement lorsque vous chargez cette page. Vous pouvez ajouter le shortcode à droite à n'importe quel endroit qui rend les shortcodes, et vous êtes en affaires. Vous pouvez également appuyer sur Clone pour dupliquer le formulaire et modifier les calculs déjà présents à l'aide du bouton Paramètres .

Sous cette liste se trouve le bouton Nouveau formulaire , qui, lorsqu'il est utilisé, ajoute simplement une nouvelle option au bas de la liste des formulaires ci-dessus.

Peu importe le nombre de formulaires que vous voulez, étiquetez simplement

Modification de formulaires

Quel que soit le formulaire que vous souhaitez modifier, appuyez sur Paramètres pour accéder à l'éditeur visuel de ce formulaire. Puisque nous avons commencé un nouveau, nous allons regarder la toile vierge.

Tout ce que vous avez à faire est de cliquer sur un élément à gauche, et il apparaîtra à droite. À ce stade, vous pouvez le faire glisser vers n'importe quelle position dans le formulaire.

Cliquez sur le champ nouvellement apparu à droite. L'onglet à gauche passera de Ajouter un champ à Paramètres de champ .

Chaque champ a une page de paramètres légèrement différente, mais la page universelle est le nom du champ, la balise pour le message . Étiquette obtuse mise à part, il s'agit de la balise variable que vous allez insérer pour référencer la valeur de ce champ dans tous les calculs que vous ajoutez.

Lorsque vous avez fini de régler tous les paramètres de champ dont vous avez besoin, l'onglet Paramètres du formulaire est assez explicite. Vous ajusterez l'une des options globales du formulaire, telles que l'alignement, la persistance des cookies, les modèles, CSS, etc.

Lorsque vous atteignez ce point (ou à tout moment avant cela), vous devez appuyer sur Enregistrer les modifications . Si vous ne le faites pas, vous perdrez toute la personnalisation que vous avez effectuée. Il n'y a pas d'enregistrement automatique dans le générateur de formulaire de champs calculés . Donc quoi que vous fassiez, appuyez sur Enregistrer les modifications .

Cela vous ramènera à la page principale, mais vous pourrez à nouveau modifier rapidement. C'est beaucoup plus facile que de perdre votre progression lors de la configuration du calcul. (Apprenez de nos erreurs dans ce cas.)

Plus d'options de formulaire - Texte et validation

Sous le bouton Enregistrer les modifications se trouve un ensemble secondaire de paramètres et d'options de formulaire.

Beaucoup de gens auront très peu d'utilité pour ces paramètres. Vous personnalisez le texte de l'étiquette sous Définir les textes , en choisissant ce que les utilisateurs voient sur les boutons et la pagination précédent et suivant .

Avec les paramètres de validation , vous déterminez si vous devez valider les entrées (est-ce un vrai e-mail ? ont-ils mis du texte dans un champ de nombres ?) ou non. Si vous décidez que vous souhaitez utiliser la validation (c'est plus que probable), vous pouvez utiliser cette section pour modifier le texte de l'espace réservé que vos utilisateurs verront. En général, le texte par défaut fonctionne et indique à l'utilisateur exactement quelles informations sont valables pour le calcul.

Dans certains cas, vous devrez peut-être être plus précis ou utiliser du jargon ou des termes de l'industrie, et c'est à ce moment-là que ce champ de paramètres est le plus utilisé. Cependant, il est plus que probable que vous ne l'utiliserez pas et que vous ne devriez probablement rien changer. C'est un cas de classe si ce n'est pas cassé, ne le répare pas .

Le produit final

Trouver? Produit? C'est une blague mathématique. Parce que nous faisons des calculs.

Quoi qu'il en soit, lorsque vous appuyez sur Enregistrer et que vous voyez votre formulaire dans toute sa splendeur, vous devriez voir quelque chose qui ressemble à ceci dans le générateur de formulaire :

Et quelque chose comme ça sur le site live :

Le formulaire final ci-dessus utilisait le modèle 2, défini dans l'onglet Paramètres du formulaire .

Utilisation de l'éditeur de blocs

Nous avons mentionné ci-dessus que le formulaire de champs calculés est compatible avec l'éditeur de blocs, nous voulions donc prendre un bref instant pour vous montrer à quel point il est facile de les utiliser ensemble. Pour commencer, vous devrez toujours suivre les mêmes étapes que ci-dessus pour créer les formulaires et obtenir les calculs aux bons endroits.

Après cela, cependant, ouvrez la publication ou la page dans l'éditeur de blocs dont vous avez besoin pour insérer le formulaire. Appuyez sur le bouton cercle + pour ajouter un nouveau bloc, faites défiler jusqu'à ce que vous trouviez la section Formulaire de champs calculés , puis cliquez sur Insérer CFF .

Ensuite, regardez à droite de l'écran sous les paramètres de bloc. Vous pouvez utiliser la liste déroulante Formulaires pour sélectionner le formulaire dont vous avez besoin. Le bloc CFF sera alors mis à jour dans la publication en temps réel.

Pour apporter des modifications au formulaire, vous devrez toujours utiliser le générateur de formulaire visuel ci-dessus. Mais l'insertion et le style avec l'éditeur de blocs sont aussi simples que cela.

Emballer

Comme vous pouvez le voir, le plugin Calculated Fields Form peut faire des choses incroyablement puissantes. Même dans la version gratuite. Si vous choisissez de mettre à niveau, vous obtenez des fonctionnalités encore plus robustes, mais pour beaucoup de gens, la version gratuite sera suffisamment puissante pour effectuer tous les calculs et conditions dont leurs utilisateurs ont besoin. Comme nous l'avons dit ci-dessus, il existe un nombre presque infini de plugins de formulaires sur le référentiel, mais nous pensons que Calculated Fields Form est l'un des meilleurs choix. Surtout si vous n'achetez pas un générateur de formulaire de contact.

Quelles sont vos expériences avec le CFF ?

Article présenté en image par sibgat / shutterstock.com