Passer au contenu principal

Utiliser le nouvel Email Designer

Le nouvel Email Designer a été repensé pour vous permettre de personnaliser davantage vos communications tout en gagnant en efficacité et en créativité.

Cette nouvelle version vous offre :

  • Un module de création de conditions simplifiées pour personnaliser vos designs en fonction du contact ciblé de manière flexible et simple.

  • Une sauvegarde automatique de votre travail en cours.

  • Le nouveau language de personnalisation basé sur le même modèle que celui utilisé par Shopify vous permettant de réaliser vos cas d'usages en y intégrant encore plus de personnalisation.

Enregistrer automatiquement vos contenus

Cette fonctionnalité est particulièrement utile lors de la création d'email - étape clé lors de la création de campagnes élaborées, où vous passez souvent le plus de temps. Ainsi, toutes les modifications apportées à un contenu sont sauvegardées.

Les avantages de la fonction d'auto-save :

  1. Éviter la perte de données

  2. Gagner du temps

Dans le cas d'un contenu activé, vous devez vous rendre dans l'onglet Aperçu puis Test pour vérifier, avant de le sauvegarder en cliquant sur le bouton Enregistrer et activer.

-

Il existe deux types de statut :

  • Brouillon : Vous pouvez modifier ce contenu autant que vous le souhaitez, mais il n'est pas encore utilisable. Chaque contenu est créé par défaut avec ce statut.

  • Activé : Ce contenu a été soumis au processus d'activation qui valide la syntaxe de personnalisation. D'un point de vue fonctionnel, ce contenu a été vérifié et validé par votre équipe, de sorte que vous pouvez l'afficher ou l'utiliser dans une campagne.

    D'un point de vue technique, ce contenu a été vérifié et validé par notre outil pour vous garantir une bonne utilisation de la syntaxe de personnalisation.

Bientôt disponible : tous les contenus auront très prochainement des versions, pour vous permettre de vérifier l'historique et revenir à une version antérieure.

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 %}