Comment afficher les produits verticalement dans les e-mails

Vous apprendrez

Apprenez à afficher les produits dans votre panier abandonné et dans les flux de confirmation de commande verticalement (c'est-à-dire avec une image au-dessus des informations sur le produit, plutôt qu'à côté). 

Créer un bloc vertical de produits

Les instructions ci-dessous vous aideront à convertir un bloc de produits horizontal existant en un bloc de produits vertical. Si vous n'avez pas encore d'e-mail de flux contenant un bloc de contenu dynamique, trouvez-en un dans la bibliothèque de flux. 

1. Sélectionnez Flux dans la barre latérale de Klaviyo.
2. Accédez à votre panier abandonné ou à votre flux de confirmation de commande. 
3. Cliquez sur Mettre à jour les statuts d'action en haut à droite pour mettre le flux en mode manuel pendant que vous le modifiez. 
4. Ouvrez un courriel dans le flux contenant votre bloc de contenu dynamique (c'est-à-dire le bloc de tableau qui affiche les produits du panier d'une personne). 
5. Ajoutez une nouvelle section immédiatement sous le bloc du tableau dynamique.
   
6. Ajoutez un bloc image et un bloc tableau à votre nouvelle section. 
7. Copiez les valeurs des paramètres du tableau > Row collection et des paramètres du tableau > Row alias. 
8. Naviguez vers Options d'affichage et cliquez sur Créer des règles de répétition.
   
9. Collez les valeurs de votre bloc de tableau dans les champs Répéter pour et Alias d'élément, respectivement.
   
10. Dans votre bloc de tableau, cliquez sur Remplacer sous Image dynamique.
    
11. Dans la fenêtre modale qui s'affiche, copiez tout ce qui se trouve dans le champ Variable dynamique ou URL dynamique.
    
12. Cliquez sur le bloc image dans votre nouvelle section.
13. Cliquez sur Parcourir la bibliothèque d'images. 
14. Sélectionnez Image dynamique et collez l'URL dynamique. 
15. Cliquez sur Enregistrer. 
16. Copiez la balise qui apparaît dans le champ Adresse du lien de votre bloc de tableau.
    
17. Collez cette balise dans le champ Adresse du lien de votre nouveau bloc d'images. 
18. Copiez le contenu du texte de votre bloc de tableau original.
    
19. Collez le texte dans votre nouveau bloc de texte. 
20. Prévisualisez votre e-mail pour vous assurer que toutes les informations relatives au produit apparaissent dans la nouvelle section. Si quelque chose semble incorrect, vérifiez que tous les éléments (c'est-à-dire la collection de lignes, l'alias de ligne, l'URL de l'image dynamique et le contenu du texte) ont été transférés correctement. 
21. Une fois que vous êtes satisfait de la nouvelle section, supprimez le bloc de tableau original. 
22. Si vous le souhaitez, vous pouvez enregistrer la nouvelle section en tant que contenu universel pour l'utiliser dans d'autres messages au sein du flux. 

Résultats

Après avoir suivi ces étapes, votre courrier électronique contiendra un bloc de produits vertical (avec des images au-dessus des informations sur le produit), plutôt que des images et des informations sur le produit affichées horizontalement. 

Ressources complémentaires

• Meilleures pratiques en matière de conception d'e-mails en mode sombre
• Comment mettre à jour les styles de votre marque dans Klaviyo