Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Modifier les notifications par e-mail

Les notifications par e-mail sont des messages envoyés à vous et aux clients lorsqu'un certain événement survient 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.

La personnalisation des modèles d'email de base peut être effectuée à partir de votre administration Ecwid pour tous les modèles à la fois : 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.

Si vous avez besoin d'une personnalisation approfondie de vos e-mails, vous pouvez engager l'équipe de développement Ecwid Ecommerce pour faire ce travail. Découvrez comment améliorer les e-mails de votre boutique grâce à un développement personnalisé.
Disponible pour les abonnements : Venture, Business et Unlimited.

Liste des notifications que vous pouvez modifier

Votre boutique Ecwid compte trois types 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 Ecwid, 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
  • Commande livrée
  • 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

Toute modification ultérieure dans vos notifications par e-mail nécessitera de modifier le modèle d'une notification spécifique. 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.

Vous pouvez regarder une vidéo expliquant la structure des notifications par e-mail dans Ecwid :

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 :

Editing_mail_notifications__5_.png

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.

Avant de sauvegarder les modifications, cliquez sur Prévisualiser le modèle en haut pour voir à quoi ressemblera la notification dans la boîte de réception.

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

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 ! ») :

Editing_mail_notifications__3_.png

Modèle d'e-mail de confirmation de commande

Voici à quoi peut ressembler la nouvelle signature :

Editing_mail_notifications__1_.png

Modifier les textes dans le modèle d'e-mail « Récupération de panier abandonné » est encore plus facile car il contient du texte brut présenté dans une zone spéciale du modèle. Vous pouvez taper votre message dans la zone « Message par défaut aux clients ». Par exemple, vous pouvez inclure un code promo ou un message à propos d'une promotion à venir dans les e-mails de récupération pour encourager les clients à finaliser l'achat.

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.

Editing_mail_notifications__2_.png

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.

Les extes en gris, comme <!-- Signature : start --> et <! - Signature : end --> vous aideront à naviguer dans le modèle. De cette façon, vous pouvez trouver les clés et variables rosetta dont vous avez besoin plus rapidement.

Modifier les modèles de notification

Pour modifier une notification par e-mail spécifique, vous devez apporter des modifications au texte de son modèle. Ecwid 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.

Si vous souhaitez ajouter un logo, mettre à jour les informations sur l'entreprise ou modifier le nom de l'expéditeur, il est possible de se passer de l'édition HTML. Pour les modifications générales des modèles d'e-mail, veuillez vous référer à l'article sur les Notifications relatives aux commandes envoyées aux clients →

Vous pouvez regarder une vidéo qui explique le processus d'édition des modèles (avec quelques exemples) :

Pour modifier un modèle d'e-mail :

  1. À partir de l'interface d'administration d'Ecwid, accédez à Paramètres → Notifications.
  2. Cliquez sur Modifier à côté du modèle que vous souhaitez modifier.
  3. Dans le modèle HTML, apportez les modifications souhaitées.
  4. 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.
  5. 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.
  6. 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 →

Si votre vitrine est en plusieurs langues, le texte que vous ajoutez manuellement au modèle de notification ne sera pas traduit automatiquement.
Modifier l'e-mail Récupération de panier abandonné est encore plus facile, car il dispose du champ « Message envoyé par défaut aux clients » où vous pouvez saisir votre texte et il sera mis à jour dans les e-mails. Vous pouvez inclure un coupon de réduction pour encourager les clients à finaliser l'achat.

Visualiser les modèles de notification

Vous pouvez vérifier la nouvelle apparence de votre modèle pendant la modification et après avoir enregistré les modifications.

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 :

Viewing_an_updated_template.png

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 vérifier l'apparence des notifications par e-mail après avoir enregistré les modifications, passez 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.

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 18 sur 38
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser