Combien recevez-vous d’e-mails quotidiennement ? Dix, cinquante, voire des centaines ? 

Peu importe le nombre, finalement. Bien souvent, notre boîte de réception est vite encombrée. Et comme on n’ouvre pas tous ces messages, qu’ils soient intempestifs ou non, on apprécie d’y trouver de la valeur. 

Miracle ! Voilà enfin un e-mail au contenu pertinent. Ah, super ! Cet e-mail propose une présentation visuelle très agréable.

Malheureusement, les occasions de se réjouir sont plutôt rares.

Une jeune femme est dépitée devant son ordinateur
Aaarfff, encore du spam…

Même WordPress n’échappe pas à la règle. Par défaut, les e-mails qu’il envoie sont, disons, assez minimalistes.

Ils ne contiennent que du texte et ne sont pas vraiment optimisés pour mettre en avant votre site.

C’est dommage, car ces e-mails de notification pourraient être utilisés pour que les personnes qui les reçoivent se rappellent davantage de votre site (on a plus tendance à se rappeler de ce qui est beau que de ce qui est laid, en tout cas pour le web).

À mon sens, vos lecteurs/utlilisateurs méritent de recevoir de beaux e-mails, en particulier si vous êtes sensible à l’expérience que vous leur fournissez.

Pour cela, des extensions permettent de personnaliser les e-mails de WordPress, sans toucher à une seule ligne de code. Vous avez envie d’en savoir plus ? Découvrez le sommaire.

Initialement rédigé en novembre 2015, cet article a été mis à jour en novembre 2020.

Hébergez votre site chez o2switch

Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.

ESSAYEZ O2SWITCH
o2switch

Les e-mails par défaut sur WordPress, c’est quoi ?

Si l’on associe bien souvent WordPress à un outil pour créer des sites web de tout genre (blog, e-commerce etc.), n’oublions pas que que le célèbre outil qui propulse plus de 40% du web mondial est aussi capable d’envoyer des e-mails tout seul. Comme un grand.

Mais pas n’importe quel type d’e-mails. Nativement, notre bon vieux WP peut vous faire parvenir – mais aussi et surtout à vos lecteurs – ce que l’on appelle des e-mails transactionnels, soit bien souvent des confirmations d’actions effectuées sur votre site web.

Concrètement, ces e-mails servent à : 

  • vous signaler un nouveau commentaire sur un de vos articles ;
  • vous notifier l’inscription de nouveaux membres (si votre site le permet) ;
  • réinitialiser le mot de passe d’un utilisateur ;
  • prévenir un utilisateur qui a déjà laissé un commentaire qu’on lui a répondu (notification de réponse) ;
  • vous prévenir d’un message rédigé et envoyé à partir d’un formulaire de contact présent sur votre site etc.

Pour info, on différencie l’e-mail transactionnel de l’e-mail relationnel, que vous envoyez par exemple à l’aide d’un service de newsletter, comme Mailchimp.

Ces e-mails 100% WordPress sont utiles, pratiques, et bien souvent attendus par leurs destinataires. Ben oui, imaginez si vous perdez votre mot de passe de connexion à votre administration. 

Je parie que vous serez à l’affût, en train de squatter la boîte de réception de votre messagerie, dans l’attente de l’arrivée imminente de la missive électronique de WP. 

Ça, on est d’accord, c’est super. Mais à côté de cela, ces e-mails ont quand même un (gros) défaut.

Vous vous demandez lequel ? Regardez juste en-dessous.

Pourquoi personnaliser les e-mails par défaut sur WordPress ?

Si l’on reste poli, respectueux et diplomate, on va dire que ces e-mails sont simplistes et impersonnels. 

Si l’on souhaite dire la vérité unilatéralement, allons-y : ces e-mails sont juste moches. 

Lorsque c’est le webmaster (vous) qui les reçoit, ça passe encore. 

Là où cela devient plus embêtant, c’est que WordPress envoie aussi ce genre d’e-mails aux utilisateurs de votre site. Par exemple, lorsqu’ils ont perdu leur mot de passe, comme indiqué plus haut. 

Et vous n’avez peut-être pas envie de leur infliger ce genre de spectacle :

