[CORRIGÉ] Le formulaire de contact Elementor n'envoie pas d'e-mail

Votre formulaire Elementor n'envoie pas d'e-mails de notification ? J'ai été dans la même situation, me demandant si le formulaire était défectueux ou si quelque chose était mal configuré sur le site.

Parfois, les e-mails des formulaires Elementor peuvent disparaître ou aller dans le spam, rendant difficile la réponse aux messages de vos visiteurs. Aucune confirmation. Aucune alerte. Juste le silence.

Dans cet article, je vais vous montrer comment résoudre le problème et vérifier les messages d'erreur Elementor pour dépanner la délivrabilité de vos e-mails. Commençons !

Réparez vos e-mails Elementor maintenant ! :)

Pourquoi mon formulaire Elementor ne fonctionne-t-il pas ?

Si votre formulaire de contact Elementor ne fonctionne pas, c'est probablement parce que les e-mails de votre site sont traités comme du spam. Lorsque votre formulaire Elementor envoie un e-mail, il utilise la fonction wp_mail(). Celle-ci envoie des e-mails via votre fournisseur d'hébergement sans authentification.

Ainsi, lorsque cet e-mail passe d'un serveur à l'autre, il sera rejeté ou classé dans le courrier indésirable ou le dossier spam. C'est un problème très courant avec tous les sites Web et hébergeurs WordPress. Cela peut arriver avec presque tous les plugins de formulaire de contact.

Depuis début 2024, Gmail et Yahoo exigent une authentification de domaine appropriée (SPF et DKIM) pour une livraison fiable. Même si les paramètres de votre formulaire semblent corrects, les e-mails non authentifiés sont souvent bloqués ou envoyés dans le spam.

Heureusement, c'est assez facile à résoudre et cela nécessite généralement seulement de configurer le SMTP (Simple Mail Transfer Protocol) de votre site et de mettre à jour vos enregistrements DNS. Je vais vous montrer exactement comment faire dans les étapes ci-dessous !

Le formulaire de contact Elementor n'envoie pas d'e-mail ? Voici quoi faire

Vérifions d'abord que votre formulaire de contact Elementor est correctement configuré. Ensuite, nous installerons un plugin qui résoudra votre problème de livraison d'e-mails.

Étape 1 : Dépanner les erreurs du formulaire Elementor

Si votre formulaire de contact Elementor n'envoie pas d'e-mail, la première chose à vérifier est que le formulaire fonctionne réellement sur votre site.

Parfois, de nouveaux plugins ou thèmes peuvent casser vos formulaires. En particulier, les nouveaux plugins de mise en cache peuvent causer des problèmes avec les soumissions de formulaires. Parfois, le bouton de soumission ne fonctionne pas du tout.

Les messages d'erreur que vous verrez dépendront du constructeur de formulaires que vous utilisez, nous allons donc examiner les plus courants.

Dépannage du constructeur de formulaires Elementor

Si vous utilisez le constructeur de formulaires Elementor Pro, vous pourriez voir des erreurs comme :

• Erreur_serveur
• Une erreur s'est produite

Assurez-vous que les identifiants de champ sont corrects

Ces deux erreurs signifient probablement qu'un identifiant de champ est manquant dans le constructeur de formulaires Elementor.

Pour corriger cela, allez dans votre tableau de bord WordPress. Ouvrez la page avec le formulaire, puis ouvrez la page dans le constructeur de pages Elementor.

Un par un, cliquez sur chaque champ et vérifiez l'onglet Avancé. Un ID doit être attribué à chaque champ de formulaire :

Vérifiez l’adresse e-mail « De »

Assurez-vous que l’adresse e-mail utilisée dans le champ De provient du même domaine que votre site Web.

Par exemple, si votre site Web est « example.com », votre E-mail de l’expéditeur devrait être quelque chose comme « [email protected] ».

Pour répondre aux demandes de l’utilisateur, configurez le champ Répondre à avec l’e-mail du visiteur. Assurez-vous que votre e-mail « Répondre à » est défini sur une adresse réelle et existante.

Certains messages de formulaire de contact n’arrivent pas à être envoyés car ce champ contient un espace réservé ou une faute de frappe.

Vérifiez les soumissions de formulaire

La fonctionnalité de soumissions de formulaire d’Elementor est un excellent outil pour vérifier la fonctionnalité de votre formulaire. Tout d’abord, testez votre formulaire en saisissant des informations fictives.

Ensuite, allez dans Elementor » Soumissions pour afficher les soumissions collectées et voir si votre entrée de formulaire fictive apparaît dans la liste des soumissions.

Inspectez les intégrations tierces

Désactivez temporairement toute intégration tierce telle que MailChimp ou ActiveCampaign pour voir si cela résout le problème. Si c’est le cas, revoyez vos paramètres d’intégration.

Assurez-vous que les champs obligatoires ne sont pas définis sur « aucun » et que vous n’avez pas inclus de champs supplémentaires comme « adresse » ou « anniversaire » dans vos paramètres de mappage de champs.

Testez avec différentes adresses e-mail

Votre fournisseur de messagerie peut signaler les e-mails du formulaire comme spam. Pour contrer cela, essayez d’utiliser différentes adresses e-mail et de modifier la longueur de la ligne d’objet de votre e-mail.

Erreurs et dépannage WPForms

Si vous souhaitez un constructeur de formulaires gratuit qui fonctionne avec Elementor, vous pouvez utiliser WPForms. La version Lite est 100 % gratuite et fonctionne parfaitement à l’intérieur d’Elementor.

Si WPForms n’envoie pas de notifications dans Elementor, le problème est généralement causé par un conflit de plugins. Vous pourriez voir des erreurs comme :

• Jeton de formulaire invalide : Cette erreur est parfois causée par des plugins de mise en cache. Vous pouvez résoudre ce problème en excluant le JavaScript de WPForms dans les paramètres du plugin de mise en cache.
• WPForms a détecté un problème avec JavaScript sur cette page : Cette erreur signifie que vous avez un problème avec JavaScript. Cela peut être causé par un paramètre de votre plugin ou de votre thème ; la désactivation de la minification devrait résoudre ce problème.

Si vous pouvez soumettre votre formulaire de contact sans voir d’erreurs, il est temps de plonger dans les paramètres d’e-mail du formulaire de contact Elementor.

Étape 2 : Vérifier les notifications de votre formulaire Elementor

La prochaine étape consiste à vérifier que votre formulaire de contact dispose des bonnes notifications par e-mail configurées. Encore une fois, les étapes ici différeront légèrement en fonction de la manière dont vous avez créé votre formulaire.

Notifications du constructeur de formulaires Elementor

Si vous avez créé votre formulaire avec le constructeur de formulaires Elementor, vous voudrez ouvrir votre page dans Elementor maintenant et cliquer sur le formulaire que vous avez créé.

Dans la barre latérale gauche, développez vos paramètres de notification pour le formulaire. Cliquez sur Actions après soumission » E-mail pour voir la notification envoyée avec chaque soumission de formulaire.

Vérifiez maintenant que votre notification de formulaire est correctement configurée.

Définir l'adresse E-mail de l'expéditeur sur une adresse e-mail correspondant à votre domaine peut aider à éviter les problèmes de livraison d'e-mails.

Notifications WPForms

Vous pouvez également utiliser WPForms pour créer votre formulaire de contact Elementor. L'utilisation de WPForms avec Elementor présente de nombreux avantages.

Par exemple, WPForms offre une protection anti-spam beaucoup plus efficace que le constructeur de formulaires d'Elementor Pro.

Pour vérifier vos notifications WPForms, ouvrez la page du formulaire dans Elementor. Cliquez sur le formulaire intégré.

Cliquez ensuite sur le lien Modifier le formulaire sélectionné.

Lorsque le constructeur de formulaires s'ouvre, cliquez sur Paramètres » Notifications.

L'écran des notifications du formulaire s'ouvre sur la droite. Votre notification doit être activée Activé. Et votre Adresse e-mail d'envoi est importante.

Si elle est définie sur {admin_email}, cela signifie que votre formulaire envoie des notifications par e-mail à l'adresse e-mail administrateur par défaut dans WordPress.

Si l'adresse e-mail de l'administrateur est incorrecte, vous pouvez soit modifier l'adresse e-mail de l'administrateur dans WordPress, soit supprimer la balise {admin_email} et taper manuellement une adresse e-mail.

