Pour mettre en place un formulaire de contact, je recommande deux options :
- Option 1 – Tu n’as pas Elementor Pro : utiliser un plugin gratuit, tel que « Contact Form 7 » pour un formulaire de contact classique.
- Option 2 – Tu as Elementor Pro : utiliser l’élément « Formulaire » de Elementor Pro.
Option 1 : Utiliser le plugin gratuit Contact Form 7
💡 Pourquoi le plugin Contact Form 7 ?
- Il est gratuit.
- Mais le vrai + est que la mise en forme des formulaires s’adapte automatiquement au design de ton site web tel que défini dans les réglages.
- Installer le plugin Contact Form 7 si ce n’est pas déjà fait (voir le menu « Extensions »).
- Cliquer dans le menu gauche sur « Contact » puis « formulaire de contact »
- Un formulaire est déjà installé par défaut. Cliquer sur le nom du formulaire pour accéder au réglage
- Faire les modifications souhaitées. Par exemple :
- Dans l’onglet « formulaire », changer les libellés des champs qui s’affiche sur le site en changeant les textes après « <label> »).
- Dans l’onglet « email »,
- noter ton adresse email pour le champ « de » (ex: [_site_title] <écrire ici son adresse email>)
- Changer l’objet du message que tu vas recevoir (exemple : « Nom du site – Nouveau message : objet inscrit par le visiteur »)
- Cliquer sur Enregistrer ».
Pour aller plus loin, vous retrouverez un tuto détaillé réalisé sur le blog du site WPMarmite ici : Ajouter un formulaire de contact à votre site avec contact Form 7.
Option 2 : Utiliser l'élément "Formulaire" (pré-requis : Elementor Pro)
- Ouvrir la page contact et cliquer sur « Modifier avec Elementor »
- Rechercher dans les éléments le bloc « Formulaire ».
- Le faire glisser à la place du formulaire de contact (supprimer le bloc existant).
- Renseigner les options de personnalisation proposées, en particulier :
- Pour recevoir un email avec le message renseigné par le visiteur, choisir dans l’onglet « Contenu » > sous-menu « action après envoi », « email.
- Un nouveau sous menu « E-mail » va s’afficher en dessous. Compléter les informations.
5. Cliquer sur « Mettre à jour » pour sauvegarder les modifications.
Pour plus d’informations sur l’utilisation de cet élément « Formulaire » d’Elementor Pro, rendez-vous sur le centre d’aide d’Elementor ici : Form Widget (Pro)
Point d’attention
Dans le kit de templates, le formulaire de contact est créé grâce au plugin « ContactForm 7 » (gratuit) avec des réglages par défaut. Selon le mode d’installation choisi, pense à remplacer l’adresse email par défaut par la tienne pour recevoir le message sur ton adresse email (cf. option 1) ou supprimer le bloc si tu optes pour l’élément « formulaire » d’Elementor Pro (cf. option 2)