E-mail de réinitilisation du mot de passe sur WordPress

Comme vous pouvez le constater, ces e-mails ont un degré de personnalisation proche du néant : 

  • L’expéditeur se nomme WordPress. Jusque-là, c’est logique. En revanche, il est difficile de distinguer au premier coup d’oeil quel site est à l’origine de l’envoi. En fouinant un peu, on découvre que l’e-mail associe le nom de domaine de votre site à la fin de l’URL (wordpress@votresupersite.fr). On peut donc en déduire d’où provient l’envoi. Mais ça ne saute pas aux yeux, vous en conviendrez.  
  • Il n’y a pas de logo ou d’image pour visualiser plus facilement qui est l’expéditeur.
  • Il n’y a aucune mise en forme dans le texte, ce qui le rend difficilement lisible. Un peu de gras n’aurait pas fait de mal, par exemple.

Vous en conviendrez avec moi, il serait quand même bienvenu de proposer mieux, n’est-ce pas ? 

Tout le monde y trouverait son compte. Vos utilisateurs bénéficieraient d’une expérience utilisateur améliorée, s’ils découvraient un message plus chaleureux et personnalisé.

Quant à vous, vous renforcerez votre image de marque et votre identité, tout en renvoyant une image plus professionnelle.

A l’aide des bons outils, rien ne vous empêche d’incorporer une image, un logo ou encore les couleurs de votre charte graphique au sein des e-mails par défaut envoyés par WordPress.

Pour savoir par où commencer, découvrez une sélection d’extensions triées sur le volet, afin de vous aider à personnaliser l’apparence visuelle de ces e-mails sans mettre les mains dans le cambouis.

Si vous désirez personnaliser le contenu (texte) des e-mails de WordPress, vous pouvez utiliser les hooks précisés dans le commentaire de Julio. Il vous faudra toutefois des connaissances en programmation pour y parvenir.

Si vous préférez vous servir d’une extension, jetez un oeil à SB Welcome Email Editor. Cette dernière permet par exemple de modifier le contenu de l’e-mail de bienvenue envoyé aux nouveaux utilisateurs lors de leur inscription, ou encore celui relatif au mot de passe oublié.

Test de 4 plugins de personnalisation des e-mails de WordPress

Cliquez ici pour passer directement au tutoriel si le comparatif ne vous intéresse pas.

Vous le savez, il existe des plugins pour quasiment tout faire. La personnalisation des e-mails n’échappe pas à la règle.

Au lieu de partager directement avec vous le plugin qui a retenu mon attention, je tenais à vous présenter rapidement ceux qui ont été comparés. Voici le quatuor que j’ai retenu :

  1. WP Better Emails – 20 000 installations actives – Notée 4,7/5 pour 109 notes – Traduit en français.
  2. WP Email Template – 4 000 installations actives – Noté 3,1/5 pour 35 notes – Non traduit.
  3. WordPress Email Template Designer – 20 000 installations actives – Noté 4,9/5 pour 63 notes – Non traduit.
  4. Email Templates – 20 000 installations actives – Noté 4,8/5 pour 109 notes – Traduit en français.

WP Better Emails

WP Better Emails

WP Better Emails est une extension, simple, efficace et fonctionnelle. 

Les réglages sont réduits à la portion congrue, ce qui facilite la prise en main. Vous pouvez : 

  • Définir le nom et l’adresse e-mail de l’expéditeur (pour modifier le wordpress@votresupersite.fr envoyé par défaut).
  • Personnaliser le modèle d’e-mail WordPress à l’aide de l’éditeur de texte. Mais vous ne pourrez que modifier deux petits textes, situés au bas de l’e-mail : “e-mail envoyé le” et “Pour toute demande, contactez…”.
Réglages de WP Better Emails

Pour le reste de la personnalisation, vous devrez triturer le code HTML et CSS de l’e-mail, ce qui rend l’usage de cette extension complexe pour un débutant.

Code HTML de WP Better Emails

On peut aussi regretter que le plugin fasse usage de l’ancien éditeur par défaut de WP (TinyMCE), en lieu en place de l’actuel éditeur, le fameux Gutenberg.

