Comment ajouter une image dynamique à un message texte ?

Estimé 4 minute de lecture
|
Mis à jour 1 oct. 2024, 14:22 EST
Vous apprendrez

Vous apprendrez

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

L'inclusion d'une image dynamique vous permet de personnaliser vos messages textuels. 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

Avant de commencer

En fonction de votre cas d'utilisation, vous ne pourrez pas toujours ajouter une image dynamique. 

  • Seuls les flux déclenchés par des mesures peuvent utiliser des images dynamiques basées sur des données d'événements (par exemple, les articles d'une caisse ou d'une commande passée) ou sur des balises de catalogue pour un événement. 
  • Les campagnes et les flux déclenchés par des listes et des segments ne peuvent avoir des images dynamiques que si l'URL de l'image existe en tant que propriété personnalisée dans le profil du destinataire.

En outre, il est important de noter ce qui suit concernant les images dynamiques : 

  • Une seule image dynamique est autorisée par MMS.
  • Les images doivent être inférieures à 600 Ko, sinon les transporteurs les compresseront, ce qui risque de les déformer.
  • 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 de téléphonie mobile n'assistent pas les fichiers WebP, et le fait de joindre ce type d'image peut entraîner l'échec du message. 
Comment ajouter une image dynamique

Comment ajouter une image dynamique

  1. Sélectionnez le message de flux dans lequel vous souhaitez inclure votre image dynamique.
  2. Dans la barre latérale droite, cliquez sur Modifier.Barre latérale pour un nouveau message SMS dans un flux
  3. Cliquez sur le bouton Afficher les détails dans le coin supérieur droit de l'onglet Prévisualisation.
    La boîte de prévisualisation d'un SMS, qui comprend le bouton Voir les détails
  4. Recherchez la source de données de l'image que vous souhaitez inclure.
  5. Cliquez sur la source de données de la première variable d'une image, qui se termine généralement par 0.
    Exemple de variables pour un événement dans View Details
  6. À gauche, cliquez sur l'icône Ajouter un média (une icône d'image) dans la boîte de message.
  7. Allez dans l'onglet Image dynamique.
  8. Collez la variable dynamique ou l'URL dynamique de l'image.
    Exemple de collage de la variable dynamique dans la fenêtre modale Ajouter un média
  9. Cliquez sur Enregistrer.
  10. Vérifiez que l'image dynamique a été ajoutée correctement en vous assurant qu'elle apparaît dans l'écran de prévisualisation.
Utiliser les étiquettes du catalogue 

Vous pouvez également utiliser des balises de catalogue pour ajouter des images dynamiques dans le MMS. Pour ce faire : 

  1. Allez sur Analytics > Metrics
  2. Sélectionnez la mesure que vous souhaitez utiliser (par exemple, Produit commandé). 
  3. Cliquez sur Détails pour un événement spécifique.
  4. Recherchez l'UGS ou l'étiquette d'identification du produit.
  5. 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"
    Exemple de détails pour un événement Produit commandé
  6. Collez ce document dans un endroit où vous ne le perdrez pas. 
  7. Naviguez jusqu'à un flux déclenché par la même mesure que celle que vous venez de sélectionner. 
  8. Sélectionnez le message SMS dans lequel vous souhaitez inclure votre image dynamique.
  9. Dans la barre latérale gauche, cliquez sur Configurer le contenu ou sur Modifier.
  10. À gauche, cliquez sur l'icône Ajouter un média (une icône d'image) dans la boîte de message.
  11. Allez dans l'onglet Image dynamique.
  12. Collez la balise de catalogue suivante :
    {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
  13. 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 %}
  14. Cliquez sur Enregistrer
Exemple d'utilisation d'instructions conditionnelles

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, il convient de la montrer aux destinataires ; dans le cas contraire, il convient d'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 votre intégration et que vous ne devez pas les copier à partir de modèles de courrier électronique.

Ressources complémentaires

Ressources complémentaires

Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Formation en direct
Participez à une session en direct avec des experts Klaviyo pour découvrir les bonnes pratiques, apprendre à configurer des fonctionnalités clés et bien plus encore.
Assistance

Accédez à l’assistance via votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24h/24 et 7j/7

Chat/assistant virtuel
La disponibilité varie selon l'emplacement et le type de forfait