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

Sommaire

Personnalisation avancée des modèles de courriel dans Ecwid

Dans Ecwid, vous pouvez envoyer des notifications de commande de client, courriels de marketing, ou notifications de l'administration. Les modèles des courriels sont un mélange de code HTML et de code Freemarker. Chaque modèle comporte des clés de message, des variables et des balises qui sont responsables de différentes parties de le courriel. Vous pouvez personnaliser n'importe quel modèle en modifiant son code : ajouter ou supprimer du texte, ajouter une image, modifier la taille ou la couleur du texte, etc.

Si vous souhaitez ajouter un logo aux courriels ou modifier les informations sur l'entreprise, il suffit de modifier les paramètres dans votre administration Ecwid sans modifier le code. De plus, pour certaines notifications, vous pouvez personnaliser le texte du courriel dans un éditeur de texte WYSIWYG dédié.

Disponible pour les abonnements : Entreprise, Affaires et Illimité.

Modification de l'objet de le courriel de notification des clients

L'objet est le titre que les clients voient lorsqu'ils reçoivent un courriel. Changer l'objet d'un courriel vous aidera à personnaliser vos notifications.

Pour modifier l'objet de le courriel :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Dans la section Notifications relatives aux commandes envoyées aux clients , ouvrez le modèle de courriel que vous voulez modifier.
  3. Dans le champ Objet, supprimez le code, saisissez votre titre et enregistrez les modifications. Dans notre exemple, le nouveau titre est « Voici votre nouvelle commande » :

    Customizing_email_templates_with_HTML_code__1_.gif

C'est tout. L'objet de le courriel sera à présent celui que vous avez spécifié :

Customizing_email_templates_with_HTML_code__10_.png

Modifier les salutations des clients dans les courriels

Par défaut, tous les courriels aux clients commencent par la formule de salutation « Bonjour Jean Moncher », où « Jean Moncher » est un exemple de nom remplacé par un nom de client réel dans chaque courriel. Le message d'accueil continue avec les brèves informations concernant l'objet de le courriel. Par exemple, dans le courriel de confirmation de la commande, la deuxième ligne est « Nous avons reçu votre commande ! Merci pour votre achat ».

Vous pouvez modifier à la fois le message d'accueil lui-même et les lignes suivantes en modifiant les clés rosetta.message de le courriel.

Imaginons que vous voulez changer le message d'accueil de la confirmation de la commande en : « Salut Jean Moncher ! Merci pour votre confiance ! Nous avons reçu votre commande. Nous vous contacterons pour confirmer le délai de livraison. »

Pour modifier le message d'accueil d'une notification par courriel :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Cliquez sur Modifier à côté du modèle de courriel que vous souhaitez modifier. Dans notre exemple, il s'agit du modèle de courriel Confirmation de la commande.
  3. Trouvez la ligne avec la clé du message qui contient la partie « Bonjour » : customer_greeting" params={ "customerName" : customer.name } /> :

    Customizing_email_templates_with_HTML_code__3_.png

  4. Remplacez tout le texte de cette ligne par votre message. Dans notre exemple, c'est Salut ${customer.name},
  5. Trouvez la ligne qui contient la partie de confirmation de commande : Confirmation.paid_order" params={ "storeName" : store.name?html, "dateCreated" : order.dateCreated } />
  6. Remplacez tout le texte de cette ligne par votre message. Dans notre exemple, c'est Merci de votre confiance ! Nous avons reçu votre commande . Nous vous contacterons pour confirmer le délai de livraison. »
  7. Enregistrez les modifications.

Désormais, vos clients verront les salutations personnalisées dans leurs courriels de confirmation de commande :

Customizing_email_templates_with_HTML_code__1_.png

Ajout de texte aux notifications de commande du client

Vous pouvez ajouter un texte personnalisé à toute notification par courriel. Imaginons que vous voulez informer vos clients que vous organisez un concours sur Facebook. L'ajout d'un court paragraphe dans le courriel de confirmation de la commande mettra votre concours sous les projecteurs.

