Modifiez le formatage de vos balises avec des filtres

Dans cet article, nous allons expliquer comment utiliser le langage de template de Brevo pour modifier les balises dans vos emails en utilisant des filtres.

🤔 Qu'est-ce qu'un filtre ?

Les filtres modifient la sortie d'une balise. Ils sont utilisés entre des accolades doubles {{ }} et séparés par le caractère |, par exemple {{{ contact.NAME|upper }}. Plusieurs filtres peuvent être enchaînés et la sortie d'un filtre est appliquée au suivant. 

Pour ajouter un filtre à une balise dans une campagne ou un template, vous devez l'ajouter manuellement. Dans l'éditeur Drag & Drop (Nouveau), vous devez également écrire la balise manuellement, car vous ne pouvez pas ajouter un filtre à une balise qui a été ajoutée à l'aide de l'option Personnalisation.

Ajouter une balise simple avec l'option Personnalisation
Ajouter une balise avec des filtres manuellement

💬 Insérer une valeur par défaut

default

Insère une valeur de repli par défaut lorsque la valeur de la balise est vide.

Entrée Sortie
Bonjour {{ contact.NAME|default:'there' }}, Bonjour cher client,

đź”  Format de la casse

capfirst

Met le premier caractère de la valeur de la balise en majuscule.

Entrée Sortie
{{ contact.MESSAGE|capfirst }} Ma voiture rouge

title

Renvoie une version de la valeur de la balise avec des titres. Les mots commencent par des lettres majuscules, tous les autres caractères sont des minuscules.

Entrée Sortie
{{ contact.NAME|title }} John Doe

upper

Transforme chaque caractère de la valeur de la balise en majuscule.

Entrée Sortie
{{ contact.NAME|upper }} JOHN DOE

lower

Fait de chaque caractère de la valeur de la balise une minuscule.

Entrée Sortie
{{ contact.NAME|lower }} john doe

truncatechars

Raccourcit la valeur de la balise si elle est plus longue que le nombre de caractères spécifié. Les valeurs tronquées se termineront par une ellipse (...) incluse dans le nombre de caractères.

Entrée Sortie
{{ contact.MANAGER|truncatechars:7 }} Elisab…

🔢 Format des numéros

floatformat

Arrondit la sortie des valeurs flottantes de votre balise à la décimale spécifiée.

Pour fonctionner correctement, les valeurs passées doivent être passées comme un nombre, plutôt que comme une chaîne, et les valeurs ne doivent pas être passées entre guillemets comme "valeur" .

Entrée Sortie
{{ contact.BALANCE|floatformat:2 }} 40.32
{{ contact.BALANCE|floatformat:0 }} 40

integer

Convertit un nombre au format chaîne de caractères ou virgule flottante en un nombre entier.

Entrée Sortie
{{ 10.578|integer }} 10
{{ "16.765"|integer }} 16

float

Convertit un nombre au format chaîne ou entier en un nombre à virgule flottante.

Entrée Sortie
{{ 10|float }} 10.000000
{{ "16.765"|float }} 16.765000

lang_format

Formate les nombres en fonction de la langue du destinataire.

Entrée Sortie
{{ params.NUMBER|lang_format:"fr" }} 123 456,789
{{ params.NUMBER|lang_format:"en" }} 123,456.789
{{ params.NUMBER|lang_format:"hi" }} 1,23,456.789
{{ params.NUMBER|lang_format:"bn" }} ১,২৩,৪৫৬.৭৮৯
{{ params.NUMBER|lang_format:"fr,%.2f" }} 123 456,79

Remarque :

  • Pour forcer 2 dĂ©cimales, ajoutez ,%.2f après le filtre de langue.
  • Pour le français, le sĂ©parateur de milliers est un espace insĂ©cable.

đź“… Format de la date et de l'heure

đź’ˇ Bon Ă  savoir
Les abréviations du jour et du mois ainsi que les noms complets sont en anglais uniquement.-
L'heure de référence est "Monday January 2 15:04:05 -0700 MST 2006".-
Si une valeur n'est pas fournie, elle est considérée comme égale à 0.-
Le fuseau horaire par défaut (s'il n'est pas indiqué) est UTC.
- Vous pouvez utiliser les mots-clés am/pm.
- Les façons les plus courantes de définir le fuseau horaire sont : les mots-clés dédiés (MST, CET, UTC, Asia/Kolkata etc.), ou comme valeur numérique, +0100 ou -0100, par rapport à UTC.

