Formulaires et popups

Créer un formulaire de contact avec Elementor

Form Lite (gratuit) ou Form (Pro), champs, réception par e-mail, confirmation au visiteur et bonne délivrabilité.

Par Gregory, fondateur d’Expertor2 min de lectureMis à jour le

Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).

Illustration : Créer un formulaire de contact avec Elementor

Un formulaire de contact est souvent la page la plus importante d’un site vitrine. Elementor propose deux widgets : Form Lite dans la version gratuite, et Form, plus complet, dans Elementor Pro.

Form Lite ou Form ?

  • Form Lite (gratuit) : champs Nom, E-mail et Message par défaut, champs supplémentaires possibles. Les messages vous sont envoyés par e-mail et conservés dans l’administration WordPress.
  • Form (Pro) : formulaires plus riches (plusieurs étapes, nombreux types de champs), actions après envoi (redirection, e-mail au visiteur, ouverture d’une popup, envoi vers des outils marketing).

Créer le formulaire

  1. Glissez le widget Form Lite ou Form sur la page.
  2. Dans Form Fields, gardez les champs utiles et ajoutez-en avec Add Item (par exemple un champ de type Tel pour le téléphone, réglé sur Required).
  3. Ouvrez Actions After Submit et vérifiez que Email figure dans la liste (c’est le cas par défaut).

Restez sobre : chaque champ supplémentaire fait baisser le nombre de demandes. Nom, e-mail, téléphone si besoin et message suffisent pour un premier contact.

Régler l’e-mail reçu

Dans la section Email :

  • To : l’adresse qui reçoit les messages ;
  • Subject : un objet reconnaissable, pour filtrer facilement ;
  • Message : par défaut [all-fields], qui reprend tous les champs ;
  • From Email et From Name : l’expéditeur, par défaut l’adresse du site ;
  • Reply-To : pour répondre directement au visiteur, indiquez le champ e-mail du formulaire.

Envoyer une confirmation au visiteur (Pro)

Ajoutez une seconde action e-mail et, dans son champ To, le code du champ e-mail du formulaire (par exemple [field id="email"]) : le visiteur reçoit un accusé de réception.

Les messages n’arrivent pas, ou en spam ?

Elementor le reconnaît dans sa documentation : ces e-mails finissent souvent en indésirables, car Gmail et les autres messageries sont de plus en plus stricts sur l’authentification. Les solutions :

  • envoyer les e-mails du site par un vrai service d’envoi (extension SMTP, ou l’outil Site Mailer proposé par Elementor) plutôt que par le serveur d’hébergement ;
  • vérifier que votre nom de domaine a bien ses enregistrements SPF et DKIM ;
  • utiliser une adresse d’expédition de votre domaine, pas une adresse Gmail.

Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.