Comment personnaliser les e-mails WooCommerce + les prévisualiser avant de les envoyer

Vous avez du mal à personnaliser les e-mails WooCommerce ?

WooCommerce propose déjà des e-mails transactionnels automatisés pour plus de 10 actions telles que les nouvelles commandes, les commandes traitées et les nouveaux comptes. Cependant, vous souhaiterez probablement personnaliser ces e-mails pour les personnaliser.

Dans ce didacticiel étape par étape, vous apprendrez à personnaliser les e-mails WooCommerce à l'aide des paramètres intégrés de WooCommerce, ainsi que certains plug-ins gratuits ou payants que vous pouvez utiliser pour obtenir encore plus de contrôle sur les e-mails de votre boutique.

Table des matières:

Pourquoi devriez-vous personnaliser les e-mails WooCommerce ?

• Pour passer du violet WooCommerce par défaut à une couleur plus adaptée à votre marque.
• Pour ajouter une personnalisation et une voix de marque aux modèles d'e-mails.
• Pour modifier les paramètres tels que le nom "De" ou l'adresse "De".
• Pour ajouter des éléments multimédias comme un logo, une image d'en-tête ou des GIF animés.
• Pour désactiver certains des messages automatisés qui ne correspondent pas à votre opération.
• Pour créer un lien vers des pages d'assistance, des ventes incitatives ou des promotions.
• Pour basculer entre les types d'e-mail HTML et texte.
• Pour prévisualiser à quoi ressemble l'e-mail avant de l'activer pour l'automatisation.

Comment personnaliser les e-mails WooCommerce

Avec uniquement les paramètres intégrés dans WooCommerce, vous pouvez personnaliser plusieurs parties de vos e-mails WooCommerce, notamment :

• Options d'expéditeur d'e-mail ️
• Le thème général des e-mails
• Contenu spécifique des e-mails

Nous vous montrerons ci-dessous comment personnaliser ces paramètres intégrés. Ensuite, après cela, nous partagerons également certains plugins de personnalisation des e-mails WooCommerce qui vous donneront encore plus de flexibilité si nécessaire.

Étape 1 : Accédez aux paramètres de messagerie dans WooCommerce

Dans votre tableau de bord WordPress, accédez à WooCommerce > Paramètres > E-mails . Ici, vous verrez un titre pour les notifications par e-mail , ainsi qu'une liste des e-mails de notification par défaut que WooCommerce a déjà configurés pour vous.

Étape 2 : Personnalisez les options et le modèle de l'expéditeur de l'e-mail

Faites défiler la liste des notifications par e-mail pour trouver la section intitulée "Options d'expéditeur d'e-mail".

Vous verrez deux champs :

• Nom « De » : le nom que les clients voient lorsqu'ils reçoivent un e-mail. Tenez-vous en au nom de l'entreprise, ou éventuellement à une personne réelle s'ils font partie de votre stratégie de marque.
• Adresse "De" : l'adresse e-mail "de" que les utilisateurs peuvent contacter s'ils répondent à l'e-mail automatisé.

Modifiez ces champs selon vos besoins.

Dans la section Modèle d'e-mail , vous pouvez commencer à personnaliser des éléments tels que :

• Image d'en-tête
• Texte de pied de page
• Couleur de base
• Couleur de fond du corps
• Couleur du corps du texte

Si vous souhaitez ajouter une image d'en-tête personnalisée à l'e-mail, collez l'URL de l'image dans le champ Image d'en-tête . Vous pouvez héberger une image dans votre bibliothèque multimédia WordPress et obtenir l'URL de l'image à partir de là.

Nous vous recommandons également de supprimer le texte "Construit avec WooCommerce" du pied de page. Vous êtes invités à ajouter tout ce que vous voulez dans le pied de page.

