Formulaire - MetForm
Pour créer un formulaire avec MetForm, suivez ces étapes :
Accédez à votre tableau de bord WordPress et sélectionnez l'onglet "MetForm" dans la barre latérale gauche pour accéder à la liste des formulaires précédemment créés.
En haut à gauche, cliquez sur le bouton "Ajouter nouveau". Une fenêtre modale s'ouvrira, où vous devrez saisir le nom du formulaire et choisir un modèle parmi les options proposées.
Une fois le formulaire créé, cliquez sur le bouton "Modifier avec Elementor" pour accéder à l'éditeur d'Elementor et personnaliser votre formulaire.
Parmi les widgets disponibles, choisissez celui qui correspond le mieux à vos besoins et faites-le glisser dans l'éditeur.
Voici quelques exemples de champs :
Champ Texte
Pour ajouter un champ de type texte (nom, prénom, adresse ...), suivez les étapes ci-dessous :
Utilisez le widget "Texte" et personnalisez-le en accédant à l'onglet "Contenu". Vous pouvez modifier le libellé, le nom et ajouter un texte d'aide.
Pour rendre ce champ obligatoire, activez simplement l'option "Nécessaire" dans les réglages.
Champ Email
Procédez de la même manière que pour le champ Texte en utilisant le widget "E-mail".
Champ avec liste déroulante
Pour ajouter un champ de type sélecteur (liste déroulante), suivez les étapes ci-dessous :
Utilisez le widget "Sélectionner" pour créer un sélecteur.
Personnalisez-le dans l'onglet "Contenu" en ajoutant les options de la liste.
Comme pour les autres champs, activez l'option "Nécessaire" pour le rendre obligatoire.
Champ à case à cocher
Pour ajouter un champ de type case à cocher (checkbox), suivez ces étapes :
Sélectionnez le widget "Case à cocher" puis faites-le glisser et déposez-le dans l'éditeur.
Accédez à l'onglet "Contenu" pour personnaliser le champ en modifiant le libellé, le nom et le texte d'aide (facultatif).
Ajoutez autant d'éléments que vous le souhaitez.
Pour le rendre obligatoire, activez l'option "Nécessaire" dans les réglages.
Champ à Bouton Radio
Procédez de la même manière que pour le champ "Case à cocher".
Champ Consentement RGPD
Pour ajouter un champ de Consentement RGPD, suivez ces étapes :
Sélectionnez le widget "Consentement RGPD" puis faites-le glisser et déposez-le dans l'éditeur.
Accédez à l'onglet "Contenu" pour personnaliser le champ en modifiant le libellé, le nom, le texte d'aide (facultatif) et le texte de l’option de case à cocher.
Pour le rendre obligatoire, activez l'option "Nécessaire" dans les réglages.
Champ de pièce jointe
Pour ajouter un champ de pièce jointe, suivez ces étapes :
Sélectionnez le widget "Téléverser le fichier" puis faites-le glisser et déposez-le dans l'éditeur.
Accédez à l'onglet "Contenu" pour personnaliser le champ en modifiant le libellé, le nom, le texte d'aide (facultatif), le texte du fichier choisi et le texte de aucun fichier choisi.
Pour le rendre obligatoire, activez l'option "Nécessaire" dans les réglages.
Pour limiter la taille du fichier, spécifiez une valeur dans “taille maximale du fichier” en Ko après avoir activé l’option “taille maxi du fichier”. Vous pouvez également spécifier les types de fichiers acceptés.
Champ Zone de texte
Pour ajouter un champ de type zone de texte (commentaires), suivez ces étapes :
Sélectionnez le widget "Zone de texte" puis faites-le glisser et déposez-le dans l'éditeur.
Accédez à l'onglet "Contenu" pour personnaliser le champ en modifiant le libellé, le nom et le texte d'aide (facultatif).
Pour le rendre obligatoire, activez l'option "Nécessaire" dans les réglages.
Bouton d'envoi
Pour ajouter un bouton d'envoi, suivez ces étapes :
Sélectionnez le widget "Bouton d'envoi" puis faites-le glisser et déposez-le dans l'éditeur.
Accédez à l'onglet "Contenu" pour personnaliser le libellé du bouton.
Pour modifier le style du bouton, accédez à l'onglet Style et effectuez les modifications en respectant les couleurs de la catégorie.
Rendu final :
Ajouter un formulaire sur une page
Pour ajouter un formulaire sur une page :
Une fois que vous avez créé votre formulaire, suivez les étapes suivants :
Retournez sur la liste des formulaires créés précédemment et repérez celui que vous venez de créer.
Copiez le shortcode.
Accédez à la page avec Elementor où vous souhaitez insérer le formulaire.
Sélectionnez le widget "Code court" dans la barre latérale et collez le shortcode.
Mis à jour