Passer au contenu principal
0%

Utiliser le nouvel Email Designer

Splio Help CenterMarketing AutomationNew Experience - Early Access

Maîtriser le nouveau language de personnalisation

Pour réaliser vos cas d'usages de personnalisation simples et complexes, vous pouvez et devez utiliser le nouveau language de personnalisation mis à disposition dans votre interface. Ce language a été abstrait pour la majorité des cas d’usages simples ou récurrents.

Ce nouveau language de personnalisation est basé sur un langage open-source développé par Shopify, le Liquid. Conçu pour être simple et facile à utiliser, il permet aux utilisateurs de personnaliser leurs emails et autre contenu de manière dynamique, sans avoir besoin de compétences en programmation avancées.

Ce nouveau language propose des variables, des conditions, des boucles et d’autres fonctions pour personnaliser votre contenu. Vous pourrez ainsi formater du texte ou encore appliquer des calculs mathématiques.

Une de ses principales forces est sa simplicité. Les débutants peuvent facilement apprendre les bases du langage en peu de temps, tandis que les utilisateurs avancés peuvent exploiter sa flexibilité pour répondre à des cas d’usages de personnalisation sophistiqués et très dynamiques. De plus, il est intégré à de nombreuses plateformes populaires, ce qui en fait un choix populaire parmi les intégrateurs.

-

Exemple simple

Vous pouvez insérer une variable en utilisant la syntaxe {{contact.firstname}} ou conditionner une partie de votre email en fonction de la langue du contact de cette manière {% if contact.language == "FR"%} Bonjour {%else%} Hello {% endif %}

-

Exemples de cas d'usages

Variables correspondantes avec le nouveau language Liquid

Scope contact

Pour ajouter la variable prénom (anciennement $firstname$)

{{contact.firstname}}

Scope contact

Pour ajouter la variable lien de désabonnement (anciennement $unsub_url$)

{{unsubscription_form_url}}

Scope contact

Pour afficher une variable en fonction de la langue (anciennement avec
{% SPLIO IF language == "EN" %}Hi {% SPLIO ENDIF %})

{% if contact.language == "EN" %}Hi {% else %} Hello {% endif %}

Scope contact & produit
Pour créer une boucle produits basée sur un champs de la table contacts.

{% create_products_list list_of_products = contact.custom_fields['custom_field_name'] %}

{% for product in list_of_products %}

{{ product.name }}

{% endfor %}

Scope commande
Pour mettre en avant chaque produit d'une commande avec des blocs conditionnels et des champs personnalisés à la ligne de commande (= détail de la commande)

{% for orderline in order.orderlines %}

{% if orderline.custom_fields['custom_field_name'] == 'toto' %}

{{ orderline.product.name }}

{% endif %}

{% endfor %}

Scope produits

Pour afficher des produits d'après certains ID de produit

{% create_products_list list_of_products = [‘product_id_1’,‘product_id_2'] %}

{% for product in list_of_products %}

{{ product.name }}

{% endfor %}

Scope contact

Avec un exemple mêlant condition et custom field

{% if contact.custom_fields['gender'] == 'M' %}
Hello mister
{% elif contact.custom_fields['gender'] == 'F' %}
Hello miss
{% else %}
Hello
{% endif %}

Scope commande
Pour itérer sur un ticket de caisse {{order.external_id}} et afficher, pour chaque ligne de ticket, la quantité et le nom du produits

{% for orderline in order.orderlines %}
{{orderline.quantity}} x {{orderline.product.name}}
{% endfor %}

Scope produits

Pour afficher des produits dont la liste se trouve dans un champ custom du contact wishlist

{% create_products_list list_of_products = contact.custom_fields['wishlist'] %}
{% for product in list_of_product %}
{{product.name}}
{% endfor %}

Scope produits

Pour afficher des produits en ligne

{% tablerow orderline in order.orderlines cols:2 %} <div style="text-align:center"><img src="{{orderline.product.img_url}}" style="border-radius: 8px; height: auto; max-width: 100px" \></div> <div style="font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;text-align:center;"> <p> {{orderline.product.name}} </p> </div> {% endtablerow %}