WIA.DIGITAL, Web Intelligence Agency

Manuel de terrain · Réglages de WP Mail SMTP

Des e‑mails qui arrivent à destination.

Le pas à pas pour configurer l’envoi des e‑mails de votre site WordPress.

Tous les tutoriels

Lecture recommandée avant toute mission

Configurer les emails sur WordPress

Guide complet pas-à-pas : WP Mail SMTP avec Hostinger + formulaire de contact Divi. Spécialement rédigé par wia.digital.

wia.digital · Guide technique · 2026

📋 Sommaire

  1. Installer le plugin WP Mail SMTP
  2. Récupérer vos identifiants SMTP Hostinger
  3. Configurer WP Mail SMTP
  4. Tester l'envoi d'email
  5. Configurer le formulaire de contact Divi
  6. Tester le formulaire
1

Installer WP Mail SMTP

Extension WordPress gratuite — 5 minutes
1

Aller dans le menu Extensions

Dans votre tableau de bord WordPress, cliquez sur "Extensions" dans le menu de gauche, puis sur "Ajouter une extension".

wia.digital/wp-admin/
🏠 Tableau de bord
📝 Articles
📄 Pages
🔌 Extensions
→ Ajouter
👤 Utilisateurs
⚙️ Réglages

Ajouter une extension

✉️
WP Mail SMTP
The most popular WordPress SMTP plugin. Fix email deliverability.
2

Installer puis activer

Cliquez sur "Installer" à côté de "WP Mail SMTP by WPForms". Une fois installé, le bouton devient "Activer" — cliquez dessus.

✅ Comment savoir si c'est activé ?Un nouveau menu "WP Mail SMTP" apparaît dans la barre latérale gauche de WordPress.
2

Récupérer vos identifiants SMTP Hostinger

Vos informations de connexion au serveur email
1

Connectez-vous à hPanel Hostinger

Ouvrez votre navigateur et allez sur hpanel.hostinger.com. Connectez-vous avec vos identifiants Hostinger.

2

Accéder à vos comptes email

Dans hPanel, cliquez sur "Hébergement" → "Gérer" → dans le menu gauche cherchez "Emails" → "Comptes Email".

hpanel.hostinger.com
📧
Comptes Email
wia.digital — 1 compte actif
contact@votre-site.com
Boîte mail active · Quota 1 GB
Gérer Infos SMTP
3

Notez vos informations SMTP

Voici les paramètres fixes Hostinger que vous utiliserez. Notez votre adresse email complète et votre mot de passe de cette boîte.

Serveur SMTP (Host)smtp.hostinger.com
Port465
ChiffrementSSL
Nom d'utilisateurvotre-adresse@votre-domaine.com
Mot de passele mot de passe de votre boîte mail
⚠️ Mot de passe oublié ?Dans hPanel → Comptes Email → cliquez sur votre adresse → "Changer le mot de passe". Créez-en un nouveau et notez-le bien.
3

Configurer WP Mail SMTP

Relier WordPress à votre serveur email Hostinger
1

Ouvrir les réglages WP Mail SMTP

Dans WordPress, cliquez sur "WP Mail SMTP" dans le menu gauche, puis sur "Réglages".

WP Mail SMTP › Réglages
2

Section "Expéditeur" — en haut de page

Renseignez l'email et le nom qui apparaîtront comme expéditeur dans les emails envoyés depuis votre site.

wia.digital/wp-admin/ → WP Mail SMTP → Réglages
📧 Paramètres d'envoi
➜ Mettez votre adresse email Hostinger (obligatoirement la même que votre SMTP)
➜ Le nom affiché dans la boîte mail du destinataire
3

Choisir le type de mailer

Faites défiler vers le bas jusqu'à la section "Mailer". Cliquez sur "Autre SMTP".

Section "Mailer"
📮
PHP Mail
(ne pas utiliser)
📬
SendLayer
⚙️
Autre SMTP
✅ Choisir ceci
📨
Gmail / G Suite
4

Remplir les paramètres SMTP

Une fois "Autre SMTP" sélectionné, de nouveaux champs apparaissent. Remplissez-les exactement comme indiqué :

Paramètres SMTP — à remplir
➜ Choisir SSL
➜ S'auto-remplit avec SSL
Activée ✅
➜ Votre adresse email complète chez Hostinger
➜ Le mot de passe de votre boîte email Hostinger
⛔ Erreur fréquente !Le "From Email" en haut de page DOIT être la même adresse que votre "SMTP Username". Si c'est différent, Hostinger bloquera l'envoi.
4

Tester l'envoi d'email

Vérifier que tout fonctionne avant de continuer
1