Si vous envoyez une notification à plusieurs adresses e-mail, vérifiez qu'elles sont séparées par des virgules , dans le champ Adresse e-mail d'envoi.

Cliquez sur Enregistrer en haut du constructeur de formulaires et cliquez sur le X pour le fermer. Testez maintenant le formulaire à nouveau pour voir si le problème d'Elementor qui n'envoie pas d'e-mails est résolu.

Nous avons d'autres astuces dans cet article sur WPForms qui n'envoie pas d'e-mail.

Autres constructeurs de formulaires

Vous rencontrez des problèmes avec un autre constructeur de formulaires ? Si c'est le cas, consultez nos guides pour :

• Constructeur de formulaires visuels
• Gravity Forms
• Essential Addons pour Elementor

Vous ne savez pas si vous devriez utiliser Elementor Form vs WPForms pour votre site ? Ce guide comparatif pourrait vous aider à prendre la bonne direction.

Si tous vos paramètres semblent corrects et que votre formulaire Elementor n'envoie toujours pas d'e-mail, la prochaine étape consiste à installer le plugin WP Mail SMTP.

Étape 3 : Installer le plugin WordPress WP Mail SMTP

WP Mail SMTP Lite et Pro est un plugin WordPress qui modifie la façon dont les e-mails sont envoyés depuis votre site WordPress.

Au lieu de s'appuyer sur votre serveur web pour envoyer des e-mails, WP Mail SMTP redirige tous vos e-mails via un fournisseur de messagerie externe.

Cela authentifiera vos e-mails afin qu'ils ne soient pas perdus ou classés comme spam, ce qui peut souvent entraîner des réponses retardées aux clients.

Si vous souhaitez configurer le plugin vous-même, nous vous montrerons comment faire. Tout d'abord, téléchargez le plugin WP Mail SMTP depuis votre espace compte.

Vous pouvez obtenir le fichier .zip pour installer le plugin WordPress depuis votre compte WP Mail SMTP. Il est disponible dans l'onglet Téléchargements.

Vous voudrez maintenant téléverser le plugin sur votre site WordPress. Si vous avez besoin d'aide pour cela, consultez ce guide d'installation d'un plugin WordPress.

Assurez-vous d'Activer le plugin. L'assistant de configuration de WP Mail SMTP s'ouvrira dans votre navigateur. Si vous souhaitez le démarrer manuellement, ouvrez WP Mail SMTP » Assistant de configuration dans le menu de navigation WordPress.

Étape 4 : Choisir un service SMTP fiable pour les e-mails

L'assistant WP Mail SMTP vous guidera dans la configuration de votre nouveau service de messagerie. Cela résoudra le problème des formulaires de contact Elementor qui n'envoient pas d'e-mails.

Pour commencer, cliquez sur le bouton C'est parti.

Sur l'écran suivant, choisissez le fournisseur de messagerie que vous souhaitez utiliser dans la liste. Le fournisseur que vous choisirez ici dépendra de plusieurs facteurs, notamment :

• Volume d'e-mails : Les fournisseurs de messagerie gratuits conviennent mieux aux petits sites Web, tandis que les services de messagerie payants vous offrent plus de capacité.
• Type d'e-mails : Si vous avez une boutique en ligne, recherchez un fournisseur spécialisé dans les e-mails transactionnels.

Si vous n'êtes pas sûr du fournisseur de messagerie à choisir, nous vous recommandons SendLayer, SMTP.com ou Brevo (anciennement Sendinblue).

Il est maintenant temps de passer aux instructions de configuration de votre service de messagerie. Cliquez sur le lien ci-dessous pour accéder à la page pertinente de notre documentation :

Expéditeurs disponibles dans toutes les versions	Expéditeurs dans WP Mail SMTP Pro
SendLayer	Amazon SES
SMTP.com	Microsoft 365 / Outlook.com
Brevo	Zoho Mail
Google Workspace / Gmail
Mailgun
Postmark
SendGrid
SparkPost
Autre SMTP

Vous souhaitez configurer plusieurs services de messagerie ? Vous pouvez le faire dans les paramètres Connexions supplémentaires une fois que vous avez terminé l'assistant de configuration.

Ensuite, vous pouvez sélectionner une Connexion de secours et configurer le Routage intelligent. Revenez à ce guide lorsque vous avez terminé. Dans l'étape suivante, Amélioration de la délivrabilité des e-mails et Suivi des erreurs d'e-mail seront activés pour vous dans l'assistant.

