🚀 Comment configurer des modèles d'e-mail dans WordPress : guide étape par étape

Les e-mails standard de WordPress sont du texte brut sur fond blanc. Pas de logo, pas de couleur, aucune trace de marque. Lorsqu’un site envoie à un utilisateur une confirmation d’inscription, une réinitialisation de mot de passe ou une notification de commande, ce type d’e-mail ressemble à une réponse automatique impersonnelle. Le destinataire grimace et clique sur «supprimer» sans même finir de le lire.

Le problème ne vient pas du moteur. WordPress intègre des dizaines de types de notifications: des notifications administratives (récupération de mot de passe, nouvel utilisateur) aux notifications transactionnelles (WooCommerce: commande passée, payée, annulée). Mais aucune ne reprend l’identité visuelle du site. Or l’e-mail est un point de contact qui, en une seconde, renforce la confiance ou la détruit.

La solution est le plugin Email Templates. Il intègre un éditeur d’e-mails directement dans le personnalisateur WordPress, la même interface que celle où vous définissez les couleurs du thème, les polices et le logo. Pas de code, pas de balisage, avec une prévisualisation en direct. En cinq minutes, les e-mails du site cessent de faire fuir les destinataires.

💡 Aperçu rapide:

• Installez Email Templates via Extensions → Ajouter, le plugin est gratuit, trouvable par son nom
• Ouvrez l’éditeur dans Apparence → Email Templates, vous arrivez dans le personnalisateur avec prévisualisation en direct
• Configurez l’en-tête: téléversez un logo, définissez la couleur de fond et l’alignement
• Stylisez le corps de l’e-mail et le pied de page aux couleurs de la marque, polices, espacements
• Envoyez un e-mail de test et vérifiez-le dans Gmail, Outlook et Apple Mail
• Cliquez sur Publier, le modèle s’appliquera simultanément à tous les e-mails système de WordPress et WooCommerce

Pourquoi modifier le style des e-mails système

WordPress envoie des notifications pour chaque événement significatif: nouvel utilisateur, réinitialisation de mot de passe, confirmation d’e-mail, changement d’administrateur. Si WooCommerce est actif, les commandes, factures, remboursements et notes de commande s’ajoutent à la liste. Par défaut, tout cela part en texte brut: police Times New Roman ou Arial, fond gris, aucun élément graphique.

Pour un blog personnel, cela reste acceptable. Mais dès que des inscriptions, une boutique ou un programme de membres apparaissent sur le site, l’apparence des e-mails commence à influencer directement la reconnaissance de la marque. Un logo d’entreprise, une mise en page soignée et une palette de couleurs augmentent les taux d’ouverture et réduisent le classement en spam. Les études en marketing par e-mail le montrent: les e-mails transactionnels avec une identité de marque affichent un taux de clics nettement supérieur, l’écart pouvant atteindre des dizaines de points de pourcentage.

Il existe deux approches de base: modifier les templates PHP dans le thème (toute mise à jour effacera les modifications) ou installer un plugin de personnalisation. La seconde voie est plus sûre et ne nécessite pas de toucher au code.

Installation du plugin

Email Templates fonctionne via le personnalisateur natif de WordPress, la même interface où vous configurez les couleurs du thème, les polices et le logo. Cela signifie que toutes les modifications sont visibles immédiatement en temps réel, sans avoir à changer d’onglet. Le plugin est gratuit, avec plus de 300 000 installations actives et une note de 4,7 sur WordPress.org.

L’installation prend une trentaine de secondes:

• Dans l’administration, allez dans Extensions → Ajouter
• Dans la barre de recherche, tapez «Email Templates»
• Cliquez sur Installer, puis sur Activer

Après activation, une entrée Email Templates apparaît dans le menu Apparence. Cliquez dessus, l’éditeur s’ouvrira dans le personnalisateur.

Vous verrez l’interface du personnalisateur avec les onglets: Réglages, Modèle, En-tête de l’e-mail, Corps de l’e-mail, Pied de page et Envoyer un e-mail de test. Nous allons les passer en revue un par un, l’ordre a son importance.

Configuration de l’expéditeur: onglet Réglages