Enfin, bref, si toutes ces lignes de code ne vous font pas peur, pourquoi pas.

Télécharger WP Better Emails sur le répertoire officiel :

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

WP Email Template

WP Email Template

Autant vous le dire, je n’ai pas passé beaucoup de temps à tester ce plugin. Le simple fait de voir à quoi ressemble la page d’options m’a convaincu de ne pas aller plus loin…

Réglages de WP Email Template

Il y a 7 onglets, avec plusieurs sous-menus à chaque fois, ainsi que des publicités sur la droite

J’ai connu plus accueillant en termes d’expérience utilisateur. Vous devrez donc passer un certain temps pour comprendre toutes les options, à condition de maîtriser l’anglais.
L’interface d’administration n’est pas traduire en français.

Télécharger WP Email Template sur le répertoire officiel :

Bref, passons à l’extension suivante.

WordPress Email Template Designer

Extension WordPress Email Template Designer

WordPress Email Template Designer est l’extension la mieux notée de cette sélection (4,9 étoiles sur 5). 

Il faut dire qu’elle a quelques atouts à faire valoir. J’ai bien aimé :

  • sa bibliothèque de 26 templates pour vous éviter de partir d’une feuille blanche, au niveau du design de votre e-mail.
Templates WordPress Email Template Designer
  • La possibilité de pouvoir modifier le nom et l’adresse e-mail WordPress de l’expéditeur.
  • Les réglages pour personnaliser la couleur et la police du titre, du sous-titre, du contenu ou encore des liens.
  • L’option pour ajouter une image/un logo dans l’en-tête de votre e-mail.
  • Les icônes pour vérifier l’affichage responsive de votre e-mail sur smartphone.

Au final, il s’agit d’un plugin très intéressant qui pourrait vous convenir. On peut quand même regretter l’absence de traduction en français de l’interface.

Un souci que vous pouvez contourner en utilisant l’extension Loco Translate, que je vous présente dans cette vidéo :

Malgré tous ces bons points, ce n’est pas WordPress Email Template Designer que je vous recommande en priorité pour personnaliser les e-mails envoyés par WordPress.

Je vous présente l’heureux élu juste en-dessous, tout en vous détaillant pourquoi il m’a séduit.

Télécharger WordPress Email Template Designer :

Email Templates

L'extension Email Templates sur le répertoire officiel

L’extension Email Templates (Modèles d’e-mail) n’est pas la mieux notée de ce comparatif. Pourtant, il s’agit de celle qui me semble la plus adaptée pour un débutant qui souhaite configurer les e-mails de WordPress.

Pourquoi ?

Eh bien tout simplement parce que ce plugin est le plus simple à prendre en main de ce test. Une fois installé, vous aurez besoin d’à peine 5 minutes pour créer un nouveau modèle d’e-mail aux couleurs de votre site.

De plus, il est parfaitement traduit en français, ce qui facilite la compréhension de toutes ses options.

Enfin, cerise sur le gâteau, le plugin utilise l’Outil de personnalisation (Customizer). En vous rendant  dans Apparence > Email Templates, vous serez en mesure de gérer l’apparence de vos e-mails de façon visuelle, et en temps réel.

Nous allons voir comment faire dans la suite de cet article.

Télécharger Email Templates sur le répertoire officiel :

Personnaliser les e-mails de WordPress avec Email Templates

La première chose à faire est bien sûr d’installer le plugin Email Templates. Pour la marche à suivre, je vous redirige vers cet article.

Une fois que l’extension sera en place sur votre site, rendez-vous dans Apparence > Email Templates pour personnaliser le modèle d’e-mail proposé par WordPress. Cela se présente de la façon suivante :

  • Sur la gauche, vous disposez d’un menu de réglages scindé en 6 parties (chiffre 1 sur la capture ci-dessous).
  • Sur la droite, vous visualisez votre modèle d’e-mail par défaut. Dès que vous allez opérer une modification, elle sera visible directement sur la page (chiffre 2).
Réglages d'Email Templates

Passons en revue les différents groupes d’options.

Réglages

Réglages Email Templates

