Utiliser des listes de produits dans un message transactionnel using-product-listings
Lors de la modification du contenu d’un email transactionnel, vous pouvez créer des listes de produits référençant une ou plusieurs collections de données. Par exemple, dans un email d’abandon de panier, vous pouvez inclure la liste de tous les produits figurant dans le panier de l’utilisateur au moment où il a quitté le site web, avec une image, le prix et un lien vers chaque produit.
Pour ajouter une liste de produits abandonnés dans un message transactionnel, suivez les étapes ci-dessous.
Vous pouvez également regarder cette série de vidéos expliquant les étapes nécessaires à la configuration de listes de produits dans un email transactionnel.
Définir une liste de produits defining-a-product-listing
Avant de pouvoir utiliser une liste de produits dans un message transactionnel, vous devez définir au niveau de l’événement la liste des produits et les champs de chaque produit de la liste que vous souhaitez afficher. Pour plus d'informations, consultez la section Définir des collections de données.
-
Dans le message transactionnel, cliquez sur le bloc Contenu pour modifier le contenu de l’email.
-
Placez un composant de structure dans l’espace de travail. Pour plus d'informations, consultez la section Définir la structure de l'email.
Par exemple, sélectionnez un composant de structure à une colonne et ajoutez un composant de texte, un composant d’image et un composant de bouton. Pour plus d'informations, consultez la section Utiliser des composants de contenu.
-
Sélectionnez le composant de structure que vous venez de créer et cliquez sur l’icône Activer la liste de produits dans la barre d’outils contextuelle.
Le composant de structure est mis en surbrillance avec un cadre orange et les paramètres de Liste de produits sont affichés dans la palette gauche.
-
Sélectionnez l’affichage des éléments de la collection :
- Ligne : horizontalement, c’est-à-dire que chaque élément se trouve sur une ligne.
- Colonne : verticalement, c’est-à-dire que les éléments sont côte à côte sur une même ligne.
note note NOTE L’option Colonne n’est disponible que lorsque vous utilisez un composant de structure multicolonne (Colonne 2:2, Colonne 3:3 et Colonne 4:4 ). Lors de l’édition de la liste de produits, ne remplissez que la première colonne. Les autres colonnes ne seront pas prises en compte. Pour plus d’informations sur la sélection de composants de structure, voir Définir la structure de l'email. -
Sélectionnez la collection de données que vous avez créée lors de la configuration de l’événement associé au message transactionnel. Elle se trouve sous le nœud Contexte > Evénement temps réel > Contexte de l’événement.
Pour plus d’informations sur la configuration de l’événement, consultez la section Définir des collections de données.
-
Utilisez la liste déroulante Premier élément pour sélectionner l’élément qui sera au début de la liste affichée dans l’email.
Par exemple, si vous sélectionnez 2, le premier élément de la collection ne sera pas affiché dans l’email. La liste de produits commencera sur le deuxième élément.
-
Sélectionnez le nombre maximal d’éléments à afficher dans la liste.
note note NOTE Si vous souhaitez que les éléments de votre liste s’affichent verticalement (Colonne), le nombre maximal d’éléments est limité en fonction du composant de structure sélectionné (2, 3 ou 4 colonnes). Pour plus d’informations sur la sélection de composants de structure, consultez la section Editer la structure de l’email.
Remplir la liste de produits populating-the-product-listing
Pour afficher une liste des produits provenant de l’événement associé à l’email transactionnel, suivez les étapes ci-dessous.
Pour plus d’informations sur la création d’une collection et de champs associés lors de la configuration de l’événement, consultez la section Définir des collections de données.
-
Choisissez le composant d’image que vous avez inséré, sélectionnez Activer la personnalisation et cliquez sur le crayon dans le volet Paramètres.
-
Sélectionnez Ajouter un champ de personnalisation dans la fenêtre URL de la source de l’image qui s’affiche.
Dans le nœud Contexte > Evénement temps réel > Contexte de l’événement, ouvrez le nœud correspondant à la collection que vous avez créée (ici Liste des produits) et sélectionnez le champ d’image que vous avez défini (ici Image du produit ). Cliquez sur Enregistrer.
Le champ de personnalisation que vous avez sélectionné est maintenant affiché dans le volet Paramètres.
-
A l’emplacement désiré, sélectionnez Insérer un champ de personnalisation dans la barre d’outils contextuelle.
-
Dans le nœud Contexte > Evénement temps réel > Contexte de l’événement, ouvrez le nœud correspondant à la collection que vous avez créée (ici Liste des produits) et sélectionnez le champ que vous avez créé (ici Nom du produit). Cliquez sur Confirmer.
Le champ de personnalisation que vous avez sélectionné est maintenant affiché à l’emplacement voulu dans le contenu de l’email.
-
Procédez de la même manière pour insérer le prix.
-
Sélectionnez du texte et cliquez sur Ajouter un lien dans la barre d’outils contextuelle.
-
Sélectionnez Ajouter un champ de personnalisation dans la fenêtre Ajouter un lien qui s’affiche.
Dans le nœud Contexte > Evénement temps réel > Contexte de l’événement, ouvrez le nœud correspondant à la collection que vous avez créée (ici Liste des produits) et sélectionnez le champ d’URL que vous avez créé (ici URL du produit). Cliquez sur Enregistrer.
note important IMPORTANT Pour des raisons de sécurité, veillez à insérer le champ de personnalisation dans un lien commençant par un nom de domaine statique approprié. 
Le champ de personnalisation que vous avez sélectionné est maintenant affiché dans le volet Paramètres.
-
Choisissez le composant de structure sur lequel la liste de produits est appliquée et sélectionnez Afficher la version de secours pour définir un contenu par défaut.
-
Faites glisser un ou plusieurs composants de contenu et modifiez-les si nécessaire.
Le contenu de secours s’affiche si la collection est vide au déclenchement de l’événement, par exemple si un client n’a rien dans son panier.
-
Dans le volet Paramètres, éditez les styles de la liste de produits. Pour plus d'informations, consultez la section Gérer les styles d'email.
-
Prévisualisez l’email en utilisant un profil de test associé à l’événement transactionnel adéquat et pour lequel vous avez défini des données de collection. Par exemple, ajoutez les informations suivantes dans la section Données de l’événement pour le profil de test que vous souhaitez utiliser :
Pour plus d’informations sur la définition d’un profil de test dans un message transactionnel, consultez cette section.