10 templates d'e-mails WooCommerce à personnaliser

Guide complet des e-mails WooCommerce : personnalisez 10 templates transactionnels et marketing avec déclencheurs, réglages, exemples et pièges à éviter.

Écrit par

Jessica Oura

Publié le

10 templates d'e-mails WooCommerce à personnaliser

Par défaut, toutes les boutiques WooCommerce envoient les mêmes e-mails de commande. Un client qui achète chez vous puis sur un autre site la même semaine recevra souvent deux confirmations quasi identiques, du bandeau violet au titre générique.

C'est une opportunité manquée. Les e-mails de commande enregistrent parmi les taux d'ouverture les plus élevés du e-commerce, pourtant la majorité ressemble encore à de simples notifications système.

Heureusement, WooCommerce a évolué. Les versions récentes intègrent la gestion du logo, des polices et des couleurs, un éditeur d'e-mails basé sur les blocs et un module natif de demande d'avis. Adapter vos e-mails transactionnels à votre charte graphique ne nécessite plus l'intervention d'un développeur.

En revanche, WooCommerce ne gère pas tout. Les séquences de bienvenue, la relance de panier abandonné, les alertes de retour en stock ou les campagnes de réactivation nécessitent une extension ou une plateforme d'e-mailing connectée à votre boutique.

Ce guide détaille 10 templates incontournables répartis entre ces deux univers. Pour chacun, vous découvrirez le déclencheur, l'emplacement où le modifier, les éléments à personnaliser, un exemple concret de texte et les erreurs courantes à éviter.

Concevez vos templates marketing WooCommerce avec Migma

Templates marketing

La plupart des boutiques WooCommerce gèrent déjà leurs e-mails marketing via des plateformes comme Klaviyo, Omnisend, Mailchimp ou Brevo, toutes connectées à WordPress. Le problème vient rarement de la plateforme elle-même : la difficulté réside dans la création d'e-mails fidèles à votre identité de marque, qui ne ressemblent pas à de simples modèles génériques.

C'est précisément le rôle de Migma.

Votre besoinLa réponse Migma
Design aligné avec votre marque.Extraction du Brand DNA à partir de votre URL.
Contexte de marque respecté.Import de vos ressources dans la base de connaissances.
Contrôle qualité avant envoi.Preflight sur plus de 22 appareils réels.
Diffusion.Publication directe vers votre ESP.
Sauvegarde.Export du code HTML.

Ce que Migma apporte aux boutiques WooCommerce

  • Import du Brand DNA. Renseignez l'URL de votre boutique : Migma extrait automatiquement votre logo, vos couleurs, vos typographies et votre ton pour les appliquer à chaque e-mail.
  • Base de connaissances. Importez vos anciens e-mails, votre charte graphique et vos fiches produits afin que chaque projet démarre avec l'ADN de votre marque, sans page blanche.
  • Segmentation en langage naturel. Décrivez l'audience ciblée en quelques mots, par exemple : « clients ayant commandé deux fois, mais inactifs depuis 90 jours ».
  • Email Preflight. Prévisualisez chaque création sur plus de 22 clients de messagerie et appareils réels avant l'envoi.
  • Veille concurrentielle. Analysez les objets d'e-mails, la fréquence d'envoi et les offres promotionnelles des marques de votre secteur.
  • Publication simplifiée. Exportez vos e-mails finalisés vers Klaviyo, Omnisend, Mailchimp ou Brevo, ou téléchargez directement le code HTML.

Comment l'intégrer à votre boutique WooCommerce

  1. Connectez WooCommerce à votre plateforme d'e-mailing (Klaviyo, Omnisend, Mailchimp ou Brevo).
  1. Créez vos templates marketing (templates 7 à 10 de ce guide) dans Migma, aux couleurs de votre marque.
  1. Publiez-les sur votre plateforme, qui gère les déclencheurs WooCommerce et les envois.

Une précision importante : Migma ne se connecte pas directement au cœur de WooCommerce. L'outil ne permet pas de modifier les e-mails de commande natifs (templates 1 à 6) et ne lit pas les données de boutique WooCommerce comme il le fait avec Shopify. Ces messages transactionnels se personnalisent directement dans l'interface de WooCommerce, comme expliqué ci-dessous.

Créez votre e-mail de panier abandonné WooCommerce aux couleurs de votre marque, puis publiez-le sur votre plateforme d'e-mailing habituelle.

Templates natifs ou marketing : où se gère chaque e-mail ?