Le premier onglet définit l’identité de l’expéditeur de l’e-mail. Deux champs clés:

• Nom de l’expéditeur, le nom que le destinataire voit. Remplacez «WordPress» par le nom de l’entreprise ou du site: «Équipe NomDuSite», «Support @ NomDuSite». C’est la première chose que le destinataire lit dans sa boîte de réception.
• E-mail de l’expéditeur, l’adresse depuis laquelle les e-mails sont envoyés. Par défaut, elle est reprise des réglages généraux de WordPress (Réglages → Général), mais vous pouvez en indiquer une autre.

Pourquoi c’est important pour la délivrabilité: les serveurs de messagerie font correspondre le domaine de l’adresse d’expédition avec le domaine du site. En cas de discordance, l’e-mail risque fort d’atterrir en spam. Si le site est sur mysite.com mais que l’e-mail d’expédition est défini sur admin@gmail.com, le serveur de messagerie détecte une usurpation et bloque l’envoi. Utilisez toujours une adresse sur le domaine du site.

Géométrie et arrière-plan: onglet Modèle

L’onglet Modèle contrôle la structure globale de l’e-mail. Quatre options:

• Boîte ou pleine largeur, e-mail avec marges sur les bords (mise en page en boîte) ou pleine largeur de la fenêtre
• Couleur d’arrière-plan, couleur de fond à l’extérieur du corps de l’e-mail
• Taille du corps de l’e-mail, largeur de la zone de contenu, réglable par curseur
• CSS personnalisé, champ pour des styles sur mesure si les réglages standard ne suffisent pas

Le choix entre boîte et pleine largeur est une question de contexte. La version en boîte (largeur d’environ 600px avec marge) est plus nette dans les clients de messagerie de bureau et se lit mieux. La pleine largeur convient aux envois promotionnels où chaque pixel compte. Pour les e-mails professionnels et transactionnels, je recommande la version en boîte.

Le CSS personnalisé est utile lorsque vous devez ajuster un détail non couvert par l’interface. Mais gardez à l’esprit que tous les clients de messagerie ne prennent pas en charge les propriétés CSS modernes. Flexbox et Grid ne fonctionnent pas dans les e-mails, appuyez-vous sur une mise en page en tableau et des styles en ligne.

En-tête de l’e-mail: En-tête de l’e-mail

La section En-tête de l’e-mail ajoute un logo et un titre textuel à l’e-mail. C’est la première chose que le destinataire voit en ouvrant l’e-mail. Réglages:

• Ajouter un logo, téléversement d’image (s’affiche en haut de l’e-mail, au-dessus du texte)
• Alignement, alignement du logo et du texte: gauche, centre ou droite
• Couleur d’arrière-plan, fond de l’en-tête
• Couleur du texte, couleur du texte du titre
• Taille du texte, taille de la police, curseur

Un logo dans l’en-tête est le moyen le plus rapide d’ajouter une identité de marque. Règles: utilisez un PNG avec fond transparent, largeur 200-300px. Plus grand, l’e-mail se chargera lentement sur les clients mobiles. Plus petit, le logo se perd à l’écran. Avant le téléversement, assurez-vous que l’image est optimisée: passez-la par TinyPNG ou ShortPixel.

Le texte du titre est facultatif mais constitue un ajout utile. Une bonne option: le nom du site et un slogan court. Choisissez une couleur de texte contrastant avec le fond de l’en-tête.

Corps de l’e-mail: Corps de l’e-mail

L’onglet Corps de l’e-mail contrôle la zone de texte principale, l’objet même de l’e-mail. Vous y définissez:

• Couleur d’arrière-plan, fond du corps de l’e-mail
• Couleur du texte, couleur des paragraphes et des titres
• Couleur des liens, couleur des liens
• Taille du texte, taille de la police

