Introduction

Le thème Divi est largement utilisé pour créer des sites WordPress professionnels grâce à son constructeur visuel. Parmi ses modules, le formulaire de contact est un outil central pour recueillir des messages et des demandes de clients. Toutefois, beaucoup d’utilisateurs se heurtent à une limite : le message de confirmation affiché après l’envoi est très basique et peu engageant. Comment alors personnaliser ce retour utilisateur afin d’améliorer l’expérience et donner une image plus professionnelle du site ?

Le problème rencontré

Lorsqu’un visiteur remplit le formulaire de contact Divi et clique sur « Envoyer », le module affiche un simple texte de confirmation par défaut. Exemple typique : « Merci. Votre message a été envoyé. »

Si cela fonctionne techniquement, le rendu manque de personnalisation. Certaines entreprises souhaitent afficher des informations complémentaires, comme un délai de réponse, des coordonnées directes ou encore une redirection vers une autre page.

Les premières tentatives

Plusieurs pistes ont été envisagées :

• Modifier directement le texte de confirmation dans les paramètres du module Divi. Cela permet de changer la phrase, mais reste limité en termes de mise en page.
• Utiliser du CSS personnalisé pour styliser le message. Cela améliore la présentation mais ne permet pas d’ajouter de nouvelles fonctionnalités.
• Chercher une option native dans Divi pour rediriger après soumission. L’option existe mais elle remplace complètement le message par une redirection, ce qui ne répond pas toujours au besoin.

La solution adoptée

La méthode retenue consiste à combiner les options natives avec un peu de personnalisation :

1. Modifier le texte de confirmation dans Divi :
   Dans les paramètres du module formulaire, onglet Contenu, section Message de réussite, remplacer le texte générique par un message personnalisé, par exemple : Merci pour votre message. Nous vous répondrons sous 24 heures. Vous pouvez aussi nous joindre directement au 01 23 45 67 89.
2. Styliser ce message avec du CSS :
   Dans Apparence > Personnaliser > CSS additionnel, ajouter : .et-pb-contact-message { background-color: #f0f0f0; padding: 15px; border-radius: 6px; font-size: 16px; color: #333; }
3. Option avancée – Redirection conditionnelle :
   Si besoin d’envoyer l’utilisateur vers une page spécifique après validation (par exemple une page « Merci » plus détaillée), activer l’option Redirection après envoi dans les paramètres du formulaire.

Conclusion

Personnaliser le message de confirmation du formulaire Divi est une étape simple mais cruciale pour améliorer la relation avec vos visiteurs. Grâce à un message clair, stylisé et adapté à votre activité, vous renforcez votre crédibilité et guidez l’utilisateur vers la suite de son parcours.

Si vous avez besoin d’aide pour personnaliser vos formulaires ou améliorer l’expérience utilisateur sur Divi, vous pouvez nous contacter afin d’obtenir un accompagnement adapté.