Comment ajouter une image dynamique à une notification push
Objectif de cet article
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 enregistré comme favori, avec lequel il a commencé un paiement, ou qu’il a acheté.
Avant de commencer
Vous pouvez utiliser des images dynamiques dans :
- Flux déclenchés par un indicateur, à l’aide soit des données d’événement (par exemple, des articles d’un paiement ou une commande passée), soit des tags de catalogue pour un événement.
- Les campagnes et les flux déclenchés par une liste ou un segment, mais uniquement lorsque l’URL de l’image existe en tant que propriété personnalisée sur le profil du destinataire.
Notez également ce qui suit concernant les images dynamiques push :
- Une seule image dynamique est autorisée par notification push.
- La taille des images doit être inférieure à 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 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.
- Trouvez la source de données de l’image que vous souhaitez inclure.
- Cliquez sur la source de données pour 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.
- Accédez à 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é correctement ajoutée en vous assurant qu’elle apparaît dans l’écran d’aperçu.
Exemple d’utilisation des tags de catalogue
Vous pouvez également utiliser des tags de catalogue pour ajouter des images dynamiques dans une notification push enrichie. Pour cela, procédez comme suit :
- Accédez à Analyse > Indicateurs.
- Sélectionnez l’indicateur que vous souhaitez utiliser (par exemple, Ordered Product).
- Cliquez sur Détails pour un événement spécifique.
- Trouvez soit le SKU, soit le tag d’ID de produit.
- Copiez le libellé du tag (sauf les parenthèses ou les deux-points) afin d’avoir l’orthographe et les majuscules exactes.
Dans l’exemple ci-dessous, nous copions "ProductID."
- Collez ceci quelque part où vous ne le perdrez pas.
- Accédez à un flux déclenché par le même indicateur que celui 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 Modifier.
- À gauche, cliquez sur l’icône Insérer un média dans la zone Corps.
- Accédez à l’onglet Image dynamique.
- Collez le tag de catalogue suivant :
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Remplacez l’ID dans {% catalog event.id %} par le libellé que vous avez copié précédemment.
Exemple : {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - Cliquez sur Enregistrer.
Exemple d’utilisation de conditions pour des images dynamiques
Les images dynamiques peuvent utiliser des instructions conditionnelles.
Vous trouverez ci-dessous un exemple d’instruction if/else pour indiquer que, s’il existe une image de variante, il faut l’afficher aux destinataires ; sinon, il faut utiliser l’image par défaut :
{% 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 vos intégrations, et vous ne devez pas les copier à partir de modèles d’e-mail.