Objectif de cet article
Découvrez comment afficher un bloc ou une section particulière d’un e-mail pour certains destinataires à l’aide de la logique afficher/masquer de l’éditeur de modèle.
Vous pouvez utiliser cette logique pour afficher des contenus différents en fonction des personnes, selon leur niveau de fidélité par exemple ou si elles ont acheté un produit particulier. Cette fonction vous permet de cibler le contenu de vos e-mails en fonction des informations relatives à vos abonnés, de sorte que chaque destinataire bénéficie d’une expérience marketing hautement personnalisée.
Avant de commencerAvant de commencer
Vous pouvez afficher/masquer le contenu en fonction :
- Des données de profil (c’est-à-dire du profil ou des propriétés personnalisées)
-
De variables d’événements, mais seulement pour :
- Les flux déclenchés par un événement (également appelés flux déclenchés par un indicateur)
- Les blocs d’affichage/masquage avec du code personnalisé
Avant de rédiger votre e-mail, vous devez disposer des données nécessaires dans votre compte. En d’autres termes, vous devez avoir un événement ou profil comportant la propriété que vous souhaitez utiliser.
Utiliser les données de profil
Si vous souhaitez afficher/masquer des conditions en fonction des données de profil (par exemple, la localisation, la langue, etc.), vous devez disposer d’au moins un profil contenant ces données.
Les propriétés de profil et personnalisées peuvent être ajoutées de la manière suivante :
- Formulaires d’inscription
- Téléchargements au format CSV
- Intégrations e-commerce
- Intégrations de fidélisation et de croissance des listes, comme Typeform ou Yotpo
En savoir plus sur les propriétés de profil dans Klaviyo
Utiliser les propriétés d’événements
Pour les propriétés d’événements, il doit aussi y avoir un événement dans votre compte Klaviyo. Ensuite, vous pouvez afficher/masquer les blocs en fonction de l’événement déclencheur de ce flux à l’aide d’un bloc au code personnalisé. Vous ne pouvez pas faire référence à des données d’événement à l’aide du générateur de logique.
Ainsi, dans un flux de panier abandonné avec le déclencheur Commande Débutée, vous pouvez créer des conditions d’affichage et de masquage en fonction de la valeur du panier ou d’articles spécifiques ajoutés par le client.
Rédiger votre message
Le générateur de logiques afficher/masquer prend en charge les données de profil sous forme de texte, de nombres et de listes. Il ne prend pas en charge les données d’événements, les dates ni les valeurs booléennes. Si vous souhaitez utiliser des données non prises en charge dans votre condition d’affichage/masquage, utilisez un code personnalisé pour écrire la condition.
- Ajoutez un bloc ou une section à un modèle d’e-mail.
- Sélectionnez l’onglet Affichage.
- Sous Logique Afficher/Masquer, sélectionnez Utiliser le générateur de logique.
- Sélectionnez une condition.
- Vous pouvez créer une condition simple avec un seul critère ou une condition plus complexe avec plusieurs critères reliés par les opérateurs ET et OU. En savoir plus sur les connecteurs ET et OU
- Utilisez le bouton Ajouter une condition pour ajouter des conditions supplémentaires, si vous le souhaitez.
- Sélectionnez Enregistrer.
Si vous utilisez la logique d’affichage/masquage sur une section et un bloc dans cette section, les paramètres peuvent interagir et provoquer des conflits. Pour en savoir plus, consultez notre article sur les options d’affichage.
Utiliser les opérateurs ET et OU dans les conditions afficher/masquer
Lors de l’évaluation de la logique afficher/masquer, les conditions reliées par ET sont évaluées avant les conditions reliées par OU. Tenez compte de l’ordre dans lequel votre logique sera évaluée lorsque vous la rédigez afin de vous assurer qu’elle sera interprétée comme vous l’entendez.
À titre d’exemple, considérez la condition suivante :
En suivant ces critères, vérifiez si le bloc est visible pour certains destinataires de l’échantillon :
| Destinataire | Le bloc apparaît-il ? | Pourquoi ? |
|
Jeanne Points de fidélité = 145 Couleur préférée = vert Fruit préféré = banane | Non | Jeanne pourrait être qualifiée si sa couleur préférée était le bleu ou si son fruit préféré était la banane. |
|
Alex Couleur pr éférée = bleu Fruit préféré = pomme | Non | Alex pourrait être qualifié avec plus de points de fidélité ou si son fruit préféré était le kiwi. |
|
Amandine Couleur préférée = bleu Fruit préféré = grenade | Oui | Amandine remplit les conditions requises, car elle possède > 99 points de fidélité et sa couleur préférée est le bleu. Son fruit préféré n’est pas pris en compte, car elle remplit les deux critères de l’autre côté de l’opérateur OR. |
|
Stéphanie Couleur préférée = orange Fruit préféré = kiwi | Oui | Stéphanie remplit les conditions requises, car son fruit préféré est le kiwi. Les autres conditions ne sont pas prises en compte, car elle remplit les critères d’un côté de l’opérateur OU. |
Cas d’utilisation des blocs afficher/masquer
Cas d’utilisation des blocs afficher/masquer
Bannière du programme de fidélisationBannière du programme de fidélisation
Si vous avez un programme de fidélisation, indiquez aux participants actifs le nombre de points dont ils disposent actuellement. Proposez aux contacts qui ne se sont pas encore inscrits au programme une incitation à le faire. Pour la configurer, vous aurez besoin de deux bannières.
Affichez une bannière pour les participants du programme de fidélisation actifs avec cette condition afficher/masquer :
Points de fidélité > est supérieur à 0
Montrez aux prospects une bannière avec cette condition :
Points de fidélité > n’est pas défini
Il se peut que vous deviez ajuster les critères en fonction des données disponibles dans votre propre compte.
Images personnaliséesImages personnalisées
Si vous recueillez des informations sur la manière dont vos abonnés utilisent votre produit, montrez-leur des images qui les intéressent.
Par exemple, une marque qui vend des sacs à dos peut demander à ses abonnés s’ils les utilisent pour leurs déplacements quotidiens, leurs voyages ou leurs randonnées. En fonction de leur réponse, cette marque pourrait montrer des images de ses produits dans ces environnements.
Pour ce faire, vous aurez besoin de trois blocs d’images montrant votre produit dans trois contextes différents.
Montrez aux abonnés qui l’utilisent pour leurs trajets domicile-travail une photo d’un motard portant le sac à dos lors d’un trajet correspondant à cette condition :
Préférence de sac = Trajet domicile-travail
Montrez aux abonnés qui utilisent l’un de vos sacs à dos pour voyager une photo dans un aéroport très fréquenté avec cette condition :
Préférence de sac = Tourisme
Montrez aux autres abonnés une photo de l’un de vos sacs à dos dans un paysage extérieur pittoresque avec cette condition :
Préférence de sac > n’est pas égal à > Tourisme ET Préférence de sac > n’est pas égal à > Trajet domicile-travail
Vous remarquerez que la dernière image ne s’adresse pas uniquement aux randonneurs. Tout client qui n’utilise pas le sac à dos pour ses trajets domicile-travail ou pour faire du tourisme la verra. Pour que votre e-mail soit agréable à lire pour tout le monde, il est important de prendre en compte les destinataires pour lesquels cette propriété n’est pas configurée.
Notes spécifiques aux produitsNotes spécifiques aux produits
Le référencement d’un élément au sein d’un événement déclencheur de flux nécessite l’utilisation d’un code personnalisé.
Communiquez des informations spécifiques aux produits aux personnes qui ont abandonné leur panier, afin de leur fournir des informations clés susceptibles d’influencer leur décision d’achat. Par exemple, si vous un produit approche de la rupture de stock, ajoutez un bloc de texte contenant un avertissement de rupture de stock qui ne s’affiche que pour les personnes ayant cet article dans leur panier en utilisant cette condition :
ITEM_NAME in event.Items
Messages spécifiques à un lieu
Les conditions spécifiques à un lieu ne peuvent évaluer que le texte. Elles ne peuvent pas évaluer la distance par rapport à un code postal. Affichez une bannière personnalisée pour les résidents qui vivent dans une certaine zone géographique, par exemple dans la même ville que votre boutique physique, en utilisant cette condition :
Ville = Boston
Résoudre les problèmes liés aux blocs d’affichage/masquage
Si le rendu de votre bloc d’affichage/masquage n’est pas satisfaisant, utilisez le bouton Convertir en code pour convertir la logique du générateur en code. À partir de là, vous pouvez inspecter et modifier le code pour obtenir le rendu souhaité.
La conversion de la logique en code n’est pas réversible.
Lors de la résolution des problèmes, vérifiez que le type de données utilisé dans votre valeur de condition est identique au type de données dans les profils auxquels vous faites référence. Par exemple, le nombre 22 est différent de la valeur textuelle « 22 ». Si votre condition est définie sur Nombre, mais que vos valeurs sont enregistrées en tant que texte dans le profil, la condition ne pourra pas effectuer une bonne évaluation.
Convertir le texte en chiffres
Si vous avez des propriétés numériques, mais qu’elles sont enregistrées sous forme de texte dans un profil, vous pouvez les convertir en nombres dans le champ de code personnalisé à l’aide du filtre « |multiply ». Pour l’utiliser, ajoutez le filtre directement après le nom de la variable :
person.Birthday|multiply:"1" > 21
Valeur booléenne enregistrée comme texte
Si vos données vrai/faux se présentent sous forme de texte et non de valeur booléenne, ou si vous faites référence à une propriété qui contient à la fois des variables booléennes et du texte, vous pouvez utiliser ces structures pour faire face à tous les scénarios. Incluez toutes les orthographes et majuscules présentes dans vos données.
| Condition de l’échantillon | Montrez le bloc si… |
| person|lookup:'VIP' == 1 or person|lookup:'VIP' == 'true' or person|lookup:'VIP' == 'True' | La propriété VIP est définie sur la valeur booléenne « true » ou sur les chaînes « true » ou « True ». |
| person|lookup:'VIP' == 0 or person|lookup:'VIP' == 'false' or person|lookup:'VIP' == 'False' | La propriété VIP est définie sur la valeur booléenne « false » ou sur les chaînes « false » ou « False ». |
Caractères non alphanumériques dans les propriétés
Si les propriétés ou les valeurs référencées par votre bloc d’affichage/masquage contiennent des caractères non alphanumériques (par exemple, des symboles tels que =, < ou >), il se peut que votre condition n’effectue pas une évaluation correcte. Pour de meilleurs résultats, n’utilisez que des lettres (majuscules ou minuscules, sensibles à la casse), des chiffres, des tirets bas (_) ou des tirets (-).
Codage personnalisé du bloc d’affichage/masquageCodage personnalisé du bloc d’affichage/masquage
Si vous préférez avoir plus de contrôle, ou si vous souhaitez créer une condition à l’aide de données d’événements, de dates ou de valeurs booléennes, personnalisez le code de votre bloc d’affichage/masquage plutôt que d’utiliser le générateur de logique. Pour repartir de zéro en utilisant le code, sélectionnez le bouton Utiliser le code dans les paramètres de la logique d’affichage/masquage.
Vous pouvez également convertir une condition d’affichage/masquage existante en utilisant le code à l’aide du bouton Convertir en code.
La conversion de la logique en code n’est pas réversible.
Si vous choisissez d’utiliser le code, assurez-vous de bien comprendre Django, la logique de programmation et les types de données de Klaviyo. L’équipe d’assistance Klaviyo n’est pas en mesure de fournir une assistance directe ou de résoudre les problèmes de code personnalisé.
En savoir plus sur les structures de condition
Afficher/masquer les conditions en fonction des données de l’événementAfficher/masquer les conditions en fonction des données de l’événement
Si votre e-mail est envoyé dans le cadre d’un flux déclenché par un événement (par exemple, un flux de panier abandonné ou de confirmation de commande), vous pouvez afficher/masquer les blocs en fonction des détails de l’événement déclencheur de ce flux. Ainsi, dans un flux de panier abandonné avec le déclencheur Commande Débutée, vous pouvez personnaliser les conditions d’affichage/masquage en fonction de la valeur du panier ou d’articles spécifiques que le client a ajoutés. En savoir plus sur les variables d’événements
Comprendre comment les données sont stockéesComprendre comment les données sont stockées
Avant de configurer votre condition afficher/masquer, vérifiez comment vos données sont stockées. Il existe 5 types de données dans Klaviyo :
- Texte
- Nombre
- Date
- Booléen
- Liste
La façon dont vos données sont stockées aide à déterminer les conditions d’affichage et de masquage adaptées à vos besoins. Apprenez à identifier les types de données dans votre propre compte.
Rédiger votre messageRédiger votre message
La première étape pour ajouter des conditions d’affichage/masquage avec un code personnalisé dans un message consiste à créer le modèle d’e-mail. Cette section présente un exemple spécifique, mais vous pouvez suivre les mêmes étapes pour configurer n’importe quel bloc à afficher en fonction de vos propres critères.
Par exemple, si votre entreprise vend des sacs en cuir, vous pouvez recueillir les préférences des clients concernant l’utilisation de leurs sacs à l’aide d’un formulaire d’inscription, comme indiqué ci-dessous.
Vous pouvez ensuite afficher une autre image en fonction des préférences de votre client en matière de sac. Par exemple, si la préférence du client est « Travail », le sac apparaît à côté d’un ordinateur portable. Si la préférence du client est « Plein air », le sac apparaît sur un sentier de randonnée dans un beau paysage.
- Créez un message de flux ou de campagne.
- Ajoutez un bloc d’images.
- Importez l’image liée au travail dans le bloc.
- Cliquez sur Afficher dans le menu de personnalisation du bloc d’image.
- Sous Logique Afficher/Masquer, sélectionnez Utiliser le code.
- Ajoutez cette condition : person|lookup:'Préférence de sac' == 'Travail'.
- Cliquez sur Enregistrer les modifications.
- Cliquez sur Terminé dans le bloc.
Ce bloc ne s’affiche que pour les personnes qui ont sélectionné la préférence « Travail ».
Ensuite, ajoutez l’image associée au tourisme dans un nouveau bloc sous l’image associée au travail. Suivez les mêmes étapes que précédemment, mais cette fois-ci, utilisez la condition person|lookup:'Préférence de sac' == 'Plein air'.
Ce bloc ne s’affiche que pour les personnes qui ont sélectionné la préférence « Plein air ».
Enfin, ajoutez une image à afficher pour tous ceux qui n’ont sélectionné ni « Travail », ni « Plein air ». Utilisez une image plus générique et la condition suivante : person|lookup:'Préférence de sac' != 'Travail' et person|lookup:'Préférence de sac' != 'Plein air'.
Ici, != signifie « n’est pas égal à », de sorte que cette condition recherche les personnes qui ont choisi autre chose que « Travail » ou « Plein air », ou qui n’ont jamais sélectionné de préférence.
Une fois que vous avez configuré chacun des blocs, prévisualisez votre message à l’aide de 3 profils. Ces profils doivent correspondre à des abonnés qui répondent chacun à l’un des critères :
- Client qui a choisi « Plein air »
- Client qui a choisi « Travail »
- Et clients sans préférence ou avec une autre préférence
Ces étapes vous permettent d’afficher ou de masquer des blocs en fonction des données de profil ou d’événement de votre compte.
Créer une condition afficher/masquer avec les données de profilCréer une condition afficher/masquer avec les données de profil
Si vous créez une condition afficher/masquer avec un code personnalisé et basée sur une propriété de profil, remplacez la variable d’échantillon des tableaux dans la référence à la logique conditionnelle (par exemple, person|lookup : 'Couleur préférée') par votre propriété de profil.
Pour savoir quelle variable utiliser :
- Cliquez sur Personnalisation pour ouvrir le menu de personnalisation.
- Choisissez une option dans le menu pour l’ajouter au bloc de texte.
- Copiez le nom de la variable depuis le tag. Pour identifier le nom de la variable, supprimez les accolades autour de la variable, ainsi que |default:'' à la fin (le cas échéant), ainsi que tout autre filtre.
Par exemple, dans la capture d’écran ci-dessous, le tag complet est {{ person|lookup:"Accepts Marketing"|default:"" }}. Le nom de la variable est person|lookup :"Accepte le marketing". Sélectionnez cette partie pour l’utiliser dans votre condition afficher/masquer.
Créer une condition afficher/masquer avec les données d’événement
Vous pouvez utiliser les données d’événement pour afficher ou masquer un bloc si votre message fait partie d’un flux déclenché par un événement. Seules les données contenues dans l’événement déclencheur peuvent être utilisées dans une condition afficher/masquer.
Pour identifier les variables d’événement :
- Dans l’éditeur de modèles, cliquez sur Prévisualiser et tester.
- Sous Prévisualiser la source de données, cliquez sur Événement.
- Dans le menu déroulant, sélectionnez l’événement qui déclenchera le message que vous êtes en train de créer.
- Faites défiler les propriétés d’événement pour trouver les données que vous souhaitez inclure.
- Cliquez sur le nom de la propriété pour copier le tag.
- Collez le tag dans un bloc de texte ou dans un éditeur de texte.
- Supprimez les accolades (c'est-à-dire {{ et }}) du tag, ainsi que les filtres.
- Utilisez la variable qui reste dans votre condition afficher/masquer.
Dans la capture d’écran ci-dessous, vous verrez le tag {{ event|lookup:'Item Count' }}. Vous n’aurez besoin que du texte event|lookup:'Nombre d’articles' pour votre condition afficher/masquer. Notez que vos données peuvent utiliser une structure différente, comme {{ event.extra.line_items.0.title }} ou {{ event.ShippingAddress.address1 }}. Utilisez la variable telle qu’elle apparaît dans les données de l’événement.
Personnaliser vos conditions afficher/masquer
Apprenez à créer des conditions afficher/masquer personnalisées à l’aide de la référence de la logique conditionnelle. Cette ressource contient des exemples de conditions que vous pouvez personnaliser à l’aide de vos propres données de profil ou d’événements.