Les notifications par e-mail sont des messages envoyés à vous et à vos clients lorsqu'un événement particulier se produit dans votre boutique : une commande est passée, une commande est expédiée, le stock d'un produit s'épuise, etc. Outre les notifications de l'administration et les e-mails transactionnels, votre boutique peut également envoyer des e-mails de marketing automatisés qui rappellent aux clients l'existence de votre entreprise et les inciter à acheter chez vous. Chaque e-mail contient un contenu universel prêt à l'emploi sous la forme d'un code HTML et Freemarker. Vous pouvez les utiliser directement ou personnaliser leur contenu et leur apparence.
Vous pouvez personnaliser les modèles d'e-mails de base à partir de votre tableau de bord administratif, ce qui s'appliquera à tous les modèles en même temps : ajouter un logo, changer le nom de l'expéditeur ou mettre à jour les infos de la boutique. Toute modification avancée des notifications demandera de retoucher les modèles pour apporter des modifications individuelles, par exemple, supprimer ou ajouter du texte, modifier la mise en forme ou la couleur du texte, ajouter une image, etc.
Sommaire
Liste des notifications que vous pouvez modifier
Votre boutique propose trois catégories de notifications automatiques par e-mail: les notifications de commande des clients, les e-mails de marketing et les notifications de l'administrateur. Tous les e-mails peuvent être personnalisés soit par le biais de vos paramètres d'administration de votre boutique, soit par du code.
Voici la liste des modèles d'e-mails que vous pouvez ajuster :
Notifications relatives aux commandes envoyées aux clients
- Confirmation de commande
- Statut de la commande modifié
- Commande envoyée
- La commande est prête pour le retrait
- Télécharger e-marchandises
- Carte cadeau achetée
- Commande remboursée (Lightspeed Payments uniquement)
- Notifications d'abonnement des clients (pour des abonnements récurrents uniquement)
E-mails de marketing client
- Rappel des produits favoris
- Récupération de panier abandonné
- Demande d'avis
- Reconnaissance de fidélité
- Rappel de client inactif
- Anniversaire d'achat
Notifications d'administrateur
- Nouvelle commande passée
- Notification de stock faible
Comprendre les modèles d'e-mails (seulement pour les webmestres expérimentés)
Toute modification ultérieure dans vos notifications par e-mail exigera la modification du modèle de la notification spécifique concernée. De cette façon, vous pouvez ajouter des messages personnalisés ou personnaliser les notifications d'une autre manière, par exemple supprimer ou ajouter des blocs, modifier le formatage du texte et la couleur, etc.
Chaque notification d'administrateur ou aux clients par e-mail dispose de son propre modèle. Lorsqu'un e-mail est envoyé, le modèle est rempli avec les informations provenant des paramètres de votre boutique (nom de la boutique, coordonnées, lien de la boutique, etc.) et des détails de la commande (nom du client, adresse de livraison, liste des produits achetés, etc.). Ainsi, chaque e-mail envoyé depuis votre boutique est individuel et contient toutes les informations relative à une commande et un client particuliers.
Les modèles d'e-mails peuvent sembler compliqués au début, mais en réalité, leur structure est assez simple.
Si vous allez dans Paramètres → Notifications et cliquez sur Confirmation de commande (ou toute autre notification), vous verrez un modèle d'e-mail de confirmation de commande par défaut :
Vous pouvez cliquer sur le lien Prévisualiser le modèle dans le coin supérieur gauche pour voir un e-mail d'exemple. Chaque partie du code du modèle est responsable d'une partie spécifique de cet e-mail.
La modification de la conception et de la mise en page du modèle nécessitera une certaine connaissance du HTML et de Freemarker, mais vous pouvez faire de petites modifications dans le texte même sans cela. Commençons par comprendre les différentes parties d’un modèle d’e-mail et comment les modifier : les clés de message (aussi connues sous le nom de clés rosetta), les variables et les balises.
Clés de message (seulement pour les webmestres expérimentés)
Si vous ouvrez un e-mail dans Paramètres → Notifications pour le modifier, vous verrez qu'il n'y a pas de texte dans le modèle. Au lieu de cela, vous pouvez voir des étiquettes de texte telles que <@rosetta.message key="OrderConfirmation.title" />, <@rosetta.message key="OrderConfirmation.payment_status" />, etc. Lorsqu'un e-mail réel est envoyé, ces clés de message rosetta sont remplacées par du texte. Vous pouvez voir un e-mail avec des textes par défaut si vous cliquez sur Prévisualiser le modèle.
Pour ajouter un texte personnalisé au lieu de celui par défaut, vous devez trouver l'étiquette rosetta nécessaire (son nom est généralement explicatif) et remplacer l'étiquette entière rosetta par votre texte, puis prévisualisez le résultat et enregistrez les modifications.
Par exemple, pour remplacer le texte par défaut « Merci pour vos achats avec nous ! » en bas de l'e-mail de confirmation de votre commande, vous devez trouver <@rosetta. essage key="OrderConfirmation.thanks" /> et remplacez-la par votre texte (par exemple, « Merci pour votre achat ! ») :
Modèle d'e-mail de confirmation de commande
Voici à quoi peut ressembler la nouvelle signature :
Voici une liste de clés rosetta pour les e-mails de confirmation de commande (avec les textes correspondants) :
| Clé rosetta | Texte dans la notification |
| @rosetta.message key="OrderConfirmation.title" | Confirmation de commande |
| @rosetta.message key="OrderConfirmation.customer_greeting" params={ "customerName": customer.name } | Bonjour, nom du client |
| @rosetta.message key="OrderConfirmation.Confirmation.paid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated } | Nous avons reçu votre commande ! Merci pour votre achat. (pour les commandes payées) |
| @rosetta.message key="OrderConfirmation.Confirmation.unpaid_order" params={ "storeName": store.name, "dateCreated": order.dateCreated} | Nous avons reçu votre commande ! Merci pour votre achat. (pour les commandes impayées) |
| @rosetta.message key="OrderConfirmation.order_number" params={ "number": order.number } | Commande nº |
| @rosetta.message key="OrderConfirmation.payment_status" | Statut du paiement |
| @rosetta.message key="OrderConfirmation.fulfillment_status" | État d'exécution |
| @rosetta.message key="OrderConfirmation.Shipping.address_prefix" | Nous enverrons votre commande à |
| @rosetta.message key="OrderConfirmation.Shipping.phone" params={ "phone": order.shippingAddress.phone } | numéro de téléphone |
| @rosetta.message key="OrderConfirmation.Shipping.method" | Mode de livraison |
| @rosetta.message key="OrderConfirmation.your_order" | Votre commande |
| @rosetta.message key="OrderConfirmation.sku" params={ "sku": orderItem.sku } | UGS |
| @rosetta.message key="OrderConfirmation.Summary.items" | Articles |
| @rosetta.message key="OrderConfirmation.Summary.shipping" | Livraison |
| @rosetta.message key="OrderConfirmation.Summary.total" | Total |
| @rosetta.message key="OrderConfirmation.order_comments" | Commentaires sur la commande |
| @rosetta.message key="OrderConfirmation.thanks" | Merci de faire vos achats chez nous ! |
| @rosetta.message key="OrderConfirmation.OrdersHistory.link_text" | Page de l'historique des commandes |
| @rosetta.message key="OrderConfirmation.OrdersHistory.content" params={ "history_link": historyLink } | Vous pouvez vérifier l'état de vos commandes à tout moment sur notre page d'historique des commandes |
| @rosetta.message key="OrderConfirmation.Help.content" params={ "contact_info_text": contactInfoText } | Nous vous accueillons dans notre boutique à tout moment. Si vous avez besoin d'aide ou si vous avez des questions, veuillez nous envoyer un e-mail à (adresse e-mail). Nous sommes heureux de vous aider ! |
| @rosetta.message key="OrderConfirmation.signature" | Cordialement, |
Si vous ne voyez pas la clé rosetta dont vous avez besoin pour votre notification dans le tableau, essayez de remplacer cette clé par un texte de test, puis cliquez sur Prévisualiser le modèle pour voir où les changements ont eu lieu. De cette façon, vous connaîtrez le texte dont la clé est responsable. Les noms des clés le suggèrent aussi. Vous pouvez toujours ramener le modèle à l'état par défaut par la suite en cliquant sur Revenir à la valeur par défaut.
Vous pouvez supprimer certaines des clés rosetta si vous ne voulez pas afficher ces informations dans l'e-mail de notification.
Variables
Les variables sont des caractères fictifs qui sont remplacés dans l'e-mail par les informations réelles provenant soit des détails de la commande (nom du client, liste des produits, etc.), soit des informations de la boutique (nom de la boutique, coordonnées, etc.).
Vous pouvez par exemple voir des variables comme ${store.name} ou ${customer.name} dans vos modèles d'e-mails. Comme vous pouvez le deviner par leurs noms, elles seront remplacées dans les notifications avec le nom de la boutique pris dans les paramètres de votre profil de boutique et avec le nom du client pris dans les détails de la commande.
Modèle d'e-mail de confirmation de commande
Voir la liste des variables utilisées dans les modèles d'e-mails. Vous pouvez supprimer certaines des variables si vous ne voulez pas afficher ces informations dans l'e-mail de notification ou les remplacer par un texte personnalisé. Vous pouvez également modifier ou ajouter des variables prises en charge dans les e-mails.
Par exemple, si vous voulez afficher une autre adresse de société dans les e-mails (pas celle que vous avez spécifiée dans votre profil de boutique), vous pouvez remplacer la variable ${store.officeAddress} par l'adresse que vous voulez afficher dans les e-mails en ajoutant cette dernière en texte brut.
Balisage
Le texte en bleu, vert et rouge est appelé balisage. Ce sont des règles qui indiquent au client de messagerie comment afficher le texte dans l'e-mail : couleur de la police, taille, remplissage, etc. Vous pouvez modifier les règles de balisage si vous souhaitez changer la présentation et l'apparence de votre e-mail.
Modifier les modèles de notification (seulement pour les webmestres expérimentés)
Pour modifier une notification par e-mail spécifique, vous devez apporter des modifications au texte de son modèle. Votre boutique utilise Freemarker dans les modèles pour remplacer les variables par des valeurs réelles et pour leur rendu conditionnel, tandis que les balises HTML définissent la structure des modèles d'e-mail et leur apparence dans les boîtes de réception.
Pour modifier un modèle d'e-mail:
- À partir de l'interface d'administration de votre boutique, accédez à Paramètres → Notifications.
- Cliquez sur Modifier à côté du modèle que vous souhaitez modifier.
- Dans le modèle HTML, apportez les modifications souhaitées.
- Avant de sauvegarder les modifications, cliquez sur Prévisualiser le modèle en haut pour voir à quoi ressemblera l'e-mail.
Si vous voyez une page vide dans l'aperçu, cela signifie probablement que le code du modèle a été cassé (certaines balises ont été accidentellement supprimées). Si vous voyez ceci, vous pouvez simplement cliquer sur le lien Revenir à la valeur par défaut pour revenir au modèle par défaut et essayer à nouveau vos modifications. - Si vous n'aimez pas le résultat, cliquez sur Revenir au modèle par défaut en bas du modèle pour restaurer le modèle d'e-mail par défaut.
Si vous apportez des modifications à un modèle que vous avez précédemment personnalisé et enregistré, l'option « Revenir à la valeur par défaut » ne fonctionnera pas pour vous, car elle reviendra à notre modèle par défaut. Pour sauvegarder votre modèle, copiez le code et enregistrez-le comme un fichier texte sur votre ordinateur. Si quelque chose ne fonctionne pas, vous pouvez coller le code du fichier dans le modèle. - Une fois que vous êtes satisfait du résultat, cliquez sur Enregistrer.
Une fois les modifications enregistrées, votre modèle d'e-mail sera mis à jour.
Si vous voulez des exemples de personnalisation de modèles d'emails, veuillez vous référer à l'article sur la personnalisation avancée des modèles d'email →
Visualiser les modèles de notification
Pendant la modification et après avoir enregistré les changements, vous avez la possibilité de vérifier la nouvelle apparence de votre modèle.
Pendant que vous remplacez des clés de message ou des variables dans un modèle, vous pouvez vérifier le modèle mis à jour en cliquant sur le lien Prévisualiser le modèle en haut à gauche :
Vous verrez à quoi ressemblera l'e-mail avec vos modifications. Si le résultat vous satisfait, vous pouvez enregistrer le modèle. Sinon, cliquez sur Revenir à la valeur par défaut en bas de la page pour restaurer le contenu par défaut.
Pour visualiser l'apparence des notifications par e-mail après avoir enregistré les modifications, effectuez une commande test dans votre boutique. Vous aurez ainsi une expérience client grandeur nature avec des produits réels. Lorsque vous passez une commande test, saisissez votre véritable adresse e-mail au passage en caisse, car c'est là que l'e-mail sera envoyé. Vous devez également modifier l'état du paiement et de l'exécution de la commande dans la page Commande pour recevoir différentes notifications par e-mail : état de la commande modifié, commande expédiée, etc.