Un paragraphe de texte peut être ajouté à n'importe quelle partie de le courriel. Dans notre exemple, ce sera la section « Merci » à la fin de le courriel.

Des balises grises vous aideront à naviguer dans le modèle.

Pour ajouter un nouveau contenu au modèle de courriel :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Cliquez sur Modifier à côté du modèle de courriel aux clients que vous souhaitez modifier.
  3. Trouvez la section dans laquelle vous voulez ajouter du texte. Dans notre exemple, c'est la section « Merci » qui se trouve entre la section 

     et 

     près du bas du modèle.

  4. Ajoutez le morceau de code suivant juste au-dessus de la ligne 

     :

     

    AJOUTEZ VOTRE MESSAGE ICI

    
          
        
  5. Remplacez le Ajouter votre message texte ici par votre propre texte. Cela devrait ressembler à ceci :

    Customizing_email_templates_with_HTML_code__6_.png

  6. Cliquez sur Enregistrer.

Terminé. Votre message personnalisé apparaîtra au bas de le courriel, après le message de remerciement. Cliquez sur Prévisualiser le modèle pour voir le courriel mis à jour :

Customizing_email_templates_with_HTML_code__8_.png

Ajouter des images aux notifications par courriel

Les images sont utiles lorsque vous souhaitez attirer l'attention des clients sur un évènement spécifique, promotion, produit, ou tout ce que vous voulez mettre en avant. Dans Ecwid, vous pouvez ajouter une image au format .jpeg ou .img à tout modèle de courriel.

Pour ajouter une image à un modèle de courriel :

  1. Téléversez votre image sur n'importe quel site d'hébergement d'images. Par exemple, ImgBB, Free Image Host, ou d'autres.
  2. Ouvrez l'image dans votre navigateur et copiez l'adresse de l'image. Elle devrait avoir une extension en .png, .jpeg ou .img.
  3. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  4. Ouvrez le modèle de courriel que vous souhaitez modifier.
  5. Cliquez sur Prévisualiser le modèle pour décider dans quelle partie de le courriel vous voulez que votre image apparaisse. Dans notre exemple, l'image va après la partie « Merci d'avoir effectué vos achats chez nous ».
  6. Dans le modèle, trouvez la partie d'un courriel où vous voulez ajouter une image. Utilisez les balises et clés de message pour naviguer dans le code. Dans notre exemple, la partie « Merci » de le courriel est située entre les lignes de code 

     et .

  7. Ajoutez le bout de code suivant à l'endroit où vous souhaitez afficher l'image : , où l'URL est le lien vers une image que vous avez copiée à l'étape 2 :

    Customizing_email_templates_with_HTML_code__5_.png

  8. Cliquez sur Enregistrer.

Terminé. Votre image apparaîtra à présent dans le modèle de courriel :

Customizing_email_templates_with_HTML_code__2_.png

Changer la couleur du texte dans la notification par courriel

Il est possible de marquer un courriel aux couleurs de votre entreprise. Dans le modèle de courriel, la balise ${colorText} définit les couleurs des différents blocs de texte. Ainsi, vous devez simplement fournir le code HTML d'une couleur spécifique dans le paramètre de la balise de la couleur.

Imaginons que vous vouliez changer la couleur des salutations en vert. Le code HTML pour le vert est #45B212.

Vous pouvez trouver le code pour n'importe quelle couleur sur le site des codes de couleur HTML.

Pour modifier la couleur du texte dans les courriels :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Cliquez sur Modifier à côté du modèle de courriel que vous souhaitez mettre à jour.
  3. Trouvez l'élément ${colorText} près de la section de texte que vous voulez mettre à jour. Pour accélérer le processus, appuyez sur Ctrl + F (Command + F sur Mac) pour trouver le balisage. Le balisage de la couleur du texte sera au-dessus de la clé de message à laquelle il se rapporte. Dans notre exemple, il s'agit de la partie « salutations » :

    Customizing_email_templates_with_HTML_code__4_.png

  4. Remplacez le ${colorText} par le code de couleur HTML. Dans notre exemple, #45B212 pour la couleur verte :

    image3.png

  5. Cliquez sur Enregistrer.

