La personnalisation des notifications par e-mail sur Shopify est une demande récurrente des marchands qui souhaitent optimiser leur communication avec leurs clients. Et à raison, c’est l’une des façons les plus simples de personnaliser une boutique Shopify. Des e-mails bien pensés peuvent être un formidable outil de communication et permettre à vos clients d’ajouter leur empreinte à différentes étapes du parcours d’achat des consommateurs. Enfin, ils peuvent être un outil précieux pendant les périodes de forte activité, comme le Black Friday et les fêtes de fin d’année.
A la différence d’un e-mail professionnel, le format de ce type d’e-mail est modulable. En effet, ces e-mails sont envoyés automatiquement à la suite d’une action ou non action effectuée par le client pour l’informer par exemple de l’envoi de ses articles, de son panier abandonné, ou encore de son compte client. Les possibilités pour améliorer ces expériences sont donc nombreuses. Avec des e-mails créés sur mesure pour inciter les clients à finaliser leur achat, vous apportez une valeur supplémentaire à votre travail et au projet de votre client.
Découvrez dans cet article plusieurs façons simples d’ajouter des fonctionnalités aux notifications par e-mail sur Shopify.
Pourquoi personnaliser les notifications de vos clients ?
Tandis que le e-commerce se développe et couvre de plus en plus de canaux, les clients attendent une expérience toujours plus irréprochable en tous points de vue.
L’e-mail est souvent relégué au second plan au profit de l’expérience utilisateur. Mais étant donné que chaque client recevra des notifications par e-mail, il est primordial que chaque e-mail assure une communication efficace et adéquate avec le public de votre client.
Il est primordial que chaque e-mail assure une communication efficace et adéquate avec le public de votre client.
Avec des e-mails personnalisés, votre client garde le contrôle sur les notifications envoyées à sa clientèle et peut s’assurer de la cohérence de la communication de sa marque. En intégrant des images qui reflètent les valeurs de sa marque et en personnalisant le texte pour coller au ton de sa marque, votre client peut rester proche de son audience.
Vous pouvez aussi augmenter la valeur des produits de votre client en ajoutant d’autres contenus à ces notifications. Certains produits peuvent par exemple être accompagnés d’instructions sous forme de texte, tandis que d’autres peuvent comporter un lien vers une vidéo.
La stratégie de relance de panier abandonné par e-mail ouvre aussi des possibilités intéressantes de marketing. Par exemple, en proposant une réduction dans l’e-mail de relance de panier abandonné, vos clients peuvent augmenter leurs conversions, la réduction agissant comme une incitation à finaliser l’achat.
Comment personnaliser les notifications par e-mail ?
Shopify envoie des notifications aux clients lorsque certaines actions ont lieu. Il existe 16 types de notifications différents, comprenant notamment les confirmations de commande et les relances de paniers abandonnés.
Chaque modèle de notification peut être personnalisé avec du langage HTML et CSS, ce qui signifie que les possibilités pour mettre en valeur la marque de votre client sont nombreuses. Vous devez prendre le temps d’évaluer le type de personnalisations qui convient le mieux à chacun de vos clients.
Pour vous aider, vous pouvez utiliser toute une série de variables Liquid pour personnaliser les e-mails en fonction de ce que vous souhaitez faire. Que vous vouliez afficher des informations sur le client ou concernant un produit, vous trouverez forcément la meilleure alternative pour améliorer les notifications par e-mail de vos clients.
Voici deux idées de personnalisation pour ajouter des fonctionnalités avancées aux notifications par e-mail sur Shopify.
1. Ajouter du contenu conditionnel en utilisant les opérateurs Liquid
À l’aide des opérateurs conditionnels Liquid, vous pouvez afficher un contenu spécifique lié à certains produits dans un e-mail. Avec des instructions if
, vous pouvez choisir d’insérer du texte ou des images lorsqu’un produit remplit certains critères que vous aurez définis au préalable.
Au même titre que les opérateurs Liquid, vous utiliserez également l’objet des rubriques. L’objet vous permet d’indiquer les propriétés d’un produit qui se trouve dans le panier d’un client. Chaque rubrique représente une ligne dans le panier du client et peut être utilisée dans les notifications par e-mail pour isoler les propriétés d’un produit. Vous pouvez consulter l’ensemble des variables existantes dans notre documentation Liquid.
Par exemple, votre client peut associer des instructions identiques à un groupe de produits — ces produits peuvent être téléchargeables et le client doit suivre des étapes bien précises pour l’obtenir. Dans ce cas, à l’aide d’une instruction if
Liquid, donc une condition, vous choisissez d’afficher ces instructions dès qu’un certain mot se trouve dans le nom d’un produit.
Pour ce faire, votre code comportera une instruction if
et l’opérateur contains
pour vérifier la présence d’un mot bien précis, dans cet exemple « Livre », dans le nom du produit :
{% if line.title contains 'Book' %}
<p>These are the instructions for the Book</p>
{% endif %}
Vous pouvez ensuite choisir l’endroit où s’affichera ce message. On l’affiche généralement sous le nom du produit, mais le choix vous revient. Dans ce cas, vous pouvez ajouter le code correspondant dans la construction qui contient la rubrique line.variant.title
, et au-dessus du tag de fin </td>
. Cela pourrait ressembler à l’image ci-dessous.
Avec ce code, lorsqu’un client commande un produit dont le nom comprend le mot « Book » (Livre), le message « These are the instructions for the Book » (Voici les instructions pour obtenir ce Livre) s’affichera sous le nom du produit dans son e-mail de confirmation de commande. Le client recevra donc un e-mail de ce type :
C’est un moyen simple, mais efficace d’afficher des contenus relatifs à un produit dans des notifications par e-mails. Pour les produits nécessitant une installation ou des actions après l’achat de la part des clients, cela permet de les informer et d’éviter toute frustration. Et même si les marchands veulent simplement envoyer un message amical pour l’achat de certains produits, c’est le moyen parfait d’apporter de la créativité aux notifications par e-mail.
2. Appliquer un code de réduction dans les e-mails de relance de panier abandonné
Selon l’institut Baymard, en ligne, 69 % des paniers sont abandonnés avant la finalisation de l’achat, ce qui représente une énorme perte de ventes potentielles pour vos clients. La récupération de paniers abandonnés est un défi immense, mais si vous pouvez améliorer les résultats dans ce domaine, vous apporterez une plus forte valeur ajoutée aux projets de vos clients.
Selon l’institut Baymard, en ligne, 69 % des paniers sont abandonnés avant la finalisation de l’achat, ce qui représente une énorme perte de ventes potentielles pour vos clients.
De manière générale, les e-mails de relance de panier abandonné sont envoyés quelques heures après que le client potentiel ait abandonné son panier. Par conséquent, si ce client potentiel reçoit un e-mail incitatif comportant un code de réduction, il pourrait avoir envie de finaliser son achat. Heureusement, il est possible d’appliquer automatiquement une réduction dans un e-mail de récupération de panier abandonné pour convaincre ces clients potentiels.
Pour cela, vous devez d’abord créer un code de réduction, sous la forme d’un pourcentage ou d’une valeur monétaire selon le type de réduction que votre client souhaite offrir. Une fois que vous avez créé ce code, donnez un nom au code de réduction, par exemple « MonCode ». Vous aurez besoin de ce nom lorsque vous personnaliserez le modèle de notification.
Ensuite, dans le modèle de notification de relance de panier abandonné, vous devez modifier la destination du bouton d’appel à l’action « Finaliser votre achat ». Généralement, lorsqu’un client clique sur ce bouton pour finaliser son achat, il atterrit sur la page de son panier et les articles qu’il avait sélectionnés précédemment sont récupérés. Nous pouvons suivre la même logique, mais appliquer la réduction que nous avons créée en remplaçant l’URL par défaut par une URL qui contient la réduction.
Vous devrez trouver la ligne qui contient :
<td class="button__cell"><a href="{{ url }}" class="button__text">Finaliser votre achat</a></td>
Et celle qui continent {{ shop.url }}
:
Dans notre exemple, les variables de l’URL doivent être remplacées par un fragment de code permettant d’ajouter du texte à l’URL afin d’appliquer la réduction. Ce fragment de code pourrait ressembler à ceci :
{% if url contains '?' %}
{{ url | append: '&discount=MonCode' }}
{% else %}
{{ url | append: '?&discount=MonCode' }}
{% endif %}
Une fois que vous avez remplacé {{ shop.url }}
et {{ url }}
par le fragment de code présenté ci-dessus, votre notification par e-mail devrait ressembler à ceci.
Enfin, vous pouvez ajouter du texte dans le modèle d’e-mail de relance de panier abandonné pour informer les clients qu’une réduction a été appliquée. Le résultat pourrait ressembler à ceci.
Ainsi, lorsqu’un client clique sur le bouton d’appel à l’action présent dans l’e-mail, il atterrit sur la page de son panier abandonné dans la boutique de votre client, y retrouve les articles qu’il avait sélectionnés précédemment, et la réduction est appliquée automatiquement. C’est exactement le type d’incitation qui génèrera des conversions pour vos clients !
Rejoignez le programme des partenaires de Shopify
Inscrivez-vous gratuitement au programme partenaire de Shopify. Accédez à des outils et ressources pour aider les marchands Shopify à développer leur activité et faites partie d’un écosystème riche en opportunités.
Devenir partenaire ShopifyAssurez-vous que ça fonctionne !
Indépendamment du design des notifications, vous devez tester chaque e-mail pour vous assurer que le rendu final est adapté du point de vue du client final. En tant que développeurs, nous devrions toujours penser à l’apparence du résultat final et à l’effet qu’il produira chez le public de nos clients. La page de paramétrage des notifications offre deux options pour tester vos codes : la prévisualisation des notifications et l’envoi d’un e-mail test.
La fonction de prévisualisation est très utile si vous effectuez des petites modifications, mais nous vous conseillons de toujours envoyer des e-mails tests une fois que vous avez terminé votre modèle. Dans l’idéal, mettez-vous à la place d’un véritable utilisateur et faites une commande test. Vous repérerez ainsi les dysfonctionnements éventuels que vous auriez pu manquer et vous assurerez que tout fonctionne parfaitement.
Avez-vous déjà travaillé sur des notifications par e-mail sur Shopify personnalisées et ajouté de nouvelles fonctionnalités aux e-mails ? Parlez-en dans la section de commentaires ci-dessous !
Publié par Maud Leuenberger. Maud est la rédactrice en chef du blog français de Shopify.
Texte original par Liam Griffin. Traduction par Nicolas Bruno.