Plus bas dans la zone Modèle d'e-mail , vous trouverez les paramètres de couleur pour le modèle d'e-mail WooCommerce général. Comme mentionné précédemment, WooCommerce ajoute automatiquement son violet par défaut comme couleur de base, ce qui n'est pas ce que vous souhaitez lorsque vous exécutez une boutique en ligne .

Choisissez une couleur qui correspond à votre marque comme couleur de base et envisagez de modifier les autres champs de couleur si nécessaire.

Cliquez sur Enregistrer les modifications lorsque vous avez terminé.

Étape 3 : Personnalisez des e-mails WooCommerce spécifiques

Des e-mails de nouvelle commande aux e-mails de commande terminée , WooCommerce fournit des modèles prédéfinis qui sont automatiquement envoyés aux administrateurs du site et aux clients pour tenir tout le monde informé des commandes. Cependant, vous souhaiterez personnaliser certains de ces e-mails pour inclure votre propre contenu et supprimer certaines valeurs par défaut inutiles de WooCommerce.

Complétez ces personnalisations d'e-mail individuelles en cliquant sur Gérer à côté de l'e-mail que vous souhaitez modifier. Ce n'est pas une mauvaise idée de commencer par les e-mails « Commande en cours de traitement » et « Commande terminée » , car ce sont les e-mails les plus consultés par le client.

Parcourez les champs suivants en fonction de vos besoins :

• Activer désactiver
• Matière
• En-tête de l'e-mail
• Contenu additionnel

Nous vous suggérons de garder tous les e-mails WooCommerce activés, sauf si vous avez une circonstance unique où vous n'en avez pas besoin, ou si vous avez l'intention d'utiliser un plugin séparé pour les e-mails transactionnels.

Des champs tels que Objet , En- tête de l'e-mail et Contenu supplémentaire dictent le contenu global de votre e-mail, alors ajustez-les si nécessaire.

Cliquez sur le "?" icônes pour voir quels espaces réservés dynamiques peuvent être insérés dans les champs de contenu. Par exemple, vous pouvez utiliser un espace réservé pour que WooCommerce remplisse un lien vers votre site Web sur chaque e-mail.

Étape 4 : Faites-en un e-mail HTML ou en texte brut

Cliquez sur le champ Type d'e-mail pour voir vos options. Choisissez l'une des options suivantes :

• Texte brut : e-mails sans images ni mise en forme
• HTML : e-mails avec un contenu riche comme des images, des tableaux et une mise en forme
• Multipart : celui-ci bascule dynamiquement entre le texte brut et HTML en fonction du client de messagerie de l'utilisateur, car certains clients ne prennent pas en charge les e-mails HTML

Étape 5 : Envisagez de modifier le modèle HTML

Tout en bas de la page, vous verrez une section intitulée "Modèle HTML". WooCommerce n'a pas d'éditeur de glisser-déposer pour ses e-mails, mais vous pouvez personnaliser le code HTML de chaque e-mail.

Cliquez sur le bouton Afficher le modèle pour voir son code.

WooCommerce verrouille son modèle HTML par défaut, vous ne pouvez donc rien modifier. Cependant, vous pouvez cliquer sur le bouton Copier le fichier dans le thème pour remplacer et modifier le modèle.

Après cela, vous pouvez placer votre curseur dans l'éditeur de texte et apporter des modifications. Nous vous recommandons d'utiliser cette section uniquement si vous maîtrisez le langage HTML.

Si vous ne vous sentez pas à l'aise pour éditer directement ce code, vous pouvez engager un développeur WordPress. Ou, vous pouvez essayer l'un des plugins de messagerie WooCommerce que nous partagerons dans la section suivante.

Et c'est ainsi que vous personnalisez les e-mails WooCommerce ! Cliquez sur le bouton Enregistrer les modifications pour terminer le processus.

Comment prévisualiser les e-mails WooCommerce

Vous devez prévisualiser vos e-mails transactionnels avant qu'ils ne soient envoyés aux clients. De cette façon, vous pouvez vérifier les fautes d'orthographe, la marque WooCommerce qui doit être modifiée et les opportunités de promotions ou de ventes incitatives.