time_parse

Convertit votre format de date (transmis sous forme de chaîne) en un format de date standard qui peut être utilisé avec d'autres filtres.

Pour passer votre format de date actuel comme argument, formatez la date/heure exacte de la façon dont l'heure de référence serait affichée si elle était la valeur.

Entrée Sortie
{{ params.MY_DATE|time_parse:"Monday 02 January 2006" }} Tuesday 11 March 2021

Remarque : Si votre chaîne est formatée à l'aide de RFC3339, vous pouvez utiliser l'analyseur dédié time_parse_rfc3339 sans argument.

date

Convertit une date dans un format spécifié.

Vous obtiendrez une date à partir d'une chaîne de caractères en utilisant le filtre time_parse ou l'heure actuelle en passant le filtre date à la balise time_now.

Entrée Sortie
{{ "14:01 01/06/2018"|time_parse:"15:04 02/01/2006"|date:"Mon Jan 2 15:04:05 2006" }} Fri Jun 1 14:01:00 2018
{{ time_now|date:"Monday, Jan 2, 2006" }} Imprimera le jour et la date en cours au format spécifié
{{ time_now|date:"02/01/2006" }}  Imprimera le jour et la date en cours au format spécifié
{{ time_now|date:"01" }}

 Imprimera le mois en cours

{{ time_now|date:"02" }}

 Imprimera le jour en cours

{{ time_now|date:"2006" }}

 Imprimera l'année en cours

date_i18n

Convertit une date dans un format spécifié, mais le résultat serait dans d'autres langues.

Actuellement, les langues prises en charge sont les suivantes : en, fr, it, es, de et pt. Ce filtre est similaire au filtre "date", à la seule différence que la langue doit être spécifiée dans le filtre en premier lieu, puis le format.

Entrée Sortie
{{ "14:01 01/06/2018" | time_parse:"15:04 02/01/2006"|date_i18n:"en,Monday" }} Friday
{{ "14:01 01/06/2018" | time_parse:"15:04 02/01/2006"|date_i18n:"de,Monday" }} Freitag

time_add_date

Ajoute le nombre de jours à une chaîne d'horodatage ou de date. Il est obligatoire de passer toutes les valeurs à ce filtre dans l'ordre suivant : "année, mois, jour".

Entrée Sortie
{{ time_now|time_add_date:"1,2,3" }} Imprimera l'horodatage après avoir ajouté 1 an, 2 mois et 3 jours à la valeur temporelle de l'horodatage actuel.
{{ "14:01 01/06/2018"|time_parse:"15:04 02/01/2006"|time_add_date: "1,2,3" }}
2019-08-04 14:01:00 +0000 UTC

time_in_location

Convertit un horodatage ou une chaîne de date en fonction du fuseau horaire transmis au filtre. Il est obligatoire de transmettre un fuseau horaire au filtre dans le format suivant : "location/fuseau horaire".

Entrée Sortie
{{ time_now|time_in_location:"Europe/Berlin" }} Imprimera l'heure actuelle en CEST
{{ "14:01 01/06/2018"|time_parse:"15:04 02/01/2006"|time_in_location: "Europe/Berlin" }} 2018-06-01 16:01:00 +0200 CEST

time_add_duration

Ajoute une durée à un horodatage ou à une chaîne de dates. Il est obligatoire de passer au moins une valeur (heure, minute ou seconde) dans le filtre.

Entrée Sortie
{{ time_now|time_add_duration:"1h2m3s" }} Imprimera l'horodatage après avoir ajouté 1 heure, 2 minutes et 3 secondes à la valeur temporelle de l'horodatage actuel
{{ time_now|time_add_duration:"30m" }} Imprimera l'horodatage après avoir ajouté 30 minutes à la valeur du temps

time_unix

Convertit une valeur de temps en horodatage Unix en secondes.

