Avec le bloc Contenu dynamique, vous pouvez afficher une liste personnalisée d'articles dans les emails que vous envoyez via une automatisation (emails automatisés). Par exemple, si un client laisse des articles dans son panier, vous pouvez lui envoyer automatiquement un email contenant une liste de ces produits avec des détails tels que des noms, des images et des prix, afin de l'encourager à finaliser son achat.

Template email dans Brevo	Email automatisé reçu dans la boîte de réception

Dans quels cas puis-je afficher une liste personnalisée d'articles dans mes emails automatisés ?

Développez les accordéons ci-dessous pour voir des exemples de moments où afficher une liste personnalisée d'articles dans des emails automatisés :

Avant de commencer

• Installez le tracker Brevo et vérifiez que vous avez configuré les événements nécessaires pour créer une liste personnalisée d'articles dans vos emails. Pour en savoir plus, consultez notre article dédié Qu'est-ce que le tracker Brevo et comment l'installer ?
• Assurez-vous d'avoir au moins un événement eCommerce actif (tel que cart_updated, cart_deleted ou order_created) ou un événement personnalisé dans votre compte Brevo. Accédez à la page Logs d'événements et filtrez vos événements de suivi pour vérifier si des événements applicables sont disponibles.
  Si aucun événement n'est visible, vérifiez que le tracker Brevo est correctement installé sur votre site web et que vous avez configuré les événements nécessaires pour créer une liste personnalisée d'articles dans vos emails.

Afficher une liste personnalisée d'articles dans vos emails automatisés

Pour afficher une liste personnalisée d'articles dans vos emails automatisés, utilisez un bloc Contenu dynamique et des variables de données d'automatisation dans votre template email. Ce bloc récupère les données nécessaires pour générer la liste personnalisée, remplace les variables par les informations pertinentes pour chaque article et répète automatiquement le modèle pour tous les articles de la liste.

Nous utiliserons l'exemple d'un email de panier abandonné, mais vous pouvez facilement adapter cette approche à d'autres cas d'utilisation.

Étape 1 : créez un template email

Tout d'abord, vous allez créer le template email qui sera utilisé dans votre automatisation.

1. Accédez à Automatisations > Templates.
2. Cliquez sur Créer un template.
3. Sélectionnez template email.
   
4. Dans l'onglet Paramétrage, configurez les paramètres de votre template, notamment son nom, son objet et l'aperçu du texte.
5. Cliquez sur Prochaine étape.
6. Dans l'onglet Conception, choisissez un template email ou une mise en page à utiliser comme base.

Étape 2 : configurez votre source de données

Créez le template email qui sera envoyé via votre automatisation et choisissez la source de données pour la personnalisation. Cette source de données permettra à Brevo de savoir où récupérer les informations nécessaires à la création de la liste personnalisée d'articles.

1. Dans l'éditeur d'email, faites glisser et déposez le bloc Contenu dynamique dans votre canevas. Les paramètres du bloc s'ouvrent dans le panneau de gauche.
   
2. Dans le menu déroulant Source de données, sélectionnez Données d'automatisation.
   
3. Sélectionnez l'événement qui sera utilisé pour personnaliser vos emails et le tableau qui contient les valeurs de chaque article (généralement "articles"). Dans cet exemple, puisque nous voulons récupérer la liste des articles laissés dans le panier par le contact, nous allons sélectionner Événements eCommerce > cart_updated > articles.

4. Sélectionnez l'événement qui sera utilisé pour personnaliser vos emails et le tableau contenant les valeurs de chaque article (généralement intitulé "articles"). Dans cet exemple, puisque nous voulons récupérer la liste des articles abandonnés, nous allons choisir Événements eCommerce > cart_updated > articles.

   
   
   💡 Bon à savoir

   Pour un email de confirmation de commande, vous devez choisir Événements eCommerce > order_created > articles.
