Comment personnaliser le corps des emails en HTML (réservé aux experts) ?

 Introduction :

La communication avec vos clients est primordiale pour établir une relation de confiance et donc les fidéliser. En plus de l'entête et du pied de pages, le contenu des e-mails envoyés par la plateforme peut être personnalisé. Cette personnalisation se fera via la modification du code HTML généré par la plateforme. Cela peut vous permettre de modifier les textes pour qu'ils soient plus proches de votre activité. La présentation peut également reprendre celle du site.

PRE-REQUIS : cette personnalisation nécessite des connaissances en HTML et CSS. En cas d'erreur sur le code, les e-mails risquent d'être illisibles ou bien de ne pas pouvoir être envoyés.

L'édition en mode avancée n'est pas autorisée pour le modèle par défaut mais elle l'est pour tous les autres modèles. Le mode avancé reprend les modifications effectuées en éditeur simplifié et transforme le tout en code HTML et CSS.
 
 Avantages :

Cette fonctionnalité permet d’accéder au code source complet de l'e-mail envoyé. Il est donc possible de :
  • Personnaliser la structure de l'email (textes et variables)
  • Personnaliser le code css embarqué (présentation)
 
 Inconvénients :

La personnalisation est de votre totale responsabilité quand à des problèmes de la délivrabilité. Par exemple si vous insérez un iframe, les mails ne seront plus envoyés ou seront bloqués.
Cette personnalisation nécessite des compétences avancées en HTML et CSS.

 
 Edition avancée :

Cette personnalisation se fait depuis le menu [Site \ Personnalisation des emails], icone "Editer les propriétés" (ou bien via le bouton Ajouter), onglet "Général", sous-onglet "Complémentaire" : Champ "Corps du message", sélection de "Personnaliser le corps du message", puis "Ecrire du code HTML".



Le code html est alors visible et modifiable.

 
 Les variables

La variables utilisables sont les suivantes.

Les seuls tags qui pourront fonctionner sur un email personnalisé seront ceux qui sont déjà présents dans l'email personnalisé par défaut. La liste ci-dessous est indicative et vous ne pourrez pas utiliser tous les tags sur tous les emails.

Nom de la variable
Fonctionnalité
#EMAIL# e-mail
#PASSWORD#
mot de passe
#SITEURL#
URL du site
#FIRSTNAME#
Prénom
#DOMAINNAME#
Nom de domaine
#SHOPCARTPREVIEW#
Panier d'achat
#ORDERID#
Numéro de commande
#DATE#
Date
#HEADER#
Panier d'achat > Composant textes > champ [15]
#USERCONTACT#
Nom du client
#USERBILLINGADDRESS#
Adresse de facturation
#USERSHIPPINGADDRESS#
Adresse de livraison
#NOSHIPPING#
Ouverture du champ adresse de livraison *
#/NOSHIPPING#
Fermeture du champ adresse de livraison *
#SPECIALINS#
Page informations client > Divers - Instructions spéciales - Livraison
#SHIPNAME#
Nom du mode de livraison
#SHIPINFO#
Page livraison > Informations complémentaires pour la livraison
#PAYMENNAME#
Nom du moyen de paiement
#PAYMENTPROP#
Propriétés du moyen de paiement
#CARTSUMMARY#
Détail de la commande, ne pas supprimer
#COMMENT#
Commentaire État d'avancement
#HREFORDER#
Lien vers la commande dans le compte client
#BODY#
Corps du message de l'état d'avancement
#CUSTOMMESSAGE#
Message personnalisé du mode de paiement différé par email
#PAYMENTLINK#
Lien vers processus de paiement
#EXPIRATIONDATE#
Date d'expiration du lien du paiement différé par email
#EMAIL_CONTENT#
Message personnalisé du composant parrainage
 #FIDELITYUSERPOINT#
Nombre de points de fidélité
#USERACCLINK#
Lien de connexion au compte client
#PRODUCTIMGTAG#
Image de l'article
#PRODUCTIMGURL#
URL de l'image de l'article

* Ces variables permettent d'ouvrir une zone capable d'afficher une adresse de livraison différente de l'adresse de facturation.
 
 Limites

Le contenu du récapitulatif du panier d'achat n'est pas modifiable. C'est un tag unique (#CARTSUMMARY#).

 
 Conseils d'utilisation

  • Si vous ne maitrisez pas parfaitement les codes html et css, nous vous conseillons d'utiliser un logiciel d'édition HTML tel que Dreamweaver. Cela vous permettra d'agir sur le code tout en visualisant le résultat dans la fenêtre d'aperçu.
  • Nous vous conseillons vivement de ne pas agir sur les variables (#ORDERID#) car celles-ci sont indispensables. En effet elles sont remplacées dynamiquement par les valeurs correspondantes (numéro de commande dans cet exemple).
  • Pour appréhender cette personnalisation, nous vous suggérons de commencer par modifier les textes puis leurs couleurs sans agir sur le tableau.
  • Pour avoir un aperçu rapide sans logiciel externe, vous pouvez coller le code dans un WebBlock en utilisant la fonction "Ajout de code html et script", puis lancer un aperçu.

NB : Si le message contient des variables #NOMDUTAG# et qu'elles sont supprimés, le système affichera un message d’avertissement à la sauvegarde mais celle-ci sera quand même possible.
 

Ajouter aux favoris : http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=1024&TID=55933&MID=55562%7C55310&LangID=0
© 2001-2018 Oxatis. Tous droits réservés.