Le contraste entre le texte et le fond est ici essentiel. Un texte gris foncé (#333333) sur fond blanc se lit mieux qu’un noir pur, il fatigue moins les yeux, surtout sur les appareils mobiles. Faites ressortir les liens avec une couleur qui se distingue à la fois du texte principal et du noir: le destinataire doit repérer immédiatement l’élément cliquable. Un bon point de repère: la couleur de marque du site.

Taille du texte: pour les clients de bureau, 14-16px suffisent, pour le mobile, mieux vaut ne pas descendre en dessous de 14px. Les clients de messagerie adaptent le contenu différemment, testez donc sur des appareils réels.

Pied de page: Pied de page

Le Pied de page est le dernier bloc de contenu de l’e-mail. On le néglige souvent, à tort: c’est le seul endroit que tout le monde lit parce qu’on fait défiler jusqu’à la fin pour chercher le bouton «Se désabonner». Réglages:

• Texte du pied de page, texte personnalisé (par défaut: nom du site et symbole de copyright)
• Alignement, alignement du texte du pied de page
• Couleur d’arrière-plan et Couleur du texte, style du pied de page
• Taille du texte, taille de la police
• Powered by, lien vers la page du plugin, s’active et se désactive

Pied de page standard pour un e-mail professionnel: «© SiteName, 2026. All rights reserved» plus un lien vers la politique de confidentialité. Le plugin prend en charge le balisage HTML, vous pouvez donc insérer le lien vers la politique de confidentialité directement dans le texte du pied de page. Powered by, c’est à votre discrétion; le lien n’est pas intrusif et ne nuit pas à l’image de marque.

Si vous traitez des données personnelles d’utilisateurs européens, la présence d’un lien vers la politique de confidentialité dans le pied de page de chaque e-mail système est une exigence du RGPD.

Test et envoi

Lorsque le design est prêt, ouvrez l’onglet Envoyer un email de test. Le plugin enverra un email de test à l’adresse email administrative du site, vous verrez exactement ce que l’utilisateur verra.

Veillez à vérifier l’email dans plusieurs clients de messagerie. Le rendu HTML diffère radicalement: Gmail supprime les <style> du <head>, Outlook s’appuie sur le moteur Word (ne supporte pas toutes les CSS), Apple Mail affiche un rendu proche de celui d’un navigateur. Minimum pour les tests: Gmail (web), Outlook (bureau), Apple Mail ou client mobile iOS.

L’aperçu en direct dans l’outil de personnalisation montre les modifications instantanément, donc une ou deux itérations suffisent généralement. Lorsque le résultat est satisfaisant, cliquez sur Publier dans le coin supérieur gauche de l’outil de personnalisation. Les paramètres s’appliqueront simultanément à tous les emails système de WordPress et WooCommerce.

Intégration avec les plugins SMTP

Email Templates n’envoie pas lui-même les emails, il modifie uniquement leur style HTML. L’envoi est toujours assuré par wp_mail(), qui utilise par défaut la fonction PHP mail(). Pour une délivrabilité fiable, le plugin doit être utilisé avec une solution SMTP. Compatibilité vérifiée:

• Plugin Post SMTP, plus de 400 000 installations actives, plus de 15 fournisseurs SMTP, journaux d’envoi détaillés, application mobile pour la supervision
• Easy WP SMTP, configuration minimaliste, fonctionne avec n’importe quel serveur SMTP sans options superflues
• FluentSMTP, connexion à tout fournisseur SMTP, journaux d’envoi, statistiques et nouvelle tentative automatique pour les emails échoués
• Mailgun, intégration avec l’email transactionnel Mailgun, offre gratuite jusqu’à 100 emails par jour

Point important: Email Templates n’affecte pas les emails provenant de services tiers d’email marketing, Mailchimp, Brevo, ConvertKit et similaires. Pour styliser leurs envois, utilisez les éditeurs intégrés de ces services eux-mêmes.

Template PHP personnalisé: contrôle total du balisage

Si les réglages standard du plugin ne suffisent pas et que vous avez besoin d’un contrôle total sur la structure HTML de l’email, vous pouvez connecter votre propre template PHP. Pour cela, copiez le dossier templates du plugin vers le dossier de votre thème et ajoutez un filtre dans functions.php:

1
add_filter('mailtpl_customizer_template', function($default_template_path) {
2
    return get_stylesheet_directory() . '/email/templates/default.php';
3
});

Après cela, le plugin utilisera votre template PHP au lieu de celui intégré. Veillez à sauvegarder le thème avant toute modification: une erreur dans le template interrompra l’envoi de tous les emails système en une seule fois.

Vidéo: configuration en 10 minutes

Si vous préférez le format visuel, voici un tutoriel pas à pas, de l’installation au template finalisé:

⁉️🤔 Foire aux questions

Le plugin entre en conflit avec mon thème. Que faire?

Vérifiez que la version de WordPress est 4.0 ou supérieure, c’est la configuration minimale requise par le plugin. Un conflit direct avec le thème est peu probable: Email Templates utilise l’outil de personnalisation natif et ne s’injecte pas dans le frontend. En cas de problème, basculez temporairement vers le thème par défaut Twenty Twenty-Five et vérifiez si le conflit a disparu. Le plus souvent, le «conflit» n’est pas causé par le thème mais par un autre plugin qui intercepte wp_mail. Désactivez les plugins d’email un par un et, après chaque désactivation, vérifiez l’aperçu dans l’outil de personnalisation, vous trouverez ainsi le coupable.

Peut-on définir des templates différents selon le type d’email?

Oui, pour les notifications WooCommerce, le plugin affiche une liste déroulante des types: nouvelle commande, annulation, en cours de traitement, terminée, remboursement, facture, note, réinitialisation du mot de passe. Sélectionnez le type et configurez le template séparément. Pour les emails WordPress standards (inscription, récupération de mot de passe), le template est partagé. Si vous avez besoin de templates complètement distincts pour chaque type d’email avec un éditeur glisser-déposer, jetez un œil à Kadence WooCommerce Email Designer.

Le plugin fonctionne-t-il avec les versions modernes de PHP et de WordPress?

Oui. Le plugin est mis à jour et entièrement compatible avec la version actuelle de WordPress, y compris la prise en charge des versions modernes de PHP. En juin 2026, il compte plus de 300 000 installations actives et maintient une note de 4,7, la dernière mise à jour est sortie en 2026. Si des erreurs apparaissent après une mise à jour de WordPress, vérifiez d’abord que le plugin est bien à jour. Les développeurs publient généralement un correctif de compatibilité dans la semaine qui suit une version majeure du moteur.

Les emails arrivent en spam** même après configuration. D’où vient le problème?**

Email Templates modifie uniquement l’apparence des emails, pas la méthode d’envoi. Si les emails arrivent dans les spams, le problème vient du serveur de messagerie. Solution: installez un plugin SMTP (Post SMTP est l’option gratuite la plus complète), configurez l’envoi via un serveur SMTP externe (Gmail, Microsoft 365, Mailgun) et assurez-vous que l’adresse d’expédition (email De) correspond au domaine du site. Les enregistrements SPF, DKIM et DMARC du domaine doivent également être configurés correctement.

Peut-on ajouter une police personnalisée au modèle d’email?

L’interface standard du plugin ne prend pas en charge les polices web personnalisées, et c’est une limitation volontaire: les clients de messagerie ont une prise en charge très limitée de @font-face. La plupart (y compris Gmail et Outlook) ignoreront la police web et afficheront une police système de substitution. Si la police est essentielle pour la marque, utilisez un modèle PHP personnalisé (via le filtre mailtpl_customizer_template), en ajoutant une balise <link> vers la police dans le <head>. Mais attention: certains destinataires verront toujours Arial ou Times.

Email Templates vaut-il la peine d’être installé en 2026

Email Templates couvre le besoin de personnalisation des emails système pour la grande majorité des sites. Gratuit, sans code, avec aperçu en direct, compatible avec WooCommerce et les plugins SMTP populaires. Plus de 300 000 installations actives et une note de 4,7 parlent d’elles-mêmes.

Si vous avez besoin de plus, d’un éditeur par glisser-déposer, de modèles distincts pour chaque type d’email, d’une intégration avec Elementor, jetez un œil à Kadence Email Designer for WooCommerce ou YeeMail. Mais pour débuter et pour la personnalisation quotidienne, Email Templates reste la meilleure option gratuite.

Essayez-le: installation, une minute, premier modèle, cinq minutes. Et si les emails n’arrivent pas même après configuration, vérifiez le SMTP.