Anthony
NICOLAIEFF

Comment créer un formulaire sur Elementor ?

Comment ajouter un formulaire Elementor
SOMMAIRE

Finie l’extension Contact Form 7 (peu intuitive), l’achat d’une licence professionnelle d’Elementor peut se justifier rien qu’avec le module Formulaire ! Je vous montre quelques options de ce widget pour améliorer votre site WordPress.

ETAPE 1 : Ajouter le widget Formulaire d'Elementor

Rendez-vous sur votre page de contact et utilisez le widget « Formulaire » en le déposant à l’endroit souhaité.

Ajouter le widget Formulaire d'Elementor sur la page Contact
Widget > Formulaire

ETAPE 2 : Paramétrer les champs

Dans l’onglet « Contenu » du widget « Formulaire », saisissez l’ensemble des champs que vous souhaitez ajouter sur votre formulaire de contact. Sélectionnez le type de champ : Texte, Email ou Téléphone sont les plus utilisés mais n’hésitez pas à tester les autres ! 

Le champ de type « Pot de miel » évite (pas tout le temps) de recevoir des Spams. Concrètement, il s’agit d’un champ invisible pour le visiteur. Si le champ est rempli lors de la soumission du formulaire, cela veut dire qu’il s’agit d’un robot : le message est donc bloqué !

Sur chaque champ, vous pouvez renseigner un « libellé » qui sera affiché au dessus du champ de saisie et un « texte indicatif » qui sera affiché à l’intérieur du champ permettant de donner une indication/une aide au visiteur.

Vous pouvez rendre certains champs obligatoires en activant l’option « Nécessaire ».

Paramétrer les champs du form
Contenu > Champs du formulaire

ETAPE 3 : Paramétrer les boutons

Dans l’onglet « Boutons », vous pouvez ajuster vos boutons, celui pour envoyer les informations saisies par le visiteur mais également les boutons « Suivant » et « Précédent » si vous avez utiliser des champs de types « Etape »

Paramétrer les libellés de vos boutons
Contenu > Boutons

ETAPE 4 : Programmer les actions après l'envoi

Ajouter un formulaire de contact, c’est bien mais il faut récupérer les informations saisies par le visiteur. Cette étape est très importante dans la création de votre site WordPress

Les actions que j’utilise le plus :

  1. E-mail : l’action la plus utilisée pour un formulaire de contact. Un mail vous sera envoyé avec les informations de votre contact. N’hésitez pas à passer du temps pour configurer cette partie et de tester pour éviter de perdre des prospects

  2. Collecter les envois : pas forcément utile à première vue mais une réelle sécurité pour garder les informations de notre contact si l’envoi du mail ne fonctionne pas…

  3. Redirection : Si vous avez prévu une ressource offerte en échange de l’adresse mail de votre contact, cette option vous permettra de rediriger le visiteur vers son bonus offert

  4. Connexion à votre outil d’emailing : Si vous souhaitez alimenter votre base de données d’adresses mails, cette option est très intéressante. Elementor PRO vous permet de connecter votre formulaire (souscription à une Newsletter par exemple) aux outils MailChimp, ActivCampaign ou encore GetResponse
 
Une fois que vous avez activé l’une des actions, un onglet va s’ajouter pour la paramétrer.
Ajouter des actions suite à l'envoi du contact form
Contenu >Actions après envoi

ADDON ELEMENTOR : Piotnet Addons For Elementor (PAFE)

Si vous souhaitez ajouter plus d’options pour votre formulaire de contact, je vous recommande l’extension PAFE avec de nombreuses fonctionnalités rien que pour les formulaires !

Addon Elementor pour ajouter des options au formulaire
Piotnet Addons For Elementor

Conseil Bonus

Si vous possédez la licence Professionnelle du Builder Elementor, je vous recommande évidemment d'utiliser le widget "Formulaire" afin d'éviter d'empiler les extensions sur votre site WordPress. Installer de nombreux plugins va vous demander plus de maintenance (mises à jours) et augmenter le temps de chargement de vos pages.

Concepteur de site web freelance entre Saint Etienne et Lyon

Spécialisé dans l’utilisation d’Elementor depuis 2019, je vous apporte une aide personnalisée lors de la création de votre site web.

Retrouvez tous mes tutos Elementor

Blocage Elementor

30 min pour vous aider

Vous n’avez pas la solution pour faire ce que vous souhaitez sur Elementor ou WordPress lors de la création de votre site ?
Je vous propose de vous aider ou de vous conseiller gratuitement afin d’avancer sereinement sur votre projet.