Comment utiliser un bloc de table dans un e-mail

Objectif de cet article 

Apprenez à utiliser un bloc de table dans un e-mail. Ces blocs peuvent afficher des images et du texte côte à côte. Le tableau bloc peut également être dynamique, en itérant sur les données pour personnaliser l'e-mail à chaque destinataire.

Comprendre le bloc de table 

Il existe deux types de blocs de table : 

• Statique
  Ce type de bloc de tableau affiche le nombre exact de lignes et de colonnes que vous sélectionnez. Chaque destinataire voit la même table de mise en page, mais le contenu peut varier si vous utilisez la personnalisation, l'événement, le catalogue, ou une autre balise. 
• Dynamique
  Ces blocs de table vous permettent d'itérer sur une liste de données (par exemple, une liste d'articles dans un panier abandonné ou un flux de confirmation de commande). Le nombre de lignes est déterminé par le nombre d'éléments de la liste : si une personne a commandé 1 élément, elle aura 1 ligne ; si elle a commandé 5 éléments, elle aura 5 lignes. 

Le cas d'utilisation le plus courant d'un bloc de tableau dynamique est la mise en évidence des produits dans un message de panier abandonné. Il utilise un bloc dynamique pour afficher plusieurs lignes avec des images, des noms de produits et des prix pour chaque article abandonné. 

Quand utiliser le bloc de table

Un bloc de table est l'une des nombreuses façons de placer 2 ou plusieurs éléments de contenu côte à côte. Les alternatives comprennent le bloc de fractionnement et les colonnes. 

Pour en savoir plus sur les différentes options permettant de placer les contenus côte à côte, consultez le tableau ci-dessous. 

Bloc de table statique 

Le mot "statique" signifie simplement que le contenu et le nombre de lignes du tableau restent les mêmes pour chaque destinataire. La seule fois où le contenu change, c'est lorsque vous ajoutez des contenus dynamiques, comme la personnalisation, la date et l'étiquette de catalogue, dans un bloc de table statique. 

Cas d'utilisation du bloc de table statique

Utilisez un bloc de table statique pour :

• Montrer un article spécifique, par exemple lors de ventes flash ou de lancements de produits.
• Incluez toujours le même nombre d'éléments (par exemple, affichez l'élément le plus récemment consulté dans un message d'abandon de navigation). 
• Créez un message de flux dans lequel les données de l'événement ne contiennent qu'un seul élément : 
  • panier abandonné flux (ajouté au panier déclencheur) 
  • flux d'abandon de navigation 
  • retour en stock et baisse de prix flux 
• Vous souhaitez placer du texte statique et des images côte à côte

Comment créer un bloc de table statique

1. Naviguez jusqu'à un e-mail (c'est-à-dire une campagne modèles d'e-mails ou un flux e-mail). 
2. Dans le menu Bloc, faites glisser un bloc Table dans le canevas.
   
3. Ouvrez le menu Styles pour le bloc. Notez que l'option Statique est déjà sélectionnée, car il s'agit du paramètre par défaut pour le bloc de table.
   
4. Sous Colonnes, cliquez sur Ajouter une colonne pour ajouter des colonnes supplémentaires.
   
5. Sous Lignes, cliquez sur Ajouter une ligne pour ajouter des lignes supplémentaires.
   
6. Retournez à l'onglet contenus du bloc. 
7. Utilisez la zone de sélection des cellules pour choisir la cellule que vous souhaitez modifier.
   
8. Choisissez si cette cellule doit contenir du texte ou une image à l'aide du menu Contenu de la cellule. Répétez l'opération pour chaque cellule.
9. Ajoutez des contenus (c'est-à-dire du texte ou une image) sous le menu Contenu de la cellule. 
10. Une fois que vous avez ajouté des contenus à chaque cellule, cliquez sur la flèche de retour pour revenir au menu principal des contenus et continuer à construire votre e-mail.
    

Bloc de table dynamique 

Le bloc de tableaux dynamiques itère sur un ensemble de données pour répéter les contenus en fonction du nombre d'entrées qu'il contient. Le bloc itère jusqu'à ce qu'il communique auprès de la fin de la liste. Par exemple, vous pouvez afficher le nombre exact de produits dans le panier d'une personne.  

Pour utiliser un bloc dynamique, vous devez faire référence à des données formatées sous forme de liste imbriquée, où chaque entrée de la liste suit le même format. Le cas d'utilisation le plus courant est celui des informations sur les produits trouvées dans l'événement déclencheur d'un flux (par exemple, démarrage de la page de commande, commande passée), mais vous pouvez également utiliser un flux web pour établir une liste d'articles de blog, ou référencer des données de profil formatées sous forme de liste. 

élément d'un bloc de table dynamique

La création d'un bloc de contenus dynamique nécessite 3 éléments : 

• Collection de lignes
  L'emplacement des données à parcourir. Lorsque vous examinez vos données sources (par exemple, les éléments des métadonnées d'un événement de la page de commande Started ), il s'agit de la partie de la balise de modèle pertinente qui est la même pour chaque tag.