Gestion des templates e-mail

L'une des questions les plus fréquentes sur WooCommerce est : « Où trouver le template de panier abandonné ? » En réalité, WooCommerce n'en intègre aucun par défaut. Savoir distinguer les e-mails natifs des messages marketing évite de longues recherches inutiles dans les réglages.

Type de templateEmplacementOù le modifier
Transactionnel natif.WooCommerce.Réglages, éditeur de blocs, surcharges de fichiers.
Marketing et cycle de vie.Extension ou ESP.Éditeur de l'ESP ou Migma.

Les e-mails transactionnels natifs

  • Envoyés automatiquement par WooCommerce lors d'un changement de statut de commande ou de compte.
  • Comprennent la confirmation de commande, l'expédition, le remboursement, l'échec de paiement, la création de compte et la réinitialisation de mot de passe.
  • Certains sont destinés à l'administrateur (nouvelle commande, commande annulée), d'autres au client.
  • Leur délivrabilité doit être irréprochable : ils ne doivent pas dépendre d'un outil marketing, sauf si celui-ci gère explicitement les flux transactionnels.

Les e-mails marketing et de cycle de vie

  • Déclenchés par le comportement des visiteurs : nouvelle inscription, abandon de panier, réassort ou longue période sans achat.
  • Laissés par WooCommerce aux extensions et plateformes tierces, qui apportent la segmentation, le calendrier d'envoi et l'A/B testing.
  • Ce sont eux qui génèrent du réachat : ils méritent une attention graphique particulière.

Vous hésitez encore sur le choix de votre outil d'envoi ? Notre comparatif des alternatives à Klaviyo pour l'e-commerce détaille les options majeures et leur intégration à WooCommerce.

Trois méthodes pour personnaliser les e-mails WooCommerce

MéthodeCompétence requiseIdéal pour
Réglages d'e-mail.Aucune.L'identité visuelle de base.
Éditeur d'e-mails en blocs.Débutant.La mise en page et le contenu.
Surcharges de templates.Développeur.Un contrôle sur mesure.

1. Les réglages d'e-mail WooCommerce (sans code)

Rendez-vous dans WooCommerce > Réglages > E-mails. En activant l'option d'amélioration des e-mails dans Réglages > Avancé > Fonctionnalités, vous pouvez configurer :

  • Le logo et sa largeur d'affichage.
  • L'alignement de l'en-tête.
  • La typographie principale.
  • Le texte du pied de page.
  • Une palette de couleurs synchronisée avec votre thème ou cinq teintes manuelles : couleur d'accentuation, fond de l'e-mail, fond du contenu, titres et textes, texte secondaire.