Je vous recommande également d'activer les Journaux d'e-mails détaillés et le Résumé hebdomadaire des e-mails pour tirer le meilleur parti de WP Mail SMTP.

Le paramètre Journaux d'e-mails détaillés conservera un enregistrement de base de chaque e-mail envoyé depuis votre site dans Rapports d'e-mails complets, y compris :

• En-têtes d'e-mail
• Objet
• Date d'envoi
• Statut

Et si vous activez le résumé hebdomadaire des e-mails, vous recevrez un e-mail chaque semaine avec des statistiques complètes sur vos e-mails WordPress.

Les Alertes d'e-mail instantanées sont également une fonctionnalité recommandée. Elles vous informent si votre site n'envoie pas d'e-mail afin que vous puissiez diagnostiquer et résoudre rapidement le problème.

Une fois la journalisation des e-mails activée, vous pouvez également :

• Enregistrer le contenu complet de vos e-mails
• Renvoyer les e-mails échoués de vos formulaires
• Stocker les pièces jointes téléchargées via les formulaires Elementor
• Suivre les ouvertures et les clics d'e-mails pour les notifications de formulaires Elementor

Consultez comment enregistrer vos e-mails WordPress pour en savoir plus.

Lorsque vous aurez terminé l'assistant de configuration, vous recevrez un e-mail de test automatique confirmant que tout est résolu.

Nous avons terminé ! Votre formulaire Elementor devrait maintenant fonctionner. Examinons un moyen de le tester.

Étape 5 : Envoyer un e-mail de test depuis WP Mail SMTP

Une fois que vous avez reçu votre premier e-mail de test de WP Mail SMTP, c'est bon signe que les choses fonctionnent. Votre formulaire Elementor devrait maintenant envoyer des e-mails sans aucun problème.

Mais si vous souhaitez vérifier à nouveau plus tard, ou si quelque chose ne va pas, vous pouvez envoyer manuellement un autre e-mail de test. Rendez-vous simplement dans l'onglet Email Test dans vos paramètres WP Mail SMTP.

Entrez l'adresse e-mail de votre choix pour tester et cliquez sur Send Email. En coulisses, le plugin vérifie si votre domaine est correctement configuré pour envoyer des e-mails.

J'ai vu cet outil résoudre des problèmes qui auraient pris des heures à comprendre autrement. Si vous voyez un message de succès vert, tout est en ordre. Votre formulaire envoie des e-mails avec la bonne configuration.

Mais si le message s'affiche en rouge, quelque chose ne va pas. Ne vous inquiétez pas, le plugin vous indique généralement exactement ce qui manque ou ce qui doit être corrigé, comme un enregistrement DNS manquant ou une discordance d'e-mail d'expéditeur.

Si vous rencontrez des difficultés pour envoyer un e-mail de test, assurez-vous de consulter ce guide sur comment corriger WP Mail SMTP qui n'envoie pas d'e-mail de test.

Étape 6 : Renvoyer les e-mails de formulaire Elementor échoués

Même si tout semble bon, il peut y avoir de rares moments où vos e-mails n'arrivent pas. Peut-être que le serveur SMTP que vous utilisez a un problème momentané, ou que la connexion a été brièvement interrompue.

La bonne nouvelle est que WP Mail SMTP vous permet de renvoyer les e-mails échoués au lieu de recommencer à zéro. Pour renvoyer un e-mail, allez dans WP Mail SMTP » Email Log depuis votre tableau de bord WordPress.

Si un e-mail n'a pas pu être envoyé, vous verrez un point rouge à côté dans le journal des e-mails. Cliquez sur View Log à côté de l'e-mail échoué pour ouvrir ses détails.

Sur le côté droit, dans la section Actions, vous trouverez le bouton Resend. Cliquez dessus.

Si nécessaire, vous pouvez mettre à jour l'adresse e-mail avant de renvoyer. Ceci est utile si vous savez que l'adresse d'origine contenait une faute de frappe. Une fois que vous êtes prêt, confirmez simplement en cliquant sur YES, et votre e-mail sera renvoyé.

