Comment insérer une image dynamique dans un e-mail
Objectif de cet article
Découvrez l’option Image dynamique dans un bloc d’image d’e-mail, notamment comment trouver le tag de personnalisation approprié à utiliser et l’ajouter à un modèle d’e-mail.
Les images dynamiques vous permettent de personnaliser le message de chaque destinataire en fonction des données stockées dans son profil Klaviyo ou de données d’événement. Par exemple, vous pouvez utiliser cette fonctionnalité pour afficher un article qu’il a récemment ajouté à son panier dans un flux déclenché par l’indicateur Ajouté au Panier. En stockant une URL d’image unique dans le profil d’un abonné, vous pouvez aussi afficher cette image personnalisée dans les campagnes que vous lui envoyez.
Stocker vos images dans un profil ou un événement
Vous pouvez afficher des images dynamiques à partir de données d’événements (par exemple, des événements de commande débutée pour un flux de panier abandonné) dans les e-mails de flux déclenchés par des indicateurs. Pour les campagnes et les flux déclenchés par une liste, un segment ou une date, utilisez les URL d’image stockées sur le profil du destinataire en tant que propriétés de profil.
Stockage des URL d’images dans les propriétés de profil
Pour afficher une image dynamique dans une campagne ou un flux déclenché par une liste, un segment ou une date, une URL d’image (par exemple, https://www.klaviyo.com/static/klaviyo-social-share-image.jpg) doit être stockée dans les propriétés de profil de chaque destinataire. Vous pouvez ajouter une URL d’image à ses propriétés de profil des manières suivantes :
- Télécharger un fichier CSV de données de profil
- Utiliser une intégration tierce
- Utiliser les API de Klaviyo
Stocker des images pour les flux déclenchés par des indicateurs
Pour afficher une image dynamique dans un flux déclenché par un indicateur (par exemple, un flux déclenché par un événement Ajout au panier), vous pouvez soit utiliser les données de profil stockées dans le magasin de données à l’aide des méthodes décrites ci-dessus, soit utiliser les données d’événement de l’indicateur qui déclenche le flux.
Remarque : les données relatives à un événement ne peuvent être utilisées que dans un flux déclenché par cet événement.
Vous pouvez ajouter des données d’événement à Klaviyo de la manière suivante :
- par le biais de l’intégration par défaut de Klaviyo ;
- Par le biais d’une intégration tierce
- en utilisant les API de Klaviyo.
Ajouter une image dynamique à un e-mail
Une fois que vous avez stocké vos données d’image dynamique dans Klaviyo, identifiez le bon tag à utiliser pour l’inclure dans votre e-mail.
- Ouvrez le modèle d’e-mail dans lequel vous souhaitez ajouter l’image dynamique.
- Cliquez sur Aperçu.
- Si vous modifiez un modèle enregistré, sélectionnez Profil ou Événement sous Source de données d’aperçu. Pour Événement, choisissez l’indicateur qui déclenchera votre flux.
- Sélectionnez un exemple d’événement ou un profil qui contient l’URL de l’image. Utilisez les flèches pour parcourir les événements, ou recherchez un profil par adresse e-mail ou par nom.
- Faites défiler les données d’événement et de profil d’exemple sous Toutes les propriétés jusqu’à ce que vous trouviez la variable d’image. Cliquez ensuite sur le nom de la variable pour la copier.
- Une fois que vous avez copié votre tag, cliquez sur Terminé pour revenir à l’éditeur, puis faites glisser un bloc d’image dans votre message.
- Cliquez sur Sélectionner une image > Image dynamique.
- Collez le tag dans le champ Variable dynamique ou URL dynamique, puis cliquez sur Enregistrer.
- Enfin, prévisualisez votre e-mail pour vous assurer que la balise fonctionne correctement. Si vous ne voyez pas votre image, vérifiez que vous avez sélectionné un événement ou un profil qui contient la variable que vous avez utilisée.
Ajouter une image de remplacement
Si vous n’avez pas la certitude que chaque destinataire d’un e-mail disposera d’une image dans son profil ou dans les données d’événement, envisagez d’utiliser une image de remplacement afin que la zone n’apparaisse pas vide. Les images de remplacement s’affichent lorsque la valeur de l’URL de l’image est manquante ou vide. Ils ne remplacent pas une URL qui pointe vers une image indisponible. Il existe deux façons d’ajouter une image de remplacement :
Utiliser le filtre de produit manquant
Ajoutez le filtre de produit manquant à la fin de votre variable d’image dynamique pour utiliser l’image de remplacement par défaut de Klaviyo. Pour ajouter ce filtre, ajoutez |missing_product_image après la variable d’image dynamique. Remplacez event.image_url dans les exemples ci-dessous par la variable d’image que vous avez copiée depuis vos données d’aperçu :
{{ event.image_url|missing_product_image }}
Si la valeur de l’URL de l’image d’un destinataire est manquante ou vide, il verra l’image de produit manquante à la place :
Définir votre propre image de remplacement
Pour choisir votre propre image de remplacement, appliquez le filtre default avec l’URL de l’image de votre choix. Cela affichera votre image de remplacement personnalisée si la valeur de l’URL de l’image est manquante ou vide. Pour ajouter ce filtre, ajoutez |default:'' à la fin de votre variable d’image avec l’URL complète de votre image personnalisée, y compris https://, entre les guillemets simples, comme suit :
{{ event.image_url|default:'https://www.example.com/custom_image_url.jpg' }}
Prévisualisez l’e-mail avec un événement ou un profil qui possède une URL d’image, ainsi qu’avec un autre pour lequel la valeur est manquante ou vide, afin de vérifier à la fois l’image dynamique et l’image de secours.
Ressources supplémentaires
- Comment personnaliser des blocs de texte
- Comment créer des blocs dynamiques dans un e-mail de flux
- Comment créer un flux déclenché par un indicateur
- Comment intégrer des éléments directement dans un e-mail