Comment ajouter une image dynamique à un message texte

Objectif de cet article

Découvrez comment ajouter une image dynamique à un message MMS dans Klaviyo.

L’ajout d’une image dynamique vous permet de personnaliser vos messagerie texte. Par exemple, vous pouvez montrer à quelqu’un le produit exact qu’il a consulté, avec lequel il a commencé un paiement, ou qu’il a acheté.

Avant de commencer

Selon votre cas d’usage, il se peut que vous ne puissiez pas toujours ajouter une image dynamique.

• Seuls les flux déclenchés par un indicateur peuvent utiliser des images dynamiques basées sur les données d’événement (p. ex., les articles d’un paiement ou d’une commande passée) ou sur des tag de catalogue pour un événement.
• Les campagnes et les flux déclenchés par liste et par segment ne peuvent avoir des images dynamiques que lorsque l’URL de l’image existe en tant que propriété personnalisée sur le profil du destinataire.

De plus, il est important de noter ce qui suit concernant les images dynamiques :

• Une seule image dynamique est autorisée par MMS.
• Les images doivent faire moins de 600 Ko ; sinon, les opérateurs les compresseront, ce qui peut donner à l’image un aspect déformé.
• Si vous essayez d’envoyer une image dynamique avec un numéro d’envoi qui n’autorise pas les MMS, le message sera envoyé, mais l’image sera supprimée.
• Vous pouvez utiliser des instructions conditionnelles avec des images dynamiques.
• Les opérateurs mobiles ne prennent pas en charge les fichiers WebP, et joindre ce type d’image peut entraîner l’échec du message.

Comment ajouter une image dynamique

1. Sélectionnez le message du flux dans lequel vous souhaitez inclure votre image dynamique.
2. Dans la barre latérale droite, cliquez sur Modifier.

3. Cliquez sur Aperçu et texte dans le coin supérieur droit.
   

4. Trouvez la source de données de l’image que vous souhaitez inclure.
5. Cliquez sur la source de données pour la première variable d’une image, qui se termine généralement par 0.
   

6. Cliquez sur Terminé.
7. À gauche, cliquez sur l’icône Ajouter une image (une icône d’image) dans le champ Message.
   

8. Accédez à l’onglet Image dynamique.
9. Collez la variable dynamique ou l’URL dynamique de l’image.
   

10. Cliquez sur Enregistrer.
11. Vérifiez que l’image dynamique a été correctement ajoutée en vous assurant qu’elle apparaît dans l’écran d’aperçu.

Utiliser des tags de catalogue

Vous pouvez également utiliser les tags de catalogue pour ajouter des images dynamiques dans le MMS. Pour cela, procédez comme suit :

1. Dans la fenêtre modale d’aperçu SMS, localisez l’ID produit ou le SKU du premier produit répertorié.
2. Copiez cette variable.
   

1. Cliquez sur Terminé pour revenir à l’éditeur SMS.
2. Sur la gauche, cliquez sur l’icône Ajouter une image (une icône représentant une image) dans le champ du message.
   

1. Accédez à l’onglet Image dynamique.
2. Collez le tag de catalogue suivant :
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. Remplacez event.id dans {% catalog event.id %} par la variable du tag que vous avez copié précédemment. Supprimez les crochets et tous les filtres de la variable (ainsi, {{ event.extra.line_items.0.product_id|default:'' }} devient event.extra.line_items.0.product_id).
   Exemple : {% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
4. Cliquez sur Enregistrer.

Exemple d’utilisation de conditions

Les images dynamiques peuvent utiliser des instructions conditionnelles.

Ci-dessous se trouve un exemple d’instruction if/else indiquant que, s’il y a une image de variante, elle est affichée aux destinataires ; sinon, l’image par défaut est 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 instructions dépend de vos intégrations, et vous ne devez pas les copier depuis des modèles d’e-mail.