Comment insérer une image dynamique dans un e-mail

Objectif de cet article

Apprenez-en plus sur l’option Image dynamique dans un bloc d’image d’e-mail. Apprenez à choisir la balise de modèle appropriée 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. Les images stockées dans les données d’événements ne peuvent pas être affichées dans les campagnes ni les flux non déclenchés par des indicateurs, qui ne peuvent utiliser que les images stockées dans le profil du destinataire en tant que propriétés du profil.

Stocker des images pour les campagnes et les flux non déclenchés par des indicateurs

Pour afficher une image dynamique dans une campagne ou un flux non déclenché par un indicateur (c’est-à-dire, 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. Il existe plusieurs méthodes pour ajouter une URL d’image aux propriétés de profil :

• 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 à l’aide des méthodes énoncées 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 :

• 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 la bonne balise à utiliser pour l’inclure dans votre e-mail.

1. Ouvrez le modèle d’e-mail dans lequel vous souhaitez ajouter l’image dynamique.
2. Cliquez sur Prévisualiser et tester.
3. Si votre variable d’image est stockée en tant que propriété personnalisée, cliquez sur Rechercher un profil et trouvez un profil dont l’image est stockée en tant que propriété personnalisée. Parcourez leurs propriétés jusqu’à ce que vous trouviez la variable d’image, puis cliquez sur le nom de la variable pour la copier.
4. Si votre variable d’image est stockée dans les données d’un événement, cliquez sur Événement. Sélectionnez votre événement dans la liste déroulante. Notez que ce message doit être envoyé par un flux déclenché par le même événement, sinon l’image dynamique n’apparaîtra pas. Parcourez les données de l’événement jusqu’à ce que vous trouviez la variable d’image. Cliquez ensuite sur le nom de la variable pour la copier.
5. Une fois que vous avez copié votre balise, faites glisser un bloc d’image dans votre message.
6. Cliquez sur Parcourir > Image dynamique.
7. Collez le tag dans le champ Variable dynamique ou URL dynamique.
   
8. 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. 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, comme suit :

{{ event.image_url|missing_product_image }}

S’il manque une image pour la personne qui reçoit l’e-mail, elle verra cette image à la place :

Définir votre propre image de remplacement

Pour choisir votre propre image de remplacement, appliquez le filtre par défaut avec l’URL de l’image de votre choix. Cette option permet d’afficher votre image de remplacement personnalisée s’il manque une image pour le destinataire. Pour ajouter ce filtre, ajoutez « |default:'' » à la fin de votre variable d’image avec l’URL de votre image personnalisée entre les guillemets simples, comme suit :

{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}

Ressources complé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