HTML - Fusion de variable - Guide - Seeuletter - Solutions d'envoi de courrier et de carte postale
Guide
Optimisez vos envois de courrier ou de carte postale.
Utilisez l'outil en ligne ou l'API d'envoi de courrier et de carte postale. 🚀
API
Mis à jour le 22 Novembre 2018 à 08h59

HTML - Fusion de variable

Lors de la génération de votre courrier à partir d'une chaine de caractères HTML ou d'un template, l'HTML est d'abord passé dans un moteur de rendu : Mustache.js .

La fusion de variables facilite la personnalisation de vos courriers. Vous pouvez facilement intégrer des informations sur votre client, des dates, des images, etc... Bref, tout ce que vous voulez. Vous pouvez même passer du HTML dans les variables.

Consultez la documentation de Mustache.js pour découvrir toutes les possibilités que cela offre !

Pour que le HTML ne soit pas échappé, utilisez 3 "brackets" comme ceci : {{{une_variable_contenant_du_html}}}

Ainsi, avec ce HTML :

<html style="padding: 10px; font-size: 14px; color: {{color}}">
  <p>Bonjour {{prenom}}, comment allez-vous ?</p>
  <img src="{{image}}" style="width: 200px">
  <p>Je suis {{responsable}}, votre gestionnaire de compte.</p>
  <p>Et nous sommes le {{date}}.</p>
  <div>
    On peut même rajouter du HTML en utilisant 3 acollades au lieu de 2 comme ici : {{{htmlContent}}}
</html>

 

Et ces informations :

image image color responsable date htmlContent
Jacques Image Jacques red Henri 07/07/2017 <b>Je suis en gras</b>
Paul Image Paul blue Henri 01/07/2017 <i>Je suis en italique</i>

 
On obtient les PDF suivant :

Jacques Paul
PDF PDF

 
Votre imagination est votre seule limite, nous avons hâte de voir ce que vous allez construire ! Si vous avez des questions ou des idées pour améliorer la fusion des variables n'hésitez pas à nous contacter grâce au chat vert en bas à droite ! 😉