Outils du tableau de bord pour la personnalisation

Utilisez les outils du tableau de bord de Braze pour insérer de la personnalisation Liquid sans avoir à écrire chaque balise manuellement. Le flux Ajouter une personnalisation génère la syntaxe appropriée pour vous, et l’éditeur Liquid vous aide à lire et à enrichir vos modèles rapidement.

Pour les règles de syntaxe Liquid, les balises prises en charge et les modèles avancés, consultez Utiliser Liquid et Balises de personnalisation prises en charge.

Ajouter la personnalisation dans les compositeurs et les paramètres

L’outil Add Personalization apparaît à côté des champs de texte modélisés dans l’ensemble du tableau de bord, notamment :

• Les étapes Campaign et Canvas pour les canaux prenant en charge Liquid dans le corps ou les en-têtes (par exemple, l’e-mail, les notifications push, les SMS, les messages in-app, les Content Cards et les webhooks).
• Les éditeurs par glisser-déposer, où le contrôle se trouve souvent dans la barre d’outils du bloc ou de l’éditeur. Par exemple, dans les messages in-app par glisser-déposer, vous pouvez sélectionner Add Personalization, choisir un type de personnalisation, puis placer l’extrait de code généré dans votre contenu avant de prévisualiser sous Preview & Test. Pour des notes spécifiques à chaque canal, consultez l’article sur le glisser-déposer ou le compositeur de votre canal (comme Paramètres de style des messages in-app ou Créer un e-mail avec le glisser-déposer).
• Les compositeurs spécialisés qui exposent un sélecteur de personnalisation — par exemple, les recommandations d’articles utilisent des options Personalization Type comme Item Recommendation dans le même type de fenêtre.
• Les pages de destination, où vous pouvez ajouter la personnalisation Liquid dans l’éditeur par glisser-déposer ou dans les paramètres de page et de bloc. Pour plus de détails, consultez Personnaliser les pages de destination.

Insérer des variables pré-formatées et des valeurs par défaut

L’outil Ajouter une personnalisation vous aide à insérer du Liquid avec des valeurs par défaut optionnelles afin que des données de profil vides ne perturbent pas votre texte.

L’outil insère du Liquid avec la valeur par défaut que vous avez spécifiée à l’endroit où se trouvait votre curseur. Le point d’insertion est également indiqué par la zone d’aperçu, qui affiche le texte avant et après. Si un bloc de texte est surligné, le texte surligné sera remplacé.

Vous pouvez également taper {{ dans de nombreux compositeurs pour utiliser l’autocomplétion, ou coller des tags provenant d’ailleurs ; pour plus de détails, consultez Insérer des tags dans Utiliser Liquid.

Assigner des variables

Certaines opérations en Liquid nécessitent de stocker la valeur que vous souhaitez manipuler en tant que variable. C’est souvent le cas lorsque votre instruction Liquid inclut plusieurs attributs, propriétés d’événement ou filtres.

Par exemple, supposons que vous souhaitiez additionner deux entiers de données personnalisées.

Exemple Liquid incorrect

Vous ne pouvez pas utiliser :

1
{{custom_attribute.${one}}} | plus: {{custom_attribute.${two}}}

Ce code Liquid ne fonctionne pas car vous ne pouvez pas référencer plusieurs attributs sur une seule ligne ; vous devez assigner une variable à au moins une de ces valeurs avant que les fonctions mathématiques ne s’exécutent. Additionner deux attributs personnalisés nécessite deux lignes de Liquid : une pour assigner l’attribut personnalisé à une variable, et une pour effectuer l’addition.

Exemple Liquid correct

Vous pouvez utiliser :

1
2
{% assign value_one = {{custom_attribute.${one}}} %}
{% assign result = value_one | plus: {{custom_attribute.${two}}} %}

Tutoriel : utiliser des variables pour calculer un solde

Calculons le solde actuel d’un utilisateur en additionnant le solde de sa carte cadeau et le solde de ses récompenses :

Tout d’abord, utilisez le tag assign pour remplacer l’attribut personnalisé current_rewards_balance par le terme « balance ». Cela signifie que vous disposez désormais d’une variable nommée balance, que vous pouvez manipuler.

1
{% assign balance = {{custom_attribute.${current_rewards_balance}}} %}

Ensuite, nous utiliserons le filtre plus pour combiner le solde de la carte cadeau de chaque utilisateur avec son solde de récompenses, représenté par {{balance}}.

1
2
{% assign balance = {{custom_attribute.${current_rewards_balance}}} %}
You have ${{custom_attribute.${giftcard_balance} | plus: {{balance}}}} to spend!

Conseil

Vous vous retrouvez à assigner les mêmes variables dans chaque message ? Au lieu de réécrire le tag assign à chaque fois, vous pouvez enregistrer ce tag en tant que bloc de contenu et le placer en haut de votre message.

1. Créez un bloc de contenu.
2. Donnez un nom à votre bloc de contenu (sans espaces ni caractères spéciaux).
3. Sélectionnez Modifier en bas de la page.
4. Saisissez vos tags assign.

Tant que le bloc de contenu se trouve en haut de votre message, chaque fois que la variable est insérée dans votre message en tant qu’objet, elle fera référence à l’attribut personnalisé que vous avez choisi !

Améliorations de l’éditeur Liquid

Ces comportements du tableau de bord facilitent l’utilisation de Liquid lors de la rédaction de vos messages.

Étiquettes de couleur

Chaque élément Liquid correspond à une couleur, ce qui vous permet de différencier vos éléments Liquid d’un coup d’œil dans votre éditeur Liquid.

Liquid prédictif

Vous pouvez également utiliser le Liquid prédictif pour les attributs personnalisés, les noms d’attributs et bien plus encore lors de la création de vos messages personnalisés.

Étapes suivantes

• Utiliser LiquidSyntaxe, balises assign, conditions et filtres dans Braze.
• Définir des valeurs par défautDéfinissez des valeurs par défaut dans Liquid au-delà de la fenêtre modale Ajouter une personnalisation.
• FiltresFormatez les dates, les opérations mathématiques, les chaînes de caractères et plus encore.