Voici comment prévisualiser vos e-mails WooCommerce.

Étape 1 : Afficher un aperçu visuel de votre modèle d'e-mail général

Sous WooCommerce > Paramètres > E-mails , recherchez la section Modèle d'e-mail et cliquez sur le lien « Cliquez ici pour prévisualiser votre modèle d'e-mail ».

Cela ouvre une nouvelle fenêtre de navigateur affichant l'e-mail avec vos paramètres de messagerie généraux spécifiés. Vous devriez voir de nouvelles couleurs, une image d'en-tête et un pied de page modifié si vous avez changé tout cela. Gardez à l'esprit que le contenu de l'aperçu du modèle reste générique.

Étape 2 : Exécutez des transactions de test pour afficher les e-mails individuels avec un contenu dynamique

Vous voulez probablement voir les e-mails réels envoyés aux clients, mais WooCommerce ne dispose pas des fonctionnalités nécessaires pour afficher ces aperçus visuels. Au lieu de cela, vous devez exécuter des transactions de test pour déclencher les e-mails dans votre propre boîte de réception.

Voici comment procéder :

1. Assurez-vous que les paiements WooCommerce et le mode de paiement Stripe sont activés.
2. Ajoutez un article à votre panier et remplissez les informations comme si vous étiez un client.
3. Dans le champ E- mail , ajoutez votre adresse e-mail.
4. Dans le champ de la carte de crédit, utilisez l'une des cartes de test Stripe pour traiter un paiement.
5. Terminer la vérification.

La transaction de test doit vous envoyer un e-mail de traitement des commandes , qui vous permet de voir comment les e-mails s'affichent pour les clients. Vérifiez que les balises dynamiques s'affichent correctement et que toute votre image de marque et le texte inséré s'affichent correctement.

Pour déclencher d'autres e-mails, accédez à WooCommerce > Commandes et réglez le champ Statut sur autre chose. Par exemple, vous pouvez le basculer sur Terminé pour déclencher l'e-mail de commande terminée de WooCommerce. Assurez-vous de cliquer sur le bouton Mettre à jour pour enregistrer la modification.

Ensuite, il est envoyé dans votre boîte de réception pour que vous puissiez l'examiner.

Pour simplifier le processus, vous pouvez envisager un plugin comme WooCommerce Email Test.

Plugins qui aident à personnaliser les e-mails WooCommerce

Plusieurs plugins fournissent des outils avancés de personnalisation des e-mails WooCommerce, soit en développant les fonctionnalités actuelles de WooCommerce, soit en les remplaçant complètement pour une expérience plus conviviale (généralement par glisser-déposer).

Voici quelques plugins de personnalisation WooCommerce à considérer :

Vous pouvez également remplacer les e-mails transactionnels WooCommerce par un service de marketing par e-mail, comme Omnisend, MailPoet ou Sendinblue, qui offrent tous une automatisation du commerce électronique et des options supplémentaires pour des choses comme la récupération de panier abandonné.

Personnalisez vos e-mails WooCommerce dès aujourd'hui

La plupart des magasins de commerce électronique débutants peuvent s'en tirer avec les personnalisations de base des e-mails WooCommerce, mais nous vous recommandons éventuellement de payer pour un éditeur d'e-mails premium comme l'un des plugins ou un logiciel de marketing par e-mail que nous avons couvert ci-dessus.

Une fois que vous avez compris les e-mails transactionnels de votre boutique, vous pouvez lire notre guide sur le marketing par e-mail WooCommerce pour également cibler vos e-mails marketing.

Si vous avez besoin d'éclaircissements sur la façon de personnaliser les e-mails WooCommerce, ou si vous souhaitez partager vos conseils avec d'autres utilisateurs en modifiant leurs e-mails, envoyez-nous une note dans les commentaires !