Chaque notification dispose également de ses propres options :

  • Activation ou désactivation (l'e-mail contenant les détails de commande ne peut être désactivé).
  • Objet, titre et contenu additionnel, avec variables dynamiques.
  • Type d'e-mail : texte brut, HTML ou multipart.
  • Destinataires, avec ajout de champs Cc et Cci selon les templates.

Vous pouvez aussi définir le nom et l'adresse de l'expéditeur, ajouter une adresse de réponse distincte (Reply-to), prévisualiser le rendu sur ordinateur et mobile, et envoyer un e-mail de test.

2. L'éditeur d'e-mails en blocs (version alpha)

Cette fonctionnalité intègre le système de blocs de WordPress à la gestion des e-mails WooCommerce. Activez-la dans Réglages > Avancé > Fonctionnalités.

  • Modifiez le contenu de chaque message avec des blocs plutôt que de simples champs texte.
  • Utilisez l'option « Modifier le template » pour ajuster l'enveloppe du message (en-tête et pied de page).
  • Vérifiez les mises à jour des templates de base de WooCommerce sur vos versions personnalisées pour conserver ou remplacer les textes en conflit.
  • Intégrez des liens publics YouTube, VideoPress, Vimeo, TikTok ou Dailymotion sous forme de miniatures cliquables (ces trois derniers ont été ajoutés en version 11.0).

Cette interface étant encore au stade alpha, testez minutieusement chaque modification avant de la déployer en production.

3. La surcharge de templates (pour développeurs)

  • Copiez les fichiers de templates d'e-mails de WooCommerce directement dans votre thème enfant pour les modifier.
  • Offre un contrôle total sur la structure HTML et la logique d'affichage.
  • Nécessite des compétences en développement et un suivi rigoureux lors des mises à jour majeures de WooCommerce pour éviter les incompatibilités.

Vue d'ensemble des 10 templates

TemplateNatif ?Édition
1. Commande en cours.Oui.WooCommerce.
2. Commande terminée.Oui.WooCommerce.
3. Commande échouée.Oui.WooCommerce.
4. Commande remboursée.Oui.WooCommerce.
5. Nouveau compte.Oui.WooCommerce.
6. Demande d'avis.Oui (bêta).WooCommerce.
7. Séquence de bienvenue.Non.ESP ou Migma.
8. Panier abandonné.Non.ESP ou Migma.
9. Retour en stock.Partiellement.Extension ou ESP.
10. Réactivation (win-back).Non.ESP ou Migma.

Chaque section ci-dessous présente le déclencheur, le lieu de modification, les points à personnaliser, un exemple pour une boutique fictive nommée Fernwood Supply, et l'erreur la plus fréquente.

10 templates d'e-mails WooCommerce

1. Commande en cours (confirmation de commande)

Confirmation de commande

Déclencheur et destinataire : Envoyé au client dès que le paiement est validé.

Où le modifier : WooCommerce > Réglages > E-mails > Commande en cours.

Éléments à personnaliser :

  • Indiquez une estimation réaliste des délais de livraison en haut du message.
  • Expliquez comment joindre le support en cas d'erreur dans la commande.
  • Conservez le récapitulatif des achats en priorité ; placez les recommandations de produits en dessous.
  • Utilisez le champ de contenu additionnel pour insérer un mot de remerciement fidèle à votre ton de marque.

Exemple de texte :

  • Objet : Commande confirmée : votre commande Fernwood n° {order_number}
  • Titre : Merci pour votre achat ! Notre équipe prépare votre colis.
  • Contenu additionnel : La plupart des commandes sont expédiées sous 2 jours ouvrés. Répondez simplement à cet e-mail si vous constatez la moindre erreur.

Erreur fréquente : Mettre une bannière promotionnelle avant les détails d'achat. Le client ouvre ce message pour vérifier sa commande, pas pour acheter à nouveau dans l'immédiat.

2. Commande terminée (expédiée)

Déclencheur et destinataire : Envoyé au client lorsque le statut passe à « Terminée », ce qui correspond généralement au départ du colis.

Où le modifier : WooCommerce > Réglages > E-mails > Commande terminée.

Éléments à personnaliser :

  • Intégrez un lien de suivi de colis (nécessite le plus souvent une extension de suivi d'expédition).
  • Ajoutez des conseils d'entretien ou d'utilisation des articles achetés.
  • Rappelez comment contacter le service client ou effectuer un échange.

Exemple de texte :

  • Objet : Votre commande Fernwood a été expédiée
  • Titre : Votre colis est en route.
  • Contenu additionnel : Suivez l'acheminement de votre colis avec le lien ci-dessous. Retrouvez nos conseils d'entretien au bas de ce message.

Erreur fréquente : Valider la commande comme terminée avant la remise réelle au transporteur. Le client s'attend alors à recevoir un colis qui n'a pas encore quitté l'entrepôt.

3. Commande échouée (client)

Template d'e-mail Migma

Déclencheur et destinataire : Envoyé au client lorsqu'une commande en attente passe en échec de paiement.

Où le modifier : WooCommerce > Réglages > E-mails > Commande échouée (copie client).

Éléments à personnaliser :

  • Adoptez un ton rassurant : un rejet est souvent lié à la banque, pas à une mauvaise manipulation du client.
  • Rendez le bouton de nouvelle tentative très visible.
  • Rappelez les autres moyens de paiement acceptés sur votre boutique.

Exemple de texte :

  • Objet : Votre paiement n'a pas pu aboutir. Votre panier reste réservé.
  • Titre : Réessayons ensemble.
  • Contenu additionnel : Cela se produit généralement lors d'un refus temporaire de votre banque. Vos articles restent bien au chaud dans votre panier : vous pouvez retenter l'opération avec une autre carte ou un autre moyen de paiement.

Erreur fréquente : Traiter cet e-mail comme un simple message d'erreur technique. C'est un levier direct de récupération de chiffre d'affaires, tout aussi stratégique qu'une relance de panier abandonné.

4. Commande remboursée

Déclencheur et destinataire : Envoyé au client lors d'un remboursement. WooCommerce propose des réglages distincts pour les remboursements partiels et totaux.

Où le modifier : WooCommerce > Réglages > E-mails > Commande remboursée.

Éléments à personnaliser :

  • Précisez le délai moyen d'apparition des fonds sur le compte bancaire.
  • Rédigez des objets bien différenciés pour les remboursements partiels et complets.
  • Proposez une passerelle discrète vers la boutique (par exemple, un lien vers les nouveautés).

Exemple de texte :

  • Objet : Le remboursement de votre commande n° {order_number} est en cours
  • Titre : Votre remboursement a bien été validé.
  • Contenu additionnel : Les fonds apparaissent généralement sur votre compte sous 5 à 10 jours ouvrés, selon les délais de votre établissement bancaire.

Erreur fréquente : Utiliser le même texte pour un remboursement partiel et total, ce qui crée la confusion chez le client sur la somme réelle créditée.

Vérifiez les délais réels appliqués par votre passerelle de paiement (Stripe, PayPal, etc.) avant de fixer ces indications dans votre template.

5. Nouveau compte

Déclencheur et destinataire : Envoyé au client lorsqu'il crée un compte sur la page de paiement ou dans l'espace client.

Où le modifier : WooCommerce > Réglages > E-mails > Nouveau compte.

Éléments à personnaliser :

  • Rappelez les avantages du compte : suivi des commandes, paiement plus rapide, carnets d'adresses enregistrés.
  • Incitez à une première action claire.
  • Faites le lien avec votre séquence de bienvenue si vous en diffusez une via votre plateforme d'e-mailing.

Exemple de texte :

  • Objet : Bienvenue chez Fernwood ! Votre compte est prêt.
  • Titre : Tout est configuré.
  • Contenu additionnel : Suivez vos colis, gérez vos adresses et gagnez du temps lors de vos prochains achats. Découvrez dès maintenant nos meilleures ventes ci-dessous.

Erreur fréquente : Conserver le titre générique par défaut. Cet e-mail bénéficie d'un taux d'attention élevé : ne le gaspillez pas avec un message austère.

6. Demande d'avis (bêta)

Demande d'avis

Déclencheur et destinataire : Envoyé après la finalisation d'une commande contenant des articles éligibles aux avis. Le délai par défaut est de 7 jours.

Où le modifier : Activez la fonctionnalité « Demande d'avis client », puis configurez-la dans WooCommerce > Réglages > E-mails.

Éléments à personnaliser :

  • Ajustez le délai selon vos produits : les vêtements nécessitent d'être essayés et portés, les cosmétiques demandent parfois plusieurs semaines.
  • Posez une question précise (ex. : « La taille correspond-elle à vos attentes ? »).
  • Rendez le bouton d'avis ergonomique et facile à toucher sur mobile.

Exemple de texte :

  • Objet : Que pensez-vous de vos articles Fernwood ?
  • Titre : Une petite question pour nous aider.
  • Contenu additionnel : Votre retour aide les prochains visiteurs à faire le bon choix. Remplir cet avis ne vous prendra pas plus d'une minute.

Erreur fréquente : Déclencher l'e-mail avant la réception effective ou l'utilisation du produit, ce qui diminue le nombre de réponses et la qualité des retours.

Cette option étant en version bêta, vérifiez son comportement sur votre version de WooCommerce avant de l'automatiser à grande échelle.

Les templates 7 à 10 relèvent du marketing. Absents du cœur de WooCommerce, ils se créent dans votre outil d'e-mailing connecté et se conçoivent dans Migma ou dans l'éditeur de votre ESP.

7. Séquence de bienvenue

E-mail de bienvenue

Déclencheur et destinataire : Un nouvel inscrit rejoint votre liste via un formulaire ou la case d'inscription au moment du paiement.

Où le modifier : Sur votre plateforme d'e-mailing, avec un design conçu dans Migma ou dans votre éditeur habituel.

Éléments à personnaliser :

  • Structurez un scénario en trois e-mails avec un objectif distinct pour chacun.
  • Présentez l'histoire de votre marque dès le premier message au lieu d'envoyer uniquement un code promo.
  • Mettez en avant vos véritables meilleures ventes, pas une grille aléatoire d'articles.
E-mailDélaiObjectif
E-mail 1.Immédiat.L'histoire de votre marque.
E-mail 2.J+2.Vos produits phares.
E-mail 3.J+4.L'incitation au premier achat.

Exemple de texte :

  • Objet : Bienvenue chez Fernwood ! Voici ce que nous créons.
  • Pré-en-tête : Des pièces durables, produites en petites séries.
  • Phrase d'accroche : Merci de nous rejoindre. Voici qui nous sommes en quelques mots, et par où commencer votre découverte.

Erreur fréquente : Vouloir tout condenser dans un seul message interminable.

Pour découvrir l'ensemble des scénarios automatisés indispensables en e-commerce, consultez notre guide sur les scénarios d'automatisation d'e-mails.

8. Panier abandonné

Relance de panier abandonné

Déclencheur et destinataire : Un internaute ajoute des produits au panier puis quitte le site sans finaliser sa commande.

Où le modifier : Dans votre outil d'e-mailing ou via une extension dédiée aux paniers abandonnés. Le cœur de WooCommerce ne prend pas ce message en charge.

Éléments à personnaliser :

  • Affichez les articles exacts laissés de côté, visuels à l'appui.
  • Attribuez un rôle précis à chaque message de la relance.
  • Réservez les remises éventuelles pour le dernier e-mail ou les paniers au montant élevé.
E-mailDélaiObjectif
E-mail 1.2 à 4 heures.Simple rappel.
E-mail 2.24 heures.Avis clients et réponses aux questions fréquentes.
E-mail 3.48 heures.Alternatives produits ou offre promotionnelle.

Exemple de texte :

  • Objet : Vous avez laissé des articles dans votre panier Fernwood
  • Pré-en-tête : Nous les avons mis de côté pour vous.
  • Phrase d'accroche : Votre sélection vous attend toujours. Voici ce que d'autres clients pensent de ces articles.

Erreur fréquente : Proposer un code promo dès le premier e-mail. Cela habitue vos acheteurs à abandonner volontairement leur commande pour obtenir un rabais.

Selon le rapport Klaviyo 2026 sur les paniers abandonnés, le taux de clic moyen atteint 6,0 % pour un revenu moyen de 6,77 $ par destinataire. Les 10 % des boutiques les plus performantes atteignent 11,3 % de clics et 13,70 $. Le séquençage ci-dessus s'inspire de cette structure éprouvée.

Pour enrichir vos scénarios au-delà du rappel classique, explorez nos exemples d'e-mails de relance dans la mode.

9. Retour en stock

Déclencheur et destinataire : Réapprovisionnement d'un article ou d'une variante pour laquelle un client avait demandé à être averti.

Où le modifier : Via une extension dédiée ou votre plateforme d'e-mailing. WooCommerce propose un e-mail expérimental de vérification d'inscription au retour en stock : vérifiez la compatibilité de votre version avant d'ajouter une extension.

Éléments à personnaliser :

  • Déclenchez l'alerte sur la variante précise (taille, coloris), pas uniquement sur le produit global.
  • Nommez la déclinaison exacte dès la ligne d'objet.
  • N'envoyez un second rappel que si le stock restant est réellement limité.

Exemple de texte :

  • Objet : De retour : Tablier en lin coloris Mousse
  • Pré-en-tête : Vous nous aviez demandé de vous prévenir en priorité.
  • Phrase d'accroche : La couleur que vous attendiez est de nouveau disponible, en quantité limitée.

Erreur fréquente : Alerter tous les inscrits alors qu'une seule variante ou taille a été réapprovisionnée.

10. Réactivation (win-back)

Campagne de réactivation

Déclencheur et destinataire : Un client n'a rien commandé depuis 90 à 180 jours, selon le cycle de réachat habituel de votre catalogue.

Où le modifier : Dans votre outil d'e-mailing, avec une mise en page réalisée sur Migma ou l'éditeur natif de la plateforme.

Éléments à personnaliser :

  • Calibrez vos délais sur la fréquence réelle de rachat de votre boutique.
  • Présentez les nouveautés sorties depuis la dernière visite.
  • Réservez l'éventuel avantage commercial pour le tout dernier message.
E-mailDélaiObjectif
E-mail 1.J0.Les nouveautés depuis son dernier passage.
E-mail 2.J+5.Recommandations basées sur l'historique d'achat.
E-mail 3.J+10.Offre de relance finale.

Exemple de texte :

  • Objet : Du nouveau chez Fernwood depuis votre dernière visite
  • Pré-en-tête : Quelques pièces sélectionnées pour vous.
  • Phrase d'accroche : Les choses ont bougé depuis votre dernière commande. Voici nos dernières créations, à commencer par celles qui s'associent parfaitement avec vos précédents achats.

Erreur fréquente : Commencer par « Vous nous manquez ». Cette formulation est centrée sur la boutique, pas sur l'intérêt du client.

Pour personnaliser vos sélections d'articles sans mobiliser d'équipe dédiée, lisez notre article sur la personnalisation d'e-mails par IA pour les équipes réduites.

Quels templates prioriser ?

Inutile de tout revoir le premier jour. Travaillez par étapes selon cet ordre de priorité :

ÉtapeTemplatesPourquoi ?
Étape 1.Commande en cours, commande terminée.Visibilité maximale : tous vos clients les reçoivent.
Étape 2.Panier abandonné, commande échouée.Récupération directe de ventes perdues.
Étape 3.Bienvenue, nouveau compte.Soigner la première impression.
Étape 4.Avis, retour en stock, réactivation.Développer la fidélisation et le réachat.
  • L'étape 1 prend moins d'une heure dans les réglages WooCommerce et rehausse immédiatement le niveau perçu de votre marque.
  • L'étape 2 génère du chiffre d'affaires sur des paniers qui seraient autrement définitivement perdus.
  • L'étape 3 pose des bases claires pour vos nouveaux clients et abonnés.
  • L'étape 4 transforme vos acheteurs ponctuels en clients réguliers.

Les e-mails administrateur à ne pas négliger

Tous les e-mails émis par WooCommerce ne s'adressent pas aux clients. Plusieurs notifications internes vous sont destinées et déterminent la réactivité de votre équipe face aux incidents.

E-mailDéclencheurÀ personnaliser
Nouvelle commande.Réception d'un achat.Liste des destinataires.
Commande annulée.Annulation d'une commande.Liste des destinataires.
Commande échouée.Échec d'un paiement.Liste des destinataires.
  • Acheminez les alertes aux bons collaborateurs. Envoyez les notifications de nouvelle commande à la logistique et les échecs de paiement au service client.
  • Exploitez les champs Cc et Cci pour avertir une boîte de messagerie partagée plutôt qu'une adresse individuelle.
  • Ajustez les objets pour faciliter le tri automatique dans votre boîte mail, notamment en intégrant le nom de la boutique.
  • Restez sobre. Les notifications internes n'ont pas besoin d'artifices graphiques : elles doivent être lues et traitées rapidement.

Si votre boutique active la rétractation de commande (Order Withdrawal), WooCommerce envoie une notification de demande à l'administrateur et un accusé de réception au client. Harmonisez la version client avec la charte graphique de vos autres e-mails de commande.

Checklist avant mise en ligne

Vérifiez ces points avant d'activer tout template personnalisé, que ce soit dans WooCommerce ou sur votre plateforme d'e-mailing.

ContrôleCritère de validation
Identité de marque.Logo, typographies et couleurs fidèles au site.
Variables dynamiques.Chaque balise affiche la bonne information.
Rendu mobile.Lecture fluide sans avoir à zoomer.
Mode sombre.Textes et logos parfaitement lisibles.
Liens.Chaque bouton pointe vers la bonne URL.
Test d'envoi.E-mail bien reçu sur une vraie boîte de messagerie.
  • Effectuez une commande de test complète pour vérifier l'enchaînement des e-mails de commande en cours et terminée.
  • Contrôlez au minimum le rendu sur Gmail, Apple Mail et Outlook.
  • Relisez la version texte brut, car certains clients de messagerie l'affichent par défaut.
  • Faites relire vos textes par une personne externe : un regard neuf détecte immédiatement les formulations ambiguës.

Le module Email Preflight de Migma automatise la vérification de l'affichage sur plus de 22 appareils réels pour tous les templates que vous y concevez.

Bonnes pratiques de design pour vos e-mails WooCommerce

Ces recommandations s'appliquent aussi bien aux e-mails natifs qu'aux campagnes marketing.

  • Facilitez la lecture des informations clés. Le numéro de commande, la liste des articles, le montant total et le délai de livraison doivent être repérables en un coup d'œil.
  • Limitez-vous à un bouton d'action principal. Suivre le colis, renouveler le paiement ou laisser un avis : ne surchargez jamais l'e-mail avec trois boutons concurrents.
  • Ajustez la taille du logo pour smartphone. Utilisez le paramètre de largeur de logo de WooCommerce pour éviter que l'en-tête ne repousse le contenu sous la ligne de flottaison.
  • Anticipez le mode sombre. Un logo sombre sur fond transparent devient souvent invisible sur fond noir.
  • Préférez le format multipart. WooCommerce peut envoyer simultanément la version HTML et texte brut, ce qui garantit une lisibilité parfaite même si les images sont bloquées.
  • Renseignez une adresse Reply-to consultée. Vos clients répondent régulièrement aux confirmations de commande : assurez-vous qu'une personne de votre équipe traite ces retours.
  • Restez cohérent avec votre boutique. Reprenez la charte graphique de votre site pour que le client identifie immédiatement votre marque.

Avant toute mise en ligne, vérifiez le comportement de votre code. Notre sélection d' outils de test pour e-mails HTML vous aide à choisir la solution adaptée.

Les erreurs fréquentes sur WooCommerce

ErreurSolution
Envoi par la fonction mail native de WordPress.Passer par un service SMTP ou transactionnel dédié.
Objets laissés par défaut.Réécrire chaque objet d'e-mail.
Promotions placées avant les détails d'achat.Priorité absolue aux informations de commande.
Fichiers de templates obsolètes après mise à jour.Vérifier les surcharges après chaque version majeure.
Absence d'envoi test.Tester chaque modification en conditions réelles.
  • Compter sur l'envoi par défaut de votre serveur d'hébergement. Par défaut, WordPress utilise la fonction mail() PHP, qui manque souvent d'authentification. Installer une extension SMTP ou souscrire à un service d'e-mails transactionnels améliore nettement l'arrivée de vos messages en boîte de réception.
  • Négliger l'authentification de domaine. Configurez les enregistrements SPF, DKIM et DMARC sur le nom de domaine expéditeur de votre boutique.
  • Oublier les alertes administrateur. Les avis de nouvelle commande ou d'échec de paiement vous sont destinés : vérifiez qu'ils arrivent chez les collaborateurs qui peuvent intervenir.
  • Ne personnaliser qu'une seule fois. WooCommerce met régulièrement à jour ses templates par défaut. Vérifiez vos e-mails modifiés après chaque montée de version importante.

Si vos messages atterrissent dans les courriers indésirables, consultez notre dossier sur les outils de délivrabilité pour l'e-commerce.

En conclusion

WooCommerce intègre une base solide d'e-mails de commande et propose désormais de vrais outils pour les harmoniser avec votre marque. En revanche, la plateforme ne fournit pas les messages marketing capables de générer des ventes répétées.

Commencez par personnaliser les templates natifs directement dans WooCommerce. Ensuite, construisez vos e-mails de bienvenue, de panier abandonné, de retour en stock et de réactivation sur une plateforme d'e-mailing connectée à votre boutique. Avec un design soigné et fidèle à votre univers, chaque point de contact renforcera l'image de votre marque.

Créez vos e-mails marketing WooCommerce aux couleurs de votre marque avec Migma, puis diffusez-les via Klaviyo, Omnisend, Mailchimp ou Brevo. Démarrez votre essai gratuit dès aujourd'hui.

Call To Action pour Migma

Foire aux questions

Comment personnaliser les templates d'e-mails WooCommerce sans coder ?

Rendez-vous dans WooCommerce > Réglages > E-mails et activez l'option d'amélioration des e-mails sous Réglages > Avancé > Fonctionnalités pour modifier votre logo, vos polices, le pied de page et les couleurs sans toucher au code. Pour vos e-mails marketing (bienvenue, panier abandonné, réactivation), Migma extrait le Brand DNA de votre boutique depuis votre URL et crée des e-mails sur mesure, avant de les publier sur votre outil d'envoi habituel.

Quels e-mails sont envoyés par défaut par WooCommerce et comment les modifier ?

WooCommerce gère les e-mails transactionnels essentiels : commande en cours, commande terminée, échec de commande, remboursement, création de compte et réinitialisation de mot de passe, ainsi que les alertes administrateur (nouvelle commande, commande annulée). Vous pouvez les éditer dans WooCommerce > Réglages > E-mails ou via l'éditeur d'e-mails en blocs. Migma ne modifie pas ces e-mails natifs, mais prend en charge les campagnes marketing complémentaires pour garantir la cohérence visuelle de tous vos envois.

Comment insérer mon logo, mes couleurs et mon pied de page dans les e-mails WooCommerce ?

En activant l'amélioration des e-mails dans WooCommerce > Réglages > E-mails, vous pouvez ajuster votre logo, sa largeur, l'alignement, la typographie, le pied de page et sélectionner une palette de couleurs manuelle ou synchronisée avec votre thème. Pour vos e-mails marketing, l'import Brand DNA de Migma récupère automatiquement ces mêmes éléments visuels et votre ton depuis votre URL pour préserver une identité constante.

Pourquoi mes e-mails WooCommerce arrivent-ils dans les spams ou ne partent-ils pas ?

Par défaut, WordPress utilise la fonction d'envoi native de votre hébergeur web, qui manque souvent des protocoles d'authentification nécessaires : les messages sont alors filtrés ou bloqués. Utilisez une extension SMTP ou un service transactionnel tiers, et configurez les protocoles SPF, DKIM et DMARC sur votre domaine d'envoi. Migma n'intervient pas sur la configuration de votre serveur WooCommerce, mais son outil Preflight vérifie l'affichage de vos e-mails marketing sur plus de 22 appareils réels avant leur diffusion.

Comment surcharger les templates WooCommerce sans perdre ses modifications lors des mises à jour ?

Copiez les fichiers de templates concernés dans un thème enfant plutôt que de modifier directement les fichiers de l'extension WooCommerce. Vous éviterez ainsi que les mises à jour n'écrasent votre travail. Pensez toutefois à inspecter ces fichiers lors des versions majeures de WooCommerce, car la structure de base évolue. Pour vos e-mails marketing, concevoir vos maquettes dans Migma élimine tout besoin de surcharge, car ces messages sont hébergés sur votre outil d'e-mailing externe.

Quelle est la meilleure extension pour personnaliser les e-mails WooCommerce ?

Le choix dépend de vos objectifs. Pour adapter le design des e-mails de commande natifs, les réglages intégrés et le nouvel éditeur de blocs de WooCommerce suffisent aujourd'hui à la plupart des boutiques sans ajout de plugin. Pour vos flux marketing, connectez votre boutique à une plateforme spécialisée (Klaviyo, Omnisend, Mailchimp ou Brevo) et appuyez-vous sur Migma pour concevoir des messages fidèles à votre marque avant leur publication.

Comment envoyer une confirmation de commande WooCommerce qui propose aussi des produits complémentaires ?

Maintenez impérativement le récapitulatif d'achat et le délai de livraison en tête du message, puis insérez une sélection restreinte d'articles complémentaires en dessous : le client ouvre cet e-mail avant tout pour vérifier son paiement. Cet ajout peut se faire via l'éditeur de blocs ou une surcharge de template. Migma ne modifie pas l'e-mail de confirmation natif : pour ce type de suggestion, créez plutôt une séquence post-achat dédiée dans Migma et envoyez-la depuis votre ESP.

Comment mettre en place des e-mails de paniers abandonnés et de réactivation avec WooCommerce ?

WooCommerce n'intègre pas ces messages par défaut. Connectez votre boutique à un outil comme Klaviyo, Omnisend, Mailchimp ou Brevo, qui prendra en charge les déclencheurs et les règles d'envoi. Concevez ensuite vos e-mails dans Migma à partir de votre Brand DNA et de votre base de connaissances, puis poussez-les vers votre ESP. Prévoyez généralement une séquence de trois messages avec un rôle bien défini pour chacun, en réservant les offres promotionnelles au dernier envoi.

Comment prévisualiser et tester mes e-mails WooCommerce avant diffusion ?

Utilisez les options d'aperçu et d'envoi de test disponibles dans WooCommerce > Réglages > E-mails, puis passez une véritable commande de test sur votre site pour valider l'enchaînement complet des statuts. Inspectez le rendu dans Gmail, Apple Mail et Outlook, y compris en mode sombre. Pour les e-mails marketing réalisés dans Migma, la fonctionnalité Email Preflight affiche l'aperçu de chaque template sur plus de 22 appareils et clients de messagerie réels avant publication.

Peut-on utiliser un éditeur d'e-mails en glisser-déposer avec WooCommerce au lieu de coder en PHP ou HTML ?

Oui. L'éditeur d'e-mails en blocs de WooCommerce permet d'ajuster les messages natifs visuellement sans toucher au code, même s'il reste pour l'instant en version alpha (testez donc bien vos réglages). Pour le volet marketing, Migma génère des e-mails complets alignés avec votre identité visuelle directement depuis l'URL de votre boutique, sans aucune ligne de PHP ou de HTML, avant de les transférer sur votre plateforme d'e-mailing ou de vous fournir le code HTML prêt à l'emploi.

À propos de l’auteur

De l’idée à la boîte de réception en quelques secondes

Créez des e-mails professionnels et personnalisés avec l’IA.

Commencer gratuitement