Passer au contenu

Modèles Liquid

Vidéo YouTube : Apprenez à utiliser les modèles de contenu dans les Customer Journeys

Les modèles Liquid élargissent considérablement les capacités de personnalisation de Pushwoosh en mettant en œuvre une logique sophistiquée en plus de l’utilisation habituelle du Dynamic Content.

La personnalisation des messages dans Pushwoosh est basée sur les Tags (données utilisateur). Pushwoosh propose une variété de Default Tags et de Custom Tags. En les utilisant, vous pouvez spécifier le prénom de l’utilisateur, sa ville, son historique d’achat, etc. pour envoyer un message plus personnalisé, par exemple : Bonjour {First_name}, merci pour votre commande de {item}.

Les modèles Liquid ajoutent plus de logique au contenu dynamique. Par exemple, si le Tag d’abonnement d’un utilisateur contient « free », vous pouvez lui envoyer un message : « Profitez de votre réduction de 10 %. »

Modifier le contenu du message en fonction des identifiants, des comportements et des préférences des utilisateurs est le moyen le plus efficace d’augmenter la pertinence et d’obtenir des résultats plus impressionnants de vos campagnes marketing.

Les modèles de contenu basés sur Liquid par Shopify utilisent une combinaison de balises, d’objets et de filtres pour charger du contenu dynamique. Les modèles de contenu permettent d’accéder à certaines variables depuis un modèle et d’afficher leurs données sans avoir à connaître quoi que ce soit sur les données elles-mêmes.

Les objets définissent le contenu qui sera affiché à un utilisateur. Les objets doivent être entourés de doubles accolades : {{ }}

Par exemple, lors de la personnalisation d’un message, envoyez {{Name}} dans son corps pour ajouter les noms des utilisateurs au contenu du message. Le nom de l’utilisateur (valeur du Tag Name) remplacera l’objet Liquid dans le message que l’utilisateur verra.

Salut {{Name}} ! Nous sommes heureux de vous revoir !

Les balises créent la logique et le flux de contrôle pour les modèles. Les délimiteurs accolade-pourcentage {% et %} et le texte qu’ils entourent ne produisent aucune sortie visible lorsque le modèle est rendu. Cela vous permet d’assigner des variables et de créer des conditions ou des boucles sans montrer la logique Liquid à un utilisateur.

Par exemple, en utilisant la balise if, vous pouvez varier la langue du message en fonction de la langue définie sur l’appareil de l’utilisateur :

{% if Language == 'fr' %}
Salut!
{% else %}
Hello!
{% endif %}

Sortie (fr) : Salut !

Sortie (es) : Hello !

Opérateurs de balises

Anchor link to
OpérateurDescription
==égal à
!=différent de
>supérieur à
<inférieur à
>=supérieur ou égal à
<=inférieur ou égal à
orou logique
andet logique
containsvérifie la présence d’une sous-chaîne dans une chaîne de caractères ou un tableau de chaînes

Les filtres modifient la sortie d’un objet ou d’une variable Liquid. Ils sont utilisés à l’intérieur des doubles accolades {{ }} et dans l’assignation de variables, et sont séparés par une barre verticale |. Plusieurs filtres peuvent être utilisés sur une même sortie, et sont appliqués de gauche à droite.

EntréeSortie
{{ Name | capitalize | prepend:"Hello " }}Hello Anna

Utilisation des modèles Liquid

Anchor link to

Les modèles Liquid sont disponibles à la fois pour les messages envoyés depuis le Control Panel et pour les requêtes API.

Dans Pushwoosh, les modèles Liquid sont applicables à tous les champs de contenu de n’importe quel message de canal :

  • Push notifications
  • Emails

Pour ajouter un modèle Liquid à votre message, insérez-le dans le corps du message. Vous pouvez le faire lorsque vous travaillez avec les éléments push ou email, directement depuis l’interface du Customer Journey Builder.

Allez dans Customer Journey Builder > Créer une campagne > Faites glisser et déposez les éléments suivants sur votre canevas : Audience-based Entry, Push (ou Email), et Sortie. Connectez les éléments. Cliquez ensuite sur l’icône Push, choisissez Contenu personnalisé et insérez votre texte.