5. Le bloc Contenu dynamique est conçu pour se répéter pour chaque article à afficher. Par défaut, nous limitons le nombre d'articles à répéter à 3, mais vous pouvez modifier ce paramètre à tout moment. Dans cet exemple, nous voulons présenter jusqu'à 5 articles, nous devons donc limiter le nombre de fois où le bloc Contenu dynamique sera mis en boucle :
   

   Dans les paramètres du bloc Contenu dynamique du panneau de gauche, ouvrez la section Mise en page. L'option Limiter le nombre d'articles doit être activée par défaut.  Dans le champ Nombre d'articles, cliquez sur +/- ou entrez le nombre maximum de fois où votre bloc de contenu dynamique doit être mis en boucle. Dans notre exemple, nous allons entrer 5.

Vous avez correctement sélectionné votre source de données. Cela signifie que Brevo saura où récupérer les informations nécessaires pour créer la liste personnalisée d'articles. Nous allons maintenant apprendre à ajouter du contenu au bloc Contenu dynamique et à insérer des variables qui seront remplacées par les informations pertinentes pour chaque article lorsque l'email sera envoyé.

Étape 3 : choisissez les variables de données que vous souhaitez inclure dans votre template email

Vous allez maintenant insérer les variables qui seront remplacées par les informations pertinentes pour chaque article lorsque l'email sera envoyé.

1. Dans le bloc Contenu dynamique, insérez les blocs de contenu que vous souhaitez utiliser pour afficher la liste des articles. En règle générale, vous insérez un bloc Image pour afficher une image des articles et un bloc Texte pour afficher leurs détails, tels que leur nom et leur prix.
   
2. Ajoutez des variables à vos blocs de contenu. Ces variables seront remplacées par les informations pertinentes pour chaque article lors de l'envoi de l'email. Développez les accordéons ci-dessous pour apprendre à insérer des variables pour chaque type de contenu :
   🔠 Ajouter une variable au texte (nom, prix, quantité, etc.)

   1. Cliquez sur un bloc de contenu contenant du texte à l'intérieur d'un bloc Contenu dynamique (bloc Titre ou Texte).
   2. Placez votre curseur à l'endroit où vous souhaitez ajouter une variable.
   3. Cliquez sur l'icône Ajouter une variable { } dans la barre de mise en forme.
      
   4. Dans le champ Quel attribut souhaitez-vous insérer ?,sélectionnez la variable que vous souhaitez inclure dans le template email ("nom", "prix", etc.).
      
   5. (Facultatif) Dans le champ Quelle valeur doit être utilisée si l'attribut est vide ?, entrez le texte de remplacement à utiliser si la valeur est manquante pour un produit.
   6. (Facultatif) Si vous avez sélectionné un attribut de type numérique, entrez le nombre de décimales souhaité dans le champ Nombre de décimales à afficher.
   7. Cliquez sur Insérer. La variable sera insérée et une balise apparaîtra dans votre bloc de texte.
      

   🖼️ Ajouter une variable à une image

   1. Cliquez sur un bloc Image à l'intérieur d'un bloc Contenu dynamique.
   2. Dans la barre latérale, cliquez sur Paramètres de l'image.
   3. Dans le champ Insérer image à partir d'une URL , cliquez sur l'icône Ajouter une variable { }.
   4. Sélectionnez la variable que vous souhaitez utiliser pour afficher votre image (généralement "image").
      
      
      

   🔗 Ajouter une variable comme lien

   Lien vers du texte

   1. Cliquez sur un bloc de contenu contenant du texte à l'intérieur d'un bloc Contenu dynamique (bloc Titre ou Texte).
   2. Mettez en évidence le texte à l'endroit où vous souhaitez ajouter le lien.
   3. Cliquez sur l'icône Lien 🔗 dans la barre de mise en forme.
      
   4. Dans le champ Cible du lien, cliquez sur l'icône Ajouter une variable { }.
   5. Sélectionnez la variable que vous souhaitez utiliser pour générer votre lien (généralement "url").
      
   6. Cliquez sur Insérer.

   Lien vers une image

   1. Cliquez sur un bloc Image à l'intérieur d'un bloc Contenu dynamique.
   2. Cliquez sur l'icône Lien 🔗.
      
   3. Dans le champ Cible du lien, cliquez sur l'icône Ajouter une variable { }.
   4. Sélectionnez la variable que vous souhaitez utiliser pour générer votre lien (généralement "url").
      
   5. Cliquez sur Insérer.

   Lien vers un bouton

   1. Cliquez sur un bloc Bouton à l'intérieur d'un bloc Contenu dynamique.
   2. Cliquez sur l'icône Lien 🔗 au-dessus du bouton.
      
   3. Dans le champ Cible du lien, cliquez sur l'icône Ajouter une variable { }.
   4. Sélectionnez la variable que vous souhaitez utiliser pour générer votre lien (généralement "url").
      
   5. Cliquez sur Insérer.