La salutation de ce modèle de courriel sera à présent verte :

Customizing_email_templates_with_HTML_code__9_.png

Ajouter un numéro de suivi cliquable à un tarif d'expédition personnalisé

Dans Ecwid, vous pouvez ajouter un numéro de suivi à une commande. Vos clients recevront une notification par courriel à propos de la commande expédiée avec un numéro de suivi cliquable. Une fois qu'ils ont cliqué sur le titre Suivez votre colis de le courriel, ils seront redirigés vers le site web des transporteurs.

Cependant, un numéro de suivi n'est cliquable que si vous utilisez les tarifs calculés par le transporteur et que vous expédiez avec UPS, USPS, FedEx, Royal Mail, Australia Post ou Canada Post. Si vous expédiez avec des tarifs forfaitaires, des tarifs de tableau personnalisé ou utilisez tout autre service d'expédition, le numéro de suivi ne redirigera pas les acheteurs vers le site web du transporteur. Pourtant, il est possible de modifier manuellement le modèle de courriel Expédier la commande pour qu'un numéro de suivi soit cliquable afin que vos clients soient redirigés vers le site Web d'un transporteur pour suivre leur commande.

Pour ajouter un lien vers une page de suivi sur le site web d'un transporteur :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Dans la section Notifications relatives aux commandes envoyées aux clients, ouvrez le modèle de courriel Commande expédiée.
  3. Trouvez dans le corps du modèle le bout de code qui commence par le « Order tracking number start»  et se termine par « Order tracking number end ». En temps normal, cela représente 73-102 lignes de code :

    Customizing_email_templates_with_HTML_code__11_.png

  4. Remplacez le code ci-dessus par le suivant, où LINK_TO_CARRIERS_WEBSITE est le lien réel vers le site où un client peut suivre sa commande : 

    
    
                 
                    
                    
                    
                 #if>
               
           
                                            ${order.trackingNumber}
               
           
    #if>
  5. Cliquez sur Enregistrer.

Vos clients recevront désormais un courriel contenant un lien vers le site web de votre transporteur. Une fois qu'ils auront cliqué sur un lien, ils seront redirigés vers un site web que vous avez spécifié dans le modèle de courriel. Sur le site web, ils peuvent indiquer le numéro de suivi trouvé dans le courriel Commande envoyée.

 

Ajouter le bloc des commandes répétées

Avec répéter des commandes, vos clients peuvent commander à nouveau des articles en cliquant sur le bouton « Commandez à nouveau » dans le courriel de confirmation de commande qu'ils ont reçu pour la commande initiale. Si vous avez personnalisé votre modèle de confirmation de commande avant que les commandes répétées ne soient disponibles dans Ecwid, vous pouvez ajouter ce bloc manuellement.

Pour ajouter le bloc répéter des commandes :

  1. Depuis votre administration Ecwid, allez à Paramètres → Notifications.
  2. Dans la section Notifications relatives aux commandes envoyées aux clients, ouvrez le modèle de courriel Confirmation de commande.
  3. Trouvez la ligne 

     - ou tout autre autre endroit où vous voulez que le bloc apparaisse - et ajoutez le bout de code suivant : 

    
        
     
     
    #assign>
    
                            
                        
                    #if>
                    
  4. Cliquez sur Enregistrer.

Désormais, vos clients verront le bloc répéter des commandes dans leurs courriels de Confirmation de commande :

Repeat_order_button.png

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 : 4 sur 14
10
Nous utilisons des témoins 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 témoins.
Accepter les témoins Refuser