Entrée Sortie
{{ time_now|time_unix }} Imprimera l'horodatage Unix actuel en secondes.

time_unix_nano

Convertit une valeur de temps en horodatage Unix en nanosecondes.

Entrée Sortie
{{ time_now|time_unix_nano }} Imprimera l'horodatage Unix actuel en nanosecondes

🧑‍💻 Encoder ou encrypter des données

base64_encode ou decode

Encode ou décode la base 64 :

  • base64_decode dĂ©code une chaĂ®ne de caractères vers un []byte
  • base64_encode encode un []byte en une chaĂ®ne de caractères.
Entrée Sortie
https://example.com/test?name={{ contact.FIRSTNAME|base64_encode }} https://example.com/test?name=RW56bw== (au lieu de https://example.com/test?name=Enzo)

Les filtres base64_encode et decode peuvent prendre un paramètre d'encodage optionnel :

  • std: encodage normal base64,
  • raw_std: encodage normal base64, sans les caractères de remplissage =,
  • url: version sĂ©curisĂ©e de l'encodage base64 pour les URL, + et / sont remplacĂ©s par - et _ respectivement,
  • raw_url: une combinaison de raw et url.

aes_128, 192, ou 256

Encrypte une valeur. Par exemple, vous pouvez utiliser ce filtre pour envoyer des informations de contact cryptées dans une URL, comme une adresse email ou un identifiant.

La variante AES utilisée dépend de la longueur de la clé fournie :

Longueur de la clé secrète Variante AES
16 octets (128 bits) AES-128
24 octets (192 bits) AES-192
32 octets (256 bits) AES-256

  Par exemple, pour la variante AES-256, la balise doit présenter le format {{ contact.ATTRIBUTE | aes_256:"key" }}, où la clé :

  • ĂŞtre composĂ©e de 32 chiffres ;
  • ĂŞtre gĂ©nĂ©rĂ©e de façon alĂ©atoire ;
  • doit persister de votre cĂ´té afin de pouvoir dĂ©crypter la valeur d'origine.

Par défaut, si aucun paramètre d'encodage n'est défini, base64 std sera utilisé. Les paramètres suivants sont également pris en charge :

  • raw_std: encodage normal base64, sans les caractères de remplissage =,
  • url: version sĂ©curisĂ©e de l'encodage base64 pour les URL, + et / sont remplacĂ©s par - et _ respectivement,
  • raw_url: une combinaison de raw et url.
đź’ˇ Bon Ă  savoir

Dans nos exemples ci-dessous, nous encryptons les adresses email de nos contacts à l'aide de la clé suivante : e5a34a481274c776856d04119bed8188. Veuillez noter que vous ne devez pas utiliser la même clé, mais plutôt générer votre propre clé en respectant les exigences ci-dessus.

Encodage Entrée Sortie

Aucun encodage (encodage base64 std par défaut)

{{ contact.EMAIL | aes_256:
"e5a34a481274c776856d04119bed8188"
}}
Imprime une chaîne aléatoire qui doit être décryptée pour lire la valeur d'origine

Encodage base64 raw_std

{{ contact.EMAIL | aes_256:
"e5a34a481274c776856d04119bed8188,
raw_std"
}}
Imprime une chaîne aléatoire qui doit être décryptée pour lire la valeur d'origine

Encodage base64 url

{{ contact.EMAIL | aes_256:
"e5a34a481274c776856d04119bed8188,
url"
}}
Imprime une chaîne aléatoire qui doit être décryptée pour lire la valeur d'origine

Encodage base64 raw_url

{{ contact.EMAIL | aes_256:
"e5a34a481274c776856d04119bed8188,
raw_url"
}}
Imprime une chaîne aléatoire qui doit être décryptée pour lire la valeur d'origine

🔎 Autres filtres

first

Renvoie le premier élément d'une séquence, d'un mappage ou d'une chaîne.

Entrée Demande API Sortie
{{ params.array|first }} "params" :
{
"array" : [ 1,2,3,4 ]
}
1

join

Combine les éléments d'un tableau en une seule chaîne de caractères en utilisant l'argument comme séparateur.

Le séparateur entre les éléments est vide par défaut. Vous pouvez le définir avec le premier paramètre facultatif.

Entrée Sortie
{{ [1, 2, 3]|join }} 123
{{ [1, 2, 3]|join: '|' }}
1|2|3

last

Renvoie le dernier élément d'une séquence, d'un mappage ou d'une chaîne.

Entrée Sortie
{{ [1, 2, 3, 4]|last }} 4

length

Renvoie le nombre d'éléments d'une séquence ou d'un mappage, ou la longueur d'une chaîne.

Entrée Sortie
{{ ['a', 'b', 'c', 'd']|length }} 4

safe

Marque une chaîne de caractères comme ne nécessitant pas d'échappement HTML supplémentaire avant la sortie.

A

Demande API

Entrée Sortie
"params" :{HtmlTest: "<p>This is my test sentence.</p>"}

{{ params.htmltest|safe }}

This is my test sentence

B

Attribut de contact

Placeholder

Entrée Sortie
EMAIL_SALUTATION Welcome to <b>Brevo</b>, we're glad to have you here {{ contact.EMAIL_SALUTATION|safe }} Welcome to Brevo, we're glad to have you here

  Sans le filtre safe, la balise HTML s'afficherait comme une chaîne normale dans l'e-mail du destinataire : "<p>This is my test sentence</p>" ou "Welcome to <b>Brevo</b>, we're glad to have you here".

slice

Extrait une tranche d'une séquence, d'un mappage ou d'une chaîne.

Ce filtre peut être configuré pour :

A Ne passer en boucle que le premier nombre "n" d'éléments d'un tableau Dans ces deux cas, rappelez-vous que les éléments d'un tableau se voient attribuer un numéro de position unique commençant par "0" comme première position (ils sont "indexés à zéro").
B Passer en boucle les éléments entre deux positions spécifiées ("n" et "m") dans le tableau.
C Passer en boucle les éléments entre deux éléments spécifiés dans un tableau.  

Dans chaque exemple, considérez que votre tableau contient les éléments suivants : ["a","b","c","d","e","f","g","h"...].

 

Entrée Sortie

A

{% for product in params.products|slice:':5' %}
{{ product.name - {{ product.price }}
{% endfor %}
Passera en boucle les 5 premières positions (0-4), qui sont : ["a","b","c","d","e"]
B {% for product in params.products|slice:'2:3' %}
{{ product.name - {{ product.price }}
{% endfor %}
Passera en boucle les positions (2-3), qui sont : ["c","d"]
C {% for product in params.products|slice:'b:d' %}
{{ product.name - {{ product.price }}
{% endfor %}
Passera en boucle les éléments spécifiés, qui sont : ["b","c","d"]

📖 Ressources complémentaires

 Le langage de template de Brevo est basé sur Pongo2, qui est une réimplémentation de Django en Go (un langage de programmation).

Tags supportés

autoescape, comment, cycle, filter, firstof, for, if, ifchanged, now, set, spaceless, templatetag, with.

Filtres supportés

escape, safe, escapejs, add, addslashes, capfirst, center, cut, date, default, default_if_none, divisibleby, first, floatformat, get_digit, iriencode, join, last, length, length_is, linebreaks, linebreaksbr, linenumbers, ljust, lower, make_list, phone2numeric, pluralize, random, removetags, rjust, slice, stringformat, striptags, time, title, truncatechars, truncatechars_html, truncatewords, truncatewords_html, upper, urlencode, urlize, urlizetrunc, wordcount, wordwrap, yesno.

Filtres supportés pour les algorithmes de hachage

hash_md5, hash_sha256, hash_sha256_224, hash_sha512, hash_sha512_224, hash_sha512_256, hash_sha512_384, hash_sha3_224, hash_sha3_256, hash_sha3_384, hash_sha3_512.

đź’ˇ Bon Ă  savoir
Si vous identifiez un filtre souhaitable qui n'est pas encore supporté, veuillez contacter notre équipe de équipe d'assistance en créant un ticket depuis votre compte. Si vous n'avez pas encore de compte, vous pouvez cliquer ici pour nous contacter.

⏩ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.

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

Utilisateurs qui ont trouvé cela utile : 9 sur 28