Sujet(s) : Formulaire
Ressources indispensables pour maîtriser l’utilisation de la fonction Formulaire.
Les champs standards
Retour en haut
(1) Ligne de texte : vous laissez la possibilité à l’internaute d’entrer un peu de texte.
(2) Paragraphe : zone d’édition permettant la saisie de texte long.
(3) Liste déroulante : liste à choix multiples : l’internaute doit « dérouler » la liste afin de voir tous les choix disponibles.
(4) Nombre : Champs n’autorisant que la saisie de chiffres. Vous pouvez aussi activer les « calculs » pour ce champs, ainsi, il pourra se remplir en fonction de formules que vous aurez créées et qui reprennent les données d’autres champs.
(5) Cases à cocher : c’est le champ classique lorsque vous souhaitez laisser le choix entre plusieurs options. On le reconnaît dans la mesure où les cases à cocher sont carrées.
(6) Boutons radio : c’est l’alternative à la « liste déroulante ». Ici les cases sont rondes et une seule peut être sélectionnée.
(7) Masqué : champ destiné à l’administrateur, car non visible par l’internaute.
(8) HTML : là, c’est simple. Vous pouvez y placer ce que vous voulez du moment que vous maîtrisez un tant soit peu le langage HTML. Vous pourriez ainsi écrire une introduction dans votre formulaire, ajouter une image, un fichier audio… Les possibilités sont illimités puisque vous pouvez y mettre ce que vous voulez.
(9) Section : c’est ce qui va vous permettre de séparer plusieurs parties d’un formulaire par des titres. Vous pourrez même écrire une petite description sous chacun des titres, permettant d’introduire au mieux la section suivante.
(10) Page : ce champ sera utile pour séparer le formulaire en plusieurs pages. L’internaute aura alors à cliquer sur « Suivant » pour passer à la page suivante.
Les champs avancés
Retour en haut
(1) Nom : vous pourrez ici décomposer les champs qui composent l’identité de votre internaute. Vous pourrez demander un préfixe (M., Mme, Mlle, Dr. etc.), puis un prénom, un deuxième prénom, un nom de famille, et même un suffixe.
(2) Date : vous demanderez un jour précis au travers d’un champ à remplir ou d’un calendrier.
(3) Heure : ce champ vous servira à récolter une heure (au format 12h ou 24h). Cependant, si vous gérez des créneaux horaires, le mieux sera d’utiliser une liste déroulante.
(4) Téléphone : ici, l’internaute pourra laisser un numéro de téléphone.
Nota, veuillez utiliser le format « International ».
(5) Adresse : vos visiteurs pourront entrer ici une adresse postale. Vous pouvez activer / désactiver les différents champs qui la composent : Adresse, Adresse ligne 2, Ville, État / Province / Région (inutile en France), Code postal, ou encore Pays.
(6) Site Web : zone permettant de saisir une adresse web. Gravity Forms va bien vérifier que le format est correct, du type https://www.studio-madame.fr par exemple.
(7) E-mail : il y aura là aussi une vérification du format. Mais en plus, vous pouvez activer la confirmation par e-mail. C’est-à-dire que l’internaute devra d’abord valider l’e-mail reçu pour que sa demande vous soit envoyée.
(8) Envoi de fichier : vous pourrez choisir ici entre un seul fichier ou plusieurs, le type d’extensions autorisées (jpg, png, pdf…), ou encore la taille limite. L’internaute pourra ainsi vous envoyer des ressources complémentaires.
(9) CAPTCHA : il vous faudra ici un compte ReCaptcha de Google (gratuit) afin de pouvoir l’activer et protéger vos formulaires contre le spam. Leur dernière version permet même d’identifier un utilisateur d’un robot sans avoir à entrer une suite de chiffres et de lettres, ou de cliquer sur des images.
(10) Liste : ce champ est particulier : c’est à l’internaute de remplir lui-même les éléments de la liste.
(11) Choix multiple : cela ressemble à une liste déjà déroulée où vous pouvez sélectionner plusieurs lignes.
(12) RGPD : afin d’être conforme au Règlement Général pour la Protection des Données (RGPD), ce champ permet d’ajouter une case à cocher pour laisser la possibilité à vos visiteurs d’accepter ou non votre politique de confidentialité.
Les champs d’articles
Retour en haut
(1) Titre : tout comme lorsque vous écrivez un article sous WordPress, il s’agit du tout premier champ.
(2) Corps : votre auteur invité pourra ici rédiger son texte. Vous pouvez spécifier un nombre maximal de caractères à ne pas dépasser. Par contre, l’auteur n’a pas accès à une interface d’édition complète (ex : il ne peut pas ajouter des médias dans le corps du texte).
(3) Extrait : à vous de voir si vous utilisez ce champ ou non, mais il pourra permettre à votre internaute de préciser un extrait, tout comme vous pouvez le faire dans l’administration de vos articles.
(4) Étiquettes : vos internautes pourront en soumettre plusieurs en les séparant d’une virgule.
Nota : il n’y a pas d’autocomplétion : on ne suggère pas les étiquettes existantes lors de la saisie.
(5) Catégorie : vous aurez ici la liste déroulante des catégories existantes sur votre blog.
Le choix ne pourra s faire que sur les catégories présentes, aucun ajout n’est possible.
(6) Image d’article : vous connaissez le principe : l’internaute n’aura qu’à envoyer son fichier grâce à ce champ.
(7) Champ perso : champ réservé aux développeurs, ne vous en préoccupez pas.
Les champs de prix
Retour en haut
Si vous souhaitez faire un simulateur de prix ou bien un petit formulaire de commande, vous pourrez le faire avec le plugin.
Nota : ces fonctions ne seront jamais aussi complet qu’un vrai système de e-commerce.
(1) Produit : ici vous pourrez créer un produit unique ou avec variation (différentes tailles de t-shirts, par exemple) et définir le prix.
(2) Quantité : ce champ-là est toujours relié à un champ de produit afin de savoir auquel il doit être appliqué.
(3) Option : on peut imaginer que vous proposiez différents types d’impression sur vos t-shirts (transfert, sérigraphie, broderie). Ce champ sera parfait et viendra rajouter des coûts à la commande totale.
(4) Livraison : de la même manière que les options, vous pouvez ici proposer différentes options de livraison avec chacune un prix correspondant.
(5) Total : ce champ n’a qu’un but : faire la somme de tous les produits, options et modes de livraison saisis dans le formulaire. Ainsi, l’internaute verra clairement combien la commande va lui coûter.