Pour ajouter une logique Liquid, utilisez les valeurs de Tag avec la syntaxe suivante :

{% if TagName == 'value' %}
Contenu à envoyer dans ce scénario
{% else %}
Contenu à envoyer sinon
{% endif %}

Cliquez ensuite sur Appliquer.

Les variables de modèle (Pushwoosh Tags) ne doivent pas contenir d’espaces et ne doivent comporter que des valeurs alphanumériques et des tirets bas, par exemple, my_tag ou myTag au lieu de My Tag.

En savoir plus sur les modèles Liquid dans les journeys

Contenu connecté

Anchor link to

Le contenu connecté est une fonctionnalité des modèles Liquid qui vous permet de récupérer et d’utiliser dynamiquement des données provenant d’une source externe, comme un service web, directement dans vos messages e-mail ou de notification push. Cette fonctionnalité permet une personnalisation en temps réel en récupérant des données JSON à partir d’une URL spécifiée et en les enregistrant dans une variable qui peut être utilisée dans votre contenu.

Principaux cas d’utilisation

Anchor link to
  • Recommandations de produits : Affichez des listes de produits personnalisées adaptées à chaque utilisateur.

  • Codes promo : Insérez des codes promo uniques générés par un service backend.

Prérequis

Anchor link to
  • Pour utiliser le Contenu Connecté, vous devez disposer de votre propre service backend qui génère et fournit les données requises (par exemple, codes promo, recommandations de produits) en fonction du User ID, du HWID, ou des Custom Tags. Pushwoosh récupère ensuite ces données avant d’envoyer un message.

Guide d’implémentation étape par étape

Anchor link to

Étape 1. Configurer le service backend

Anchor link to

Le service backend doit :

  • Accepter une requête contenant des paramètres spécifiques à l’utilisateur (par exemple, userId). Le Contenu Connecté prend en charge UserID, HWID, ou tout Custom Tag que vous avez configuré dans votre projet.
  • Retourner une réponse JSON avec les données requises. Ce contenu peut ensuite être inséré dynamiquement dans les messages.

Étape 2. Créer un preset avec du Contenu Connecté dans Pushwoosh

Anchor link to
  1. Dans l’éditeur de contenu Push ou Email, insérez la syntaxe du Contenu Connecté dans le champ du message.

Exemple

{% connected_content http://votre-url-backend.com?userId={{ ${userid} }} :save result %}

Décomposition de la syntaxe

connected_contentRécupère les données JSON depuis l’URL backend spécifiée.
http://votre-url-backend.comLe point de terminaison backend qui retourne les données requises au format JSON.
userId={{ ${userid} }}Un paramètre de requête dynamique qui transmet l’ID utilisateur au backend.
:save resultStocke la réponse JSON récupérée dans la variable result pour une utilisation dans les modèles Liquid.

Insérez la syntaxe du Contenu Connecté

Authentification (optionnel)

Si votre service backend nécessite une authentification, vous pouvez inclure une clé API ou un jeton dans la requête de Contenu Connecté pour garantir un accès sécurisé.

{% connected_content http://votre-url-backend.com?userId={{ ${userid} }}&auth=VOTRE_CLE_API :save result %}

Utilisation des tags dans le Contenu Connecté

Pour inclure des Custom Tags, insérez-les comme paramètres de requête dans la requête de Contenu Connecté ({{ nom_du_tag }}).

{% connected_content http://votre-url-backend.com?userId={{ ${userid} }}{{ Language }} :save result %}
  1. Ensuite, ajoutez le texte du message en incorporant les données récupérées, comme ceci :
Salut, {{userid}}, profitez de votre code promo personnel - {{result.code}}

Ajoutez le texte du message avec les données récupérées

  1. Après avoir finalisé le contenu du message et configuré les paramètres du preset, enregistrez-le pour le réutiliser dans les campagnes.

Envoyez un message avec du contenu connecté

Étape 3. Envoyer un message en utilisant le preset configuré

Anchor link to

Envoyez un message avec ce preset en utilisant le formulaire de push ponctuel ou d’email ponctuel ou un customer journey.