Aller dans l'outil de test

Dans le menu de WordPress, cliquez sur "WP Mail SMTP" puis "Outils".

WP Mail SMTP › Outils › Test d'envoi d'email
2

Envoyer un email de test

Entrez votre adresse email personnelle dans le champ "Envoyer à", puis cliquez sur "Envoyer l'email".

WP Mail SMTP → Outils → Test d'envoi
🧪 Test d'envoi d'email
➜ Mettez votre adresse email personnelle pour recevoir le test
3

Résultat attendu

Si tout est correct, vous verrez un message vert ET vous recevrez un email dans votre boîte.

Résultat du test
✅
Email envoyé avec succès !
L'email de test a bien été transmis. Vérifiez votre boîte de réception.
📨 Vérifiez vos spams !Si vous ne recevez pas l'email de test dans les 2 minutes, regardez votre dossier spam ou courrier indésirable.
❌ Vous voyez une erreur rouge ?Les causes les plus fréquentes : mauvais mot de passe, ou le port 465/SSL bloqué par votre hébergeur. Essayez le port 587 avec TLS à la place.
5

Configurer le formulaire de contact Divi

Paramétrer l'email et le contenu du message reçu
1

Ouvrir la page avec le formulaire dans Divi

Allez sur votre page de contact dans WordPress → cliquez sur "Modifier avec Divi Builder". Localisez le module "Contact Form" et cliquez sur l'icône ✏️ pour l'éditer.

💡 AstuceVous pouvez aussi passer par Pages → votre page de contact → Modifier → Visual Builder.
2

Aller dans l'onglet "Email"

Dans les réglages du module Contact Form, cliquez sur l'onglet "Email".

Divi Builder → Module Contact Form
Module : Contact Form Paramètres
Contenu
Email ✅
Design
Avancé

← Cliquez sur l'onglet "Email" pour voir les paramètres d'envoi

3

Remplir les champs email

Voici exactement ce que vous devez mettre dans chaque champ :

Divi → Contact Form → Onglet Email
➜ Votre adresse email où vous voulez recevoir les messages
➜ L'objet que vous verrez dans votre boîte mail
➜ Affichera le nom du visiteur comme expéditeur
⚠️ DOIT correspondre à votre SMTP Hostinger
➜ Permet de répondre directement au visiteur depuis votre boîte mail
4

Remplir le "Message Pattern"

C'est le champ le plus important — il définit ce que vous lirez dans le corps de l'email reçu. Faites défiler vers le bas dans l'onglet Email pour le trouver.

Champ "Message Pattern"
➜ Copiez-collez ce texte exactement tel quel
🔑 Comment fonctionnent les %%variables%% ?Chaque %%NomDuChamp%% sera remplacé automatiquement par ce que le visiteur a saisi. Le nom entre %% doit correspondre exactement à l'ID du champ dans Divi (pas au titre affiché). Pour vérifier, cliquez sur chaque champ → onglet "Contenu" → champ "ID du champ".
5

Enregistrer les modifications

Cliquez sur "Enregistrer" en bas du module, puis sur le bouton vert "Enregistrer et quitter" du Divi Builder.

⚠️ N'oubliez pas de publier !Si vous éditez via le Visual Builder, pensez bien à cliquer sur le bouton violet en bas "Enregistrer et quitter" pour que les changements soient effectifs sur votre site.
6

Tester le formulaire de contact

Vérification finale — le grand test !
1

Aller sur votre page de contact

Ouvrez votre site en navigation normale (pas en mode édition) et allez sur la page de contact.

2

Remplir et envoyer le formulaire

Remplissez tous les champs avec des données de test et cliquez sur le bouton d'envoi.

3

Vérifier l'email reçu

Vous devriez recevoir un email bien formaté comme ceci :

Votre boîte mail — email reçu
De : Jean Dupont <contact@wia.digital>
À : contact@wia.digital
Objet : Nouveau message de Jean Dupont — wia.digital
✉️ Nouveau message depuis wia.digital 👤 Prénom & Nom : Jean Dupont 🏢 Société : Dupont & Associés 📧 Adresse Mail : jean@dupont.com 💬 Message : Bonjour, je souhaite un devis pour... ─────────────────────── Envoyé via wia.digital
🎉 Félicitations !Si vous recevez cet email avec tous les champs remplis, votre configuration est 100% opérationnelle. WordPress envoie maintenant tous ses emails (formulaire de contact, notifications WIA Digital, alertes d'échéances) via votre adresse Hostinger.

📄 Guide rédigé par wia.digital

WP Mail SMTP + SMTP Hostinger + Divi Contact Form — Configuration complète