Comment afficher les produits verticalement dans les e-mails
Objectif de cet article
Découvrez comment afficher des produits verticalement dans vos flux de panier abandonné et de confirmation de commande (c’est-à-dire avec une image au-dessus des informations produit plutôt qu’à côté).
Créer un bloc de produits vertical
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.
- Sélectionnez Flux dans la barre latérale de Klaviyo.
- Accédez à votre flux de panier abandonné ou de confirmation de commande.
- Cliquez sur Mettre à jour les statuts des actions en haut à droite pour définir le flux sur Manuel pendant que vous le modifiez.
- Ouvrez un e-mail 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).
- Ajoutez une nouvelle section immédiatement sous le bloc de tableau dynamique.
- Ajoutez un bloc image et un bloc tableau à votre nouvelle section.
- Copiez les valeurs à partir de Paramètres de la table > Collection de lignes et de Paramètres de la table > Alias de ligne.
- Accédez à Options d’affichage, puis cliquez sur Créer des règles de répétition.
- Collez les valeurs de votre bloc de tableau dans les champs Repeat For et Item alias, respectivement.
- Dans votre bloc de tableau, cliquez sur Remplacer sous Image dynamique.
- Dans la fenêtre modale qui s’affiche, copiez tout ce qui se trouve dans le champ Variable dynamique ou URL dynamique.
- Cliquez sur le bloc d’image dans votre nouvelle section.
- Cliquez sur Parcourir la bibliothèque d’images.
- Sélectionnez Image dynamique et collez l’URL dynamique.
- Cliquez sur Enregistrer.
- Copiez le tag qui apparaît dans le champ Adresse du lien de votre bloc de tableau.
- Collez ce tag dans le champ Adresse du lien de votre nouveau bloc d’image.
- Copiez le contenu du texte à partir de votre bloc de tableau d’origine.
- Collez le texte dans votre nouveau bloc de texte.
- Prévisualisez votre e-mail pour vous assurer que toutes les informations sur les produits 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 d’image dynamique et le contenu du texte) ont été transférés correctement.
- Une fois que la nouvelle section vous convient, supprimez le bloc de tableau d’origine.
- Si vous le souhaitez, enregistrez la nouvelle section en tant que contenu universel afin de l’utiliser dans d’autres messages au sein du flux.
Résultat
Après avoir suivi ces étapes, votre e-mail contiendra un bloc de produits vertical (avec les images au-dessus des informations sur le produit), plutôt que des images et des informations sur le produit affichées horizontalement.
Ressources supplémentaires
- Bonnes pratiques en matière de conception d’e-mails en mode sombre
Découvrez le mode sombre, un paramètre de l'appareil que certains utilisateurs activent pour assombrir leur écran. Ce paramètre a une incidence sur l'affichage des e-mails. Le mode sombre est un paramètre de l’utilisateur final qui est sélectionné au niveau de l’appareil, et Klaviyo n’a pas de contrôle direct sur la façon dont le mode sombre est mis en œuvre sur chaque appareil.
- Comment mettre à jour les styles de votre marque dans Klaviyo
Découvrez ce qui doit être mis à jour dans Klaviyo lors d’un changement de marque ou d’une modernisation du design de votre marque.