Plugin Forminator

Toujours depuis votre back office, dans l’onglet « Forminator », vous aurez les entrées suivantes :

• Le tableau de bord
• Formulaire : la liste de l’ensemble des formulaires créés avec Forminator
• Sondage : la liste de tous les sondages créés avec Forminator
• Quiz : la liste de tous les quiz créés avec Forminator
• Les soumissions : ce sont toutes les réceptions de formulaires, de sondages ou de questionnaires par vos visiteurs
• Les modules : ici sont regroupés tous les modules liés à Forminator
• L’intégration : ceci concerne les intégrations de vos formulaires, sondages et quiz dans des applications tierces comme MailChimp
• Les reports : la liste de tous les messages d’erreurs liés aux formulaires, sondages et quiz
• Les réglages
• Forminator Pro

Les réglages génériques de Forminator

Plongeons-nous d’abord dans les réglages avant de vous montrer comment créer un formulaire. Pour cela, allons dans l’onglet Réglages de Forminator.
Les réglages comportent plusieurs principaux onglets :

• Général : concerne la personnalisation du tableau de bord et de l’en-tête de l’expréditeur
• Accessibilité : permet de personnaliser la visibilité de l’extension (contraste)
• Apparence : permet de configurer l’apparence par défaut des formulaires et aussi de créer de nouveaux modèles de formulaires
• Données : vous propose des réglages sur la conservation de données. Vous pouvez aussi tout réinitialiser depuis cet onglet
• CAPTCHA : configuration de l’anti-spam CAPTCHA
• Importer : permet l’importation de formulaires provenant d’autres extensions comme Contact Form 7
• Soumissions : concerne les réglages sur la confidentialité des formulaires, sondages et quiz
• Paiements : vous laisse la possibilité de connecter Stripe et/ou PayPal

Comment créer un formulaire avec Forminator ?

Enfin, allons donc voir comment créer un formulaire. A noter que la création de sondages et de quiz se fait de la même manière mais depuis leurs onglets respectifs.

Après avoir cliqué sur le bouton « créer », Forminator nous propose de choisir un modèle de formulaire. Évidemment, nous allons choisir un formulaire vide pour vous montrer comment créer les champs, les organiser et les personnaliser.

Voici la page qui nous permettra de créer un formulaire. Tout d’abord, ajoutons les champs nécessaires à notre formulaire en cliquant sur le bouton « ajouter des champs ».
Pour mon exemple, je vais avoir besoin d’un champ de formulaire « nom », d’un champ « e-mail » et d’un champ « zone de texte ».

Vous pouvez choisir plusieurs champs ensemble, et bien-sûr, vous pourrez en rajouter après si vous en avez oublié.
Nos trois champs se présentent ainsi :

Ici, ils sont l’un en dessous de l’autre, mais il est possible de les organiser autrement : en colonne comme ici, ou encore deux champs l’un à côté de l’autre puis le troisième prenant toute la largeur du formulaire, etc.

Si le placement vous convient, vous pouvez vous adonner à la configuration de ces derniers en cliquant sur la petite roue crantée à droite de chacun des champs de formulaire ajoutés.

• L’onglet « LIBELLÉS » permet la configuration du libellé, de la description et du texte indicatif du champ
• L’onglet « RÉGLAGES » vous permet de choisir si ce champ doit obligatoirement être rempli pour permettre la validation du formulaire
• L’onglet « MISE EN FORME » vous laisse la liberté d’ajouter des classes CSS additionnelles à ce champ
• L’onglet « VISIBILITÉ » donne le choix de créer une ou plusieurs règles de visibilité à ce champ

Les images ci-dessus sont les réglages du champ « Nom ». Pour tous les autres champ, les mêmes onglets seront présents et proposeront les mêmes réglages.

Il y a bien évidemment des champs qui ont des petites particularités comme la détermination de la limite de caractères pour le champ « zone de texte » par exemple.
Soyez rassuré, Forminator explique tout dans ses onglets, comme vous pouvez le voir dans les captures d’écran précédentes.

Une fois avoir organisé ses champs, les avoir configurés, il va falloir régler le formulaire et définir son apparence exacte.

Pour cela, rendez-vous dans l’onglet « Apparence » situé sur la gauche de votre formulaire. Vous pouvez modifier ici le style de design par défaut ou utiliser un modèle (preset) que vous aurez créé. Mais encore, il est possible de personnaliser les couleurs, les polices, les espacements (marges internes, bordures, etc). Et le plus important est la partie « CSS personnalisé », grâce à cela, toute l’apparence de dans votre formulaire est personnalisable.

L’onglet « Comportement » ou « Behavior » permet de personnaliser ce qui se passe après l’envoi du formulaire, la durée de la conservation des données, la sécurité du formulaire, etc. A ce propos, n’oubliez jamais de cocher la case « Activer la protection Pot de Miel (Honeypot)« . Cette seule action vous permettra de vous prévenir contre le spam. Ce serait dommage de vous en priver !