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.

Nom de la variable
Fonctionnalité
#EMAIL# e-mail
#PASSWORD#
mot de passe
#SITEURL#
URL du site
#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

* 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-2017 Oxatis. Tous droits réservés.