Et voilà ! Vous avez maintenant résolu le problème de votre formulaire Elementor qui n'envoie pas d'e-mail.

FAQ sur le formulaire de contact Elementor qui n'envoie pas d'e-mail

Vous cherchez d'autres réponses ? Voici quelques questions courantes concernant les problèmes d'envoi d'e-mails par Elementor.

Que signifie « Erreur serveur. Formulaire non envoyé » ?

Si vous recevez le message d'erreur « Erreur serveur. Formulaire non envoyé » lors de la création d'un formulaire dans Elementor, il s'agit très probablement d'un problème de configuration de wp_mail().

Par défaut, wp_mail() utilise PHP pour envoyer vos e-mails. Mais la plupart des hébergeurs Web désactivent aujourd'hui PHPMail pour des raisons de sécurité.

Pour résoudre ce problème, vous devez installer WP Mail SMTP, qui reconfigure wp_mail() pour utiliser SMTP au lieu de PHP pour envoyer des e-mails.

Si vous avez besoin d'aide, consultez les étapes ci-dessus et vous ne devriez plus voir l'erreur serveur sur Elementor.

Comment envoyer des e-mails de confirmation aux utilisateurs après la soumission d'un formulaire dans Elementor ?

Pour personnaliser les e-mails de confirmation des formulaires Elementor, ajoutez le widget de formulaire à votre page, puis allez dans Actions After Submit » Add Action. Ajoutez ensuite Email.

Ceci ouvrira un menu où vous pourrez personnaliser l'objet de l'e-mail, le contenu du corps, le nom de l'expéditeur, l'e-mail, et plus encore.

Cependant, si vous rencontrez des problèmes d'e-mail avec Elementor, vos e-mails de confirmation ne seront pas envoyés après la soumission de l'utilisateur.

Comme expliqué ci-dessus, vous devrez installer WP Mail SMTP sur votre site pour résoudre tout problème de délivrabilité.

Quels sont les meilleurs paramètres SMTP pour les formulaires Elementor ?

Elementor n'inclut pas sa propre configuration SMTP, mais il fonctionne avec des plugins SMTP comme WP Mail SMTP.

Après avoir installé WP Mail SMTP, connectez votre service d'envoi d'e-mails et assurez-vous que votre domaine dispose des enregistrements SPF et DKIM configurés. Cela aide vos formulaires à envoyer des e-mails de manière plus fiable.

Pourquoi mes e-mails de formulaire Elementor n'arrivent-ils pas sur Gmail ?

Si Gmail ne reçoit pas vos e-mails de formulaire, ou s'ils vont dans les spams, c'est probablement dû à une authentification manquante.

Vous devrez configurer les enregistrements SPF et DKIM sur votre domaine. La plupart des services d'envoi d'e-mails vous donnent ces paramètres lors de la configuration.

WP Mail SMTP fonctionnera-t-il avec Elementor Pro ?

Oui, il fonctionne avec les versions gratuites et Pro d'Elementor. Il prend également en charge les services d'envoi d'e-mails populaires comme Gmail, Outlook, SendLayer et SMTP.com.

Ensuite, vérifiez vos enregistrements SPF, DKIM et DMARC

Les serveurs de messagerie utilisent souvent les enregistrements SPF, DKIM et DMARC pour authentifier les e-mails. WP Mail SMTP vérifiera vos paramètres DNS et vous alertera s'il détecte un problème.

Les enregistrements SPF sont de simples enregistrements TXT qui valident tous les e-mails sortants pour empêcher l'usurpation de domaine. Si vous avez besoin d'avoir plus d'un enregistrement SPF, consultez ce guide pour fusionner plusieurs enregistrements SPF en une seule règle.

Si vous êtes un utilisateur de Visual Form Builder qui rencontre des erreurs d'e-mail, vous pouvez trouver des conseils de dépannage sur Visual Form Builder e-mail non envoyé.

Réparez vos e-mails Elementor maintenant ! :)

Prêt à réparer vos e-mails ? Commencez dès aujourd'hui avec le meilleur plugin SMTP WordPress. Si vous n'avez pas le temps de réparer vos e-mails, vous pouvez obtenir une assistance complète de configuration "White Glove" moyennant un supplément, et il y a une garantie de remboursement de 14 jours pour tous les plans payants.

Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de conseils et tutoriels WordPress.