Skip to content

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 une personnalisation dans les éditeurs et les paramètres

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

  • Les étapes de campagne et de Canvas pour les canaux qui prennent en charge Liquid dans le corps ou les en-têtes (par exemple, e-mail, push, SMS, messages in-app, cartes de contenu et 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 Ajouter une personnalisation, choisir un type de personnalisation, puis placer l’extrait de code généré dans votre contenu avant de prévisualiser sous Prévisualisation et test. Pour plus de notes spécifiques à chaque canal, consultez l’article sur le glisser-déposer ou l’éditeur de votre canal (comme Paramètres de style des messages in-app ou Créer un e-mail par glisser-déposer).
  • Les éditeurs spécialisés qui exposent un sélecteur de personnalisation — par exemple, les recommandations d’articles utilisent des options de Type de personnalisation comme Recommandation d’articles dans le même type de fenêtre.
  • Les pages d’accueil, où vous pouvez ajouter de 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 d’accueil.

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 facultatives afin que des données de profil vides ne cassent pas votre texte.

La fenêtre modale Ajouter une personnalisation qui apparaît après avoir sélectionné Insérer une personnalisation. La fenêtre modale comporte des champs pour le type de personnalisation, l'attribut, la valeur par défaut facultative, et affiche un aperçu de la syntaxe Liquid.

L’outil insère le Liquid avec la valeur par défaut que vous avez spécifiée à l’emplacement de 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é.

Un GIF de la fenêtre modale Ajouter une personnalisation montrant l'utilisateur insérant « fellow traveler » comme valeur par défaut, et la fenêtre modale remplaçant le texte surligné « name » dans l'éditeur par l'extrait de code Liquid.

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

Affecter des variables

Certaines opérations en Liquid nécessitent de stocker la valeur que vous souhaitez manipuler dans une 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 Liquid ne fonctionne pas car vous ne pouvez pas référencer plusieurs attributs sur une seule ligne ; vous devez affecter une variable à au moins une de ces valeurs avant que les fonctions mathématiques ne s’exécutent. L’addition de deux attributs personnalisés nécessite deux lignes de Liquid : une pour affecter 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 la balise assign pour substituer l’attribut personnalisé current_rewards_balance par le terme « balance ». Vous disposez maintenant d’une variable nommée balance, que vous pouvez manipuler.

1

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

Ensuite, utilisez 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!

Améliorations de l’éditeur Liquid

Ces fonctionnalités du tableau de bord facilitent le travail avec Liquid pendant la rédaction de vos messages.

Étiquettes de couleur

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

Diagramme des différentes étiquettes de couleur pour les différents éléments Liquid.

Liquid prédictif

Vous pouvez également utiliser le Liquid prédictif pour les attributs personnalisés, les noms d’attributs et plus encore lorsque vous créez vos messages personnalisés.

Braze suggérant différents attributs Liquid au fur et à mesure que du texte est saisi dans un champ.

Étapes suivantes
New Stuff!