Un formulaire de contact a sa place sur chaque site web – et dans Elementor, il se construit rapidement. Dans ce guide, je vous montre les deux voies : le widget de formulaire pratique d’Elementor Pro et une alternative entièrement gratuite si vous utilisez uniquement la version gratuite.
Variante A : formulaire de contact avec Elementor Pro
Elementor Pro intègre son propre widget de formulaire – c’est la voie la plus rapide :
- Ouvrez la page dans l’éditeur Elementor et faites glisser le widget « Formulaire » à l’endroit souhaité.
- Modifiez les champs (nom, e-mail, message) dans le panneau de gauche – ajoutez des champs, supprimez-les ou marquez-les comme obligatoires.
- Sous « Actions After Submit », vous définissez ce qui se passe après l’envoi : envoyer un e-mail, afficher un message de réussite, enregistrer l’entrée.
- Sous « Email », saisissez votre adresse de réception.
Le grand avantage : vous pouvez relier directement des intégrations – par exemple à un outil de newsletter ou, par automatisation, à votre CRM. À quoi ressemble une telle automatisation, je le montre dans Zoho Flow & automatisation Elementor.
Variante B : formulaire de contact sans Elementor Pro (gratuit)
Avec la version gratuite d’Elementor, il n’y a pas de widget de formulaire – mais une solution éprouvée : un plugin de formulaire gratuit comme WPForms Lite, Fluent Forms ou Contact Form 7.
- Installez le plugin de formulaire et créez-y votre formulaire.
- Le plugin génère un shortcode.
- Faites glisser dans Elementor le widget « Shortcode » à l’endroit souhaité et insérez le code.
Vous obtenez ainsi un formulaire de contact complet et gratuit, qui s’intègre visuellement à votre mise en page Elementor.
RGPD : cela ne doit pas manquer
Quelle que soit la variante – en Autriche et dans l’UE, vous avez besoin :
- d’une case à cocher de consentement au traitement des données, accompagnée d’un lien vers la politique de confidentialité,
- de la minimisation des données (ne demander que ce dont vous avez réellement besoin),
- idéalement d’une protection anti-spam sans Google reCAPTCHA (p. ex. un honeypot), afin d’éviter la transmission de données à des tiers.
Erreurs fréquentes avec les formulaires
- Les e-mails n’arrivent pas : presque toujours un problème d’envoi de WordPress. Un plugin SMTP, qui envoie les e-mails de manière fiable via un véritable serveur de messagerie, y remédie.
- Trop de champs : chaque champ obligatoire réduit le taux d’envoi. Nom, e-mail, message suffisent le plus souvent.
- Aucun retour : sans message de réussite, les visiteurs ne savent pas si le formulaire a fonctionné.
Tirer davantage de vos formulaires
Un formulaire de contact est souvent la première étape – un formulaire de newsletter la deuxième. Quels outils s’y prêtent, je les compare dans Comparatif des newsletters Elementor. Et si vous ne faites que découvrir Elementor dans son ensemble, commencez par le tutoriel Elementor pour débutants.
FAQ – formulaire de contact Elementor
Puis-je créer un formulaire avec la version gratuite d’Elementor ?
Pas avec un widget dédié – mais via un plugin de formulaire gratuit et le widget Shortcode. Le résultat est équivalent.
Pourquoi mes e-mails de formulaire n’arrivent-ils pas ?
Le plus souvent, WordPress envoie les e-mails de manière peu fiable. Un plugin SMTP corrige cela dans la grande majorité des cas.
Un formulaire de contact est-il conforme au RGPD ?
Uniquement avec une case à cocher de consentement, un lien vers la politique de confidentialité et la minimisation des données. Je choisis délibérément la protection anti-spam sans services américains externes.
Mettre en place ensemble
Si vous souhaitez configurer votre formulaire proprement, conformément au RGPD et avec un envoi fonctionnel, je vous accompagne volontiers dans une formation Elementor directement sur votre site web.