Étape 4 : testez et enregistrez votre template email

Pour vous assurer que le contenu de votre template email s'affichera correctement dans la boîte de réception de vos destinataires, nous vous recommandons vivement d'afficher un aperçu de votre email et de le tester avant de l'envoyer.

1. Cliquez sur Aperçu et test.
2. Sélectionnez l'option que vous souhaitez utiliser pour afficher l'aperçu de votre email :
   
   Afficher l'aperçu en tant que destinataire [Avancé] Aperçu de l'événement

   1. Sélectionnez Afficher l'aperçu en tant que destinataire.
   2. Sélectionnez un contact.
   3. Activez l'option Ajouter des données JSON transactionnelles.
   4. Entrez les données JSON pour tester le template email. Ces données remplaceront les variables, vous permettant d'afficher un aperçu du template avec les informations fournies.
   5. Une fois que vous avez testé le template email, fermez la fenêtre.

   1. Sélectionnez Aperçu de l'événement.
   2. Sélectionnez l'événement qui déclenchera l'automatisation. Dans cet exemple, nous allons sélectionner Événements eCommerce > cart_updated.
   3. Sélectionnez un événement passé que vous souhaitez utiliser pour tester le template email. Les données de cet événement remplaceront les variables, vous permettant d'afficher un aperçu du template avec les informations fournies.
      
   4. Une fois que vous avez testé le template email, fermez la fenêtre.
3. Cliquez sur Enregistrer & Quitter pour enregistrer votre template email.
4. Cliquez sur Enregistrer & Activer pour activer votre template email.

Étape 5 : utilisez votre template email dans une automatisation

Vous allez maintenant pouvoir utiliser votre template email dans l'étape Envoyer un email d'une automatisation.

1. Accédez à Automatisations et créez une automatisation. 
   
2. Ajoutez un déclencheur à votre automatisation. Dans cet exemple, puisque nous voulons récupérer les articles abandonnés, nous allons choisir l'événement "Panier mis à jour" pour déclencher notre automatisation.
3. Ajoutez l'action Envoyer un email à votre automatisation.
4. Sélectionnez le template email que vous avez créé précédemment.
5. Sélectionnez l'événement qui sera utilisé pour personnaliser vos emails. Vous avez le choix entre deux options :
   • Événement qui a déclenché cette automatisation
     Les articles affichés dans l'email seront récupérés à partir de l'événement qui a déclenché l'automatisation. Par exemple, pour un email de confirmation de commande, vous récupérerez les articles de l'événement "Commande créée" qui a déclenché l'automatisation.
     ❗️ Important

     L'événement qui a déclenché l'automatisation doit être un événement eCommerce (cart_updated, order_created, ou cart_deleted) ou un événement personnalisé.
   • Dernière instance d'un événement
     Les articles affichés dans l'email seront extraits de l'instance la plus récente d'un événement spécifique. Pour cet exemple de panier abandonné, nous récupérons les articles de la dernière instance de l'événement "Panier mis à jour" pour nous assurer que nous affichons les articles actuellement abandonnés dans le panier.
6. Terminez la configuration de l'étape Envoyer un email et du reste de votre automatisation.
7. Une fois que vous avez terminé, activez votre automatisation.

Félicitations ! 🎉 Vos destinataires recevront désormais une liste personnalisée d'articles dans vos emails automatisés en fonction de l'événement que vous avez sélectionné.

⏭️ Et après ?

• Section Personnaliser vos emails avec le langage de template de Brevo
• Comprendre le bloc de contenu dynamique (flux de données et données d'automatisation)
• Utiliser les flux de données pour envoyer des emails personnalisés en répétant des données en temps réel

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec un Partenaire Brevo certifié.