Vous apprendrez
Découvrez comment ajouter une image dynamique à une notification push.
Les images dynamiques sont un excellent moyen de personnaliser vos notifications push. Par exemple, vous pouvez montrer à quelqu'un le produit exact qu'il a favorisé, pour lequel il a commencé une commande ou qu'il a acheté.
Avant de commencerAvant de commencer
Vous pouvez utiliser des images dynamiques dans :
- Flux déclenchés par des mesures, utilisant soit des données d'événements (par exemple, les articles d'une caisse ou d'une commande passée), soit des balises de catalogue pour un événement.
- Campagnes et flux déclenchés par des listes et des segments, mais uniquement lorsque l'URL de l'image existe en tant que propriété personnalisée dans le profil du destinataire.
Notez également ce qui suit en ce qui concerne les images dynamiques de poussée :
- Une seule image dynamique est autorisée par notification push.
- Les images doivent être inférieures à 1 Mo.
- Vous pouvez utiliser des instructions conditionnelles avec des images dynamiques.
Vous souhaitez demander une fonctionnalité pour les notifications push de Klaviyo ? Remplissez ce formulaire Google pour nous en parler !
Ajouter une image dynamique à une notification push
- Sélectionnez le message dans lequel vous souhaitez inclure votre image dynamique.
- Dans la barre latérale gauche, cliquez sur Configurer le contenu ou sur Modifier.
- Ajoutez ou sélectionnez la notification push dans le flux.
- Cliquez sur l'icône Afficher les détails dans le coin supérieur droit.
- Recherchez la source de données de l'image que vous souhaitez inclure.
- Cliquez sur la source de données de la première variable d'une image, qui se termine généralement par 0.
- À gauche, cliquez sur l'icône Insérer un média dans la zone Corps.
- Allez dans l'onglet Image dynamique.
- Collez la variable dynamique ou l'URL dynamique de l'image.
- Cliquez sur Enregistrer.
- Vérifiez que l'image dynamique a été ajoutée correctement en vous assurant qu'elle apparaît dans l'écran de prévisualisation.
Exemple d'utilisation des étiquettes de catalogue
Vous pouvez également utiliser des balises de catalogue pour ajouter des images dynamiques dans une notification push enrichie. Pour ce faire :
- Allez sur Analytics > Metrics.
- Sélectionnez la mesure que vous souhaitez utiliser (par exemple, Produit commandé).
- Cliquez sur Détails pour un événement spécifique.
- Recherchez l'UGS ou l'étiquette d'identification du produit.
- Copiez le libellé de la balise (à l'exception des parenthèses et des deux points) afin de respecter l'orthographe et les majuscules.
Dans l'exemple ci-dessous, nous copions "ProductID."
- Collez ce document dans un endroit où vous ne le perdrez pas.
- Naviguez jusqu'à un flux déclenché par la même mesure que celle que vous venez de sélectionner.
- Sélectionnez la notification push dans laquelle vous souhaitez inclure votre image dynamique.
- Dans la barre latérale gauche, cliquez sur Configurer le contenu ou sur Modifier.
- À gauche, cliquez sur l'icône Insérer un média dans la zone Corps.
- Allez dans l'onglet Image dynamique.
- Collez la balise de catalogue suivante :
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Remplacez id dans {% catalog event.id %} par l'étiquette que vous avez copiée précédemment.
Exemple : {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Cliquez sur Enregistrer.
Exemple d'utilisation d'instructions conditionnelles pour les images dynamiques
Les images dynamiques peuvent utiliser des instructions conditionnelles.
Vous trouverez ci-dessous un exemple d'instruction if/else indiquant que s'il existe une variante d'image, c'est celle-ci qui doit être montrée aux destinataires ; dans le cas contraire, l'image par défaut doit être utilisée :
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}
Notez que le format exact de ces déclarations dépend de votre intégration et que vous ne devez pas les copier à partir de modèles de courrier électronique.