Aller au contenu

Le module Divi "Formulaire de contact"

module divi contact form

Le module Formulaire de contact crée un formulaire avec champs texte, e-mail, zone de message, cases à cocher, boutons radio et listes déroulantes ; chaque champ peut être obligatoire ou n'apparaître que selon une logique conditionnelle. Il propose un captcha simple ou Google reCAPTCHA, et une redirection après envoi. Pour fiabiliser la réception des messages, Elegant Themes conseille un service d'envoi d'e-mails comme SendGrid.

Nom anglais : Contact Form.

Un formulaire de contact simple, inclus avec Divi, qui peut faire l’affaire s’il n’y a qu’un seul formulaire sur votre site.

Pour créer des formulaires plus complexes, on préférera des plugins WordPress de gestion de formulaires comme le plugin Forminator de WPMU ou d’autres plugins.

divi demo module formulaire de contact

Options clés

  • Champs : texte, e-mail, zone de texte (message), cases à cocher, boutons radio, liste déroulante. Chaque champ a un identifiant (Field ID), un titre, une longueur minimale et maximale, des symboles autorisés (lettres, chiffres) et peut être rendu obligatoire.

  • Logique conditionnelle : un champ n'apparaît que si toutes les règles, ou au moins une, sont remplies (par exemple un champ « Budget » seulement si le visiteur choisit « Demande de devis »).

  • Email : l'adresse qui reçoit les messages et le modèle du message (Message Pattern), qui reprend les champs sous la forme %%identifiant%%, par exemple « Nom : %%name%% ».

  • Après l'envoi : un message de confirmation, ou une redirection vers une page de remerciement (Redirect).

  • Protection anti-spam : un captcha simple (une petite addition à résoudre) ou Google reCAPTCHA v3, avec un score minimum (0,5 par défaut).

Pièges

  • L'identifiant d'un champ s'écrit sans espace, sans accent ni caractère spécial (prenom_nom, pas « Prénom Nom ») ; dans le modèle du message, recopiez-le à l'identique, majuscules comprises, sinon la valeur manque dans l'e-mail.

  • reCAPTCHA v3 demande de créer une clé du site et une clé secrète sur le site de Google, puis de les saisir dans Divi : testez le formulaire ensuite.

  • Le formulaire n'envoie pas lui-même les e-mails : c'est le service d'envoi de votre site (hébergeur ou service tiers) qui s'en charge. Envoyez-vous un message de test après la mise en ligne et regardez aussi dans les spams.

Pour aller plus loin

Dans la formation Mieux utiliser Divi (réservée aux membres) : 06 01. Bonus : Formulaire de contact avec Divi. Pour comparer les plugins de formulaires : Meilleurs plugins de création de formulaires pour WordPress.

Auteur : Jean-Noël Mathonnet

Commentaires

Pas encore de commentaire. Soyez le premier !

Laisser un commentaire

Lorsque vous achetez via des liens sur ce site, nous pouvons toucher une commission d'affiliation. + d'infos