Ces champs sont les fonctions basiques d’un formulaire.

Ligne de texte simple : l'internaute peut saisir un peu de texte. Vous pouvez l’utiliser pour la saisie de nom, prénom, adresse mail, site internet…

Texte (paragraphe) : l'internaute peut saisir une grande zone de texte et peut même étirer la zone d'édition vers le bas pour continuer à rédiger.

Liste déroulante : permet de proposer plusieurs options sur une liste que l’internaute pourra afficher.

Sélection multiple : cela ressemble à une liste déjà déroulée où l’internaute peut sélectionner plusieurs options.

Nombre : vous pouvez là demander à votre utilisateur d'entrer un nombre. Vous pouvez même limiter la plage disponible (entre 30 et 50 par exemple). Si vous voulez aller plus loin, vous pouvez activer les « calculs ». Ainsi, un champ pourra se remplir en fonction de formules que vous aurez créé et qui reprennent les données d'autres champs.

Cases à cocher : c'est le champ classique si vous souhaitez laisser le choix entre plusieurs options. On le reconnaît dans la mesure où les cases à cocher sont carrées.

Boutons radio : l’internaute peut choisir des options en cochant des cases rondes. Une seule option peut être sélectionnée (contrairement à la Sélection multiple).

Champ caché : l'utilisateur ne le verra pas, c’est un champ qui vous est réservé. Vous pouvez mettre une valeur arbitraire ou l’utiliser pour récupérer des informations dont dispose Gravity Forms ( l'adresse IP de l'utilisateur par exemple).

HTML : ce champ vous permet d’écrire ce que vous souhaitez à partir du moment que vous maîtrisez le HTML : introduction dans votre formulaire, ajout d’une image, d’un fichier audio… Les possibilités sont illimitées puisque vous pouvez y mettre ce que vous voulez.

Section : cela permet de séparer votre formulaire en plusieurs parties avec des titres. Vous pouvez même écrire une petite description sous chacun des titres, permettant d'introduire au mieux la section suivante.

Page : ce champ permet de séparer votre formulaire en plusieurs pages, si celui-ci est trop long. Un bouton « Suivant » permet de passer à la page suivante. À utiliser avec parcimonie : n’utilisez pas trop de pages sinon vos internautes prendront peur en voyant que son envoi devient interminable !

Voici quelques exemples d’utilisation de ces champs (cliquez sur les photos pour zoomer) :

Ces champs sont pré-formatés pour permettre la saisie d’informations telles que la sélection de date, de numéro de téléphone, d’adresse email ou permettre l’envoi de fichiers.

Nom : affiche les champs qui composent l'identité de votre internaute. Vous pouvez demander un préfixe (Mme, Mlle, Dr, Prof) puis un prénom, un second prénom, un nom de famille et même un suffixe.

Date : permet à l’internaute de sélectionner un jour précis au travers d'un champ à remplir ou l’affichage d'un calendrier.

Temps : ce champ permet d’indiquer une heure (au format AM/PM ou 24h). Cependant si c'est vous qui proposez des horaires (si vous gérez des créneaux horaires), le mieux sera d'utiliser une liste déroulante.

Téléphone : ici, vous pourrez récolter un numéro de téléphone.

Adresse : permet de saisir une adresse postale. Vous pouvez activer / désactiver les différents champs qui la composent : Adresse, Adresse ligne 1, Code Postal, Ville, État / Province (inutile en France) ou encore le Pays.

Site Web: permet d’indiquer le lien vers un site Internet. Gravity Forms vérifie que le format est correct, du type https://6temflex.com par exemple.

Email : permet la saisie d’adresse email avec également une vérification du format. Vous pouvez aussi activer la confirmation par email. C'est à dire que l'internaute devra d'abord valider l'email reçu pour que sa demande vous soit envoyée.

Téléchargement de fichier : l’internaute peut joindre des fichiers pour compléter les informations renseignées via le formulaire. Vous pouvez choisir d’accepter un seul ou plusieurs fichier(s) et le type d'extensions autorisées (jpg, png, pdf…) ou encore la taille limite du fichier.

Captcha :  il vous faudra ici un compte ReCaptcha de Google afin de pouvoir l'activer. Leur dernière version permet même d'identifier un utilisateur d'un robot sans avoir à entrer de une suite de chiffres et de lettres.

Liste : ce champ permet à l'internaute de proposer une liste d’éléments. Il peut ajouter autant d’élements qu’il souhaite. Vous pouvez renseigner le nombre maximal d’infomations pouvant être renseignées.

Voici quelques exemples d’utilisation de ces champs (cliquez sur les photos pour zoomer) :

Ces champs sont utiles pour créer un simulateur de prix ou un formulaire de commande.

Attention : vous ne pouvez pas lier le formulaire à une solution de paiement en ligne. Pour permettre le paiement en ligne sur votre site, vous pouvez activer la boutique en ligne.

Produit : vous pouvez créer un produit unique ou avec des variations (par exemple un produit en différentes tailles pour un t-shirt) et définir le prix.

Quantité : ce champ-là est toujours relié au champ Produit pour indiquer sa quantité.

Option : si vous proposez différentes couleurs pour vos t-shirts (rouge, noir, bleu), ce champ sera parfait. Les différentes options peuvent avoir des tarif différents.

Livraison : de la même manière que les options, vous pouvez proposer différentes options de livraison avec chacune un prix correspondant.

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 le montant total de sa commande.

Voici quelques exemples d’utilisation de ces champs (cliquez sur les photos pour zoomer) :