• Alias de ligne
  Une manière abrégée de référencer votre collection de lignes lorsque la table itère à travers votre ensemble de données. L'alias de ligne est généralement item, mais vous pouvez utiliser n'importe quel texte. 
• Contenus dynamiques
  Les contenus qui apparaîtront dans chaque ligne. Par exemple, vous pouvez afficher une image, le nom du produit, le prix et des informations sur les variantes pour chaque article laissé dans le panier. 

Cas d'utilisation du bloc de table dynamique

Utilisez un bloc de tableau dynamique si vous faites référence de manière dynamique à une liste de données et si chaque entrée de la liste est formatée de la même manière. Il s'agit notamment de 

• panier abandonné flux (page de commande started trigger) 
• Flux de confirmation des commandes 
• Up- or vente croisée flux

Comment créer un bloc de tableau dynamique

Cette section couvre le bloc de table dynamique à un niveau élevé. Pour obtenir des instructions plus détaillées sur ce processus, lisez comment construire un bloc dynamique dans un e-mail de flux.

1. Accédez à l'éditeur d'un e-mail. Si vous utilisez les données d'un événement (par exemple, les détails d'un panier abandonné), naviguez vers un e-mail dans un flux déclenché par l'événement en question.  
2. Dans le menu Bloc, faites glisser un bloc Table dans le canevas.
   
3. Ouvrez le menu Styles pour le bloc et sélectionnez Dynamique.
    
4. Définissez votre collection Row: utilisez la partie de la balise de modèle qui est cohérente pour chaque article que vous souhaitez présenter.
   • Par exemple, si {{ event.products.0.imageURL }} est l'adresse tag pour l'image du premier article et {{ event.products.1.name }} l'adresse tag pour le nom du deuxième article, votre collection de lignes doit être event.products. 
   • La collection de lignes sera presque toujours la partie du site tag qui précède le premier numéro (par exemple, event.extra.line_items si le site tag complet est {{ event.extra.line_items.0.product.name }}).
5. Définissez votre alias Row comme item. 
6. Retournez à l'onglet contenus du bloc. 
   • Ajoutez des contenus à chaque cellule du tableau. En général, la cellule de gauche est une image, et la cellule de droite est un texte contenant une balise dynamique avec des informations sur le produit. 
7. Remplacez tout ce qui précède le premier chiffre de chaque tag de votre tableau par votre alias de ligne (c'est-à-dire "item"). Par exemple :
   • {{ event.extra.line_items.0.imageURL }} devient {{ item.imageURL }} 
   • {{ event.items.0.product.name }} devient {{ item.product.name }}
8. Cliquez sur Prévisualisation du test & pour prévisualiser votre e-mail. 
   • Assurez-vous que vous prévoyez d'utiliser les bonnes données (par exemple, s'il s'agit d'un message de panier abandonné, prévoyez d'utiliser l'événement de page de commande commencée ), sinon le tableau n'affichera rien. 

Ce processus permet aux développeurs et aux spécialistes du marketing qui maîtrisent le code de créer des contenus hautement personnalisés. Si vous n'avez pas de développeur dans votre équipe et que vous ne vous sentez pas à l'aise pour créer ce bloc vous-même, envisagez de demander l'aide d'un partenaire de Klaviyo.

En savoir plus sur la création d'un panier abandonné flux ou sur l'utilisation des données d'événements pour personnaliser l'e-mail et SMS flux.

Comment fonctionne le bloc de table dynamique

Les blocs de tableaux dynamiques fonctionnent exactement comme une boucle for dans la plupart des langages de programmation. 

• La collection Row identifie la partie des données à parcourir en boucle. 
• L'alias Row est un alias permettant d'identifier l'endroit où le contenu dynamique apparaît. 
• Chaque site tag qui utilise l'alias Row fera référence à la ligne correcte dans les données de l'événement, en fonction de la ligne dans laquelle il apparaît. 

Lorsque l'e-mail est rendu, Klaviyo passe en revue chaque élément de l'ensemble de données. La première fois, l'alias de ligne est remplacé par [collection de lignes].0, faisant référence au premier élément de l'ensemble de données. La deuxième fois, l'alias de ligne est remplacé par [collection de lignes].1, indiquant le deuxième élément de l'ensemble de données. Ce processus se poursuit jusqu'à ce qu'il ne reste plus d'éléments et qu'il y ait une ligne pour chaque élément de l'ensemble de données. 

Ressources supplémentaires

• formation : Personnaliser le courrier électronique à l'aide de Django
• Comment afficher les produits verticalement dans les e-mails