En plus de la personnalisation du style, il est possible de modifier le nom et l’e-mail de l’expéditeur (c’est-à-dire vous). Les paramètres ci-dessus sont ceux que j’utilise avec WPMarmite.

Si vous souhaitez simplement modifier l’expéditeur et le libellé des e-mails automatiques de WordPress, WPMarmite dispose de ce snippet (morceau de code) en boutique.

Modèle

Option Modèle de Email Templates

Ce lot d’options va vous permettre de gérer les paramètres globaux des e-mails, à savoir :

  • le format : en pleine largeur (full width) ou pas (boxed). Dans ce dernier cas, vous pouvez choisir la largeur souhaitée, en pixels, en ajustant le bouton proposé ;
  • la couleur d’arrière-plan : en général, une couleur claire sera très bien ;
  • ajouter du code CSS personnalisé.

En-tête de l’e-mail

L'en-tête de l'e-mail

La personnalisation de l’en-tête permet d’éditer un certain nombre de choses :

  • inclure votre logo ;
  • utiliser un “logo texte” ou ajouter du texte à l’en-tête de votre e-mail ;
  • l’alignement (gauche, centre et droite) ;
  • la couleur de fond ;
  • la taille du texte (si vous n’utilisez pas de logo) ;
  • La couleur du texte (toujours s’il n’y a pas de logo).

Corps de l’e-mail

Corps de l'e-mail

Pour le corps de l’e-mail, c’est-à-dire là où sera placé le contenu principal, on peut personnaliser :

  • la couleur d’arrière-plan ;
  • la taille du texte ;
  • la couleur du texte ;
  • la couleur des liens. A noter que ce dernier réglage n’était pas disponible lorsque j’avais rédigé la première version de cet article, en 2015. Le développeur l’a ajouté par la suite, ce qui reste appréciable.

Pied de page

Réglages pied de page avec Email Templates

Vous arrivez à la dernière zone qu’il est possible de modifier grâce à cette extension. Vous allez pouvoir :

  • changer le contenu du pied de page de l’e-mail (ex : mettre vos crédits etc.) ;
  • choisir son alignement (gauche, centre ou droite) ;
  • définir une taille de texte ;
  • déterminer une couleur de texte ;
  • insérer les crédits du plugin. Pour ma part, cela ne fonctionnait pas sur mon site de test.

Si vous regardez bien l’image associée au pied de page, vous constaterez qu’il est possible d’inclure du code HTML dans le contenu. C’est très pratique pour inclure un lien vers une ressource, ou une page particulière.

Pour l’exemple, j’ai choisi de placer un lien vers Le Chaudron. Cela signifie que chaque personne qui recevrait une notification par e-mail aurait alors la possibilité de découvrir les formations proposées par WPMarmite.

Cela s’intègre parfaitement à l’e-mail, sans que ce soit tape-à-l’oeil. Il ne faut pas tomber dans l’excès de promotion. Cela serait contre-productif. Un peu de délicatesse, quand même !

Et au passage, je vous explique depuis le départ que tous vos changements sont visibles en temps réel. Voici un petit exemple pour que vous visualisiez bien comment cela fonctionne :

Modifications en temps réel sur un email

Terminons avec la dernière option…

Envoyer un e-mail de test

Envoyer un e-mail de test

Comme son nom l’indique, ce dernier volet d’options permet d’envoyer un e-mail de test.

Pour ce faire, il n’y a rien de compliqué. Cliquez sur Publier, en haut à gauche de la fenêtre, pour sauvegarder votre modèle. Puis cliquez sur le bouton Envoyer.

Ne vous préoccupez pas de l’e-mail indiqué dans la description, l’e-mail de test sera envoyé à l’administrateur, c’est-à-dire vous.

Il ne vous reste plus qu’à vérifier que tout s’affiche correctement dans votre boîte de réception, et en voiture Simone ! Votre site aura à présent de beaux e-mails de notification 😉.

Je précise de nouveau que seuls les e-mails de notification de WordPress sont concernés par l’usage de ce plugin. Si vous utilisez un service de newsletter comme Mailchimp ou MailPoet, il faudra créer votre propre modèle via ces services.

Avant de passer à la suite, je souhaiterais faire un petit arrêt concernant la personnalisation des e-mails sur WooCommerce.

Si vous disposez d’une boutique en ligne ou souhaitez vous y mettre, vous vous posez peut-être la question.

Et puis après tout, WooCommerce est quand même de l’un des plugins les plus populaires présents sur le répertoire officiel (+ de 5 millions d’installations actives). Cela fait deux bonnes raisons d’en parler, même brièvement.

Formez-vous à WordPress en 3 mois

Apprenez à concevoir des sites WordPress sécurisés, rapides et conformes aux obligations légales avec la formation à distance la plus généreuse du marché (éligible au CPF).

WPChef, la formation WordPress de référence

Comment personnaliser un e-mail sur WooCommerce ?

Comme avec WordPress, WooCommerce envoie aussi des e-mails transactionnels par défaut dans plusieurs cas de figure.

L’administrateur est par exemple prévenu en cas de nouvelle commande, de commande annulée ou échouée.

Quant au client, il va recevoir des e-mails pour une commande en attente, en cours, terminée, remboursée, ou encore lors d’une demande de réinitialisation de son mot de passe sur la boutique.

WooCommerce propose bien sûr des réglages pour personnaliser ses e-mails. Mais comme pour un site vitrine ou un blog, les options restent très classiques et limitées.

Notifications d'e-mail sur WooCommerce

Pour aller plus loin, vous pouvez bien sûr passer par le code. Mais la solution la plus simple pour un novice, ou une personne qui ne souhaite pas mettre les mains dans le cambouis, reste de se  servir d’une extension.

Il en existe plusieurs sur le répertoire officiel, dont Kadence WooCommerce Email Designer. Une valeur sûre qui vous permettra à la fois de modifier le design de vos e-mails, mais aussi de personnaliser le texte de l’e-mail envoyé par WooCommerce.

Kadence WooCommerce Email Designer

Pour aller plus loin sur ce sujet, je vous invite à consulter cet article publié sur le blog de WooCommerce (en anglais).

Et si jamais vous vous interrogez sur la mise en place d’une boutique WooCommerce, Alex vous explique la marche à suivre dans cette vidéo :

Et en cas de problème, on fait quoi ?

Une fois que vous aurez terminé de configurer l’apparence visuelle de vos e-mails sur WordPress, vos utilisateurs vous signaleront peut-être l’existence d’un problème : ils ne reçoivent pas vos e-mails transactionnels.

Cela peut arriver, mais pas de panique, il existe une solution pour vous sortir de la panade.

Par défaut, il faut savoir que WordPress utilise une fonction PHP, appelée wp_mail(), pour envoyer des e-mails.

Mais comme WordPress n’est pas un service d’e-mailing – à la base, je vous rappelle qu’il a été conçu pour créer des blogs -, il peut par exemple rencontrer des difficultés pour franchir les barrières anti-spam dont se servent les clients e-mail (ex : Gmail, Yahoo, Outlook etc.).

Et parfois, les e-mails peuvent même ne pas s’envoyer du tout.

Afin de lutter contre ce souci de non-délivrabilité, vous pouvez activer une extension dédiée utilisant le protocole SMTP (Simple Mail Transfer Protocol).

Wikpédia indique qu’il s’agit d’un “protocole de communication utilisé pour transférer le courrier électronique vers les serveurs de messagerie électronique”. En principe, cela devrait résoudre votre problème.

Pour cela, deux des extensions les plus populaires sont : 

L’un des fléaux, en e-mailing, c’est aussi le spam. Pour le limiter au maximum, consultez notre ressource dédiée sur le blog de WPMarmite.

On envoie le récap’

Vous voilà arrivé à la fin de ce test pour personnaliser les e-mails sur WordPress. Vous avez découvert l’existence de plusieurs extensions, dont Email Templates, qui vous permettra de transformer les e-mails de notification de votre site en un rien de temps.

Si vous choisissez bien vos couleurs, cela devrait surprendre agréablement vos lecteurs. Mais dans ce cas, attention aux e-mails sapins de Noël !

De votre côté, que pensez-vous de ce plugin ? L’avez-vous installé ?

Dites-moi tout en commentaire 🙂.