Personnaliser le contenu de vos emails avec des données en temps réel (flux de données)

Personnalisez vos emails à l’aide de données en temps réel pour un contenu plus pertinent et plus attrayant. Le flux de données de Brevo extrait les dernières informations de vos sources externes ou de votre API, fournissant du contenu personnalisé au moment de l’envoi. Utilisez-le pour des mises à jour des stocks, des rappels ou des recommandations, par exemple, pour diffuser des messages opportuns et personnalisés.

Quels emails peuvent être personnalisés avec les flux de données ? 

Les flux de données peuvent être utilisés dans les contenus suivants : 

  • Emails promotionnels et newsletters envoyés via les campagnes.
  • Emails automatisés envoyés via une automatisation. 
  • Emails transactionnels déclenchés depuis un site web via un plugin eCommerce ou une API.

Avant de commencer

  • Assurez-vous d'avoir tout appris sur les flux de données dans notre article dédié À propos des flux de données dans Brevo.
  • Créez le flux de données que vous utiliserez pour personnaliser le contenu de votre email. Pour en savoir plus, consultez notre article dédié Créer un flux de données.
  • Créez un template d’email ou une campagne email où vous souhaitez insérer vos variables de flux de données et accédez à l’étape Design. Vous pouvez insérer des flux de données dans les emails conçus avec l'éditeur d'emails Drag & Drop ou l'éditeur HTML. 

Variables de flux de données répétables et non répétables

datafeed_variable-replaced-repeat-not-repeat_en-us.gif

datafeed_structure-nextyogaclasses_en-us.png

Pour insérer des variables de flux de données dans votre email, vous devez d’abord vous demander si ces données sont du type suivant : 

  1. Données d’objet unique (non répétables)
    Ces données sont un objet unique à la racine du flux de données, directement accessible. Ce sont les données qui représentent l'entité la plus pertinente, immédiate ou permanente. Dans l'exemple ci-dessus, next_yoga_class est l'objet racine qui ne contient qu'un seul objet puisqu'il n'y a qu'un seul prochain cours immédiat. Vous pouvez insérer ces données directement dans votre email.
    ➡️ Suivez les points de l’étape 2 : insérez des variables de flux de données dans le contenu de votre email.
  2. Données de liste/de tableau (répétables)
    Les données stockées dans un tableau représentent plusieurs occurrences passées ou futures d’entités similaires, toutes stockées dans un objet distinct. Dans notre exemple ci-dessus, following_classes est un tableau qui contient plusieurs éléments, tous stockés comme un objet séparé, puisqu’il peut y avoir plusieurs futurs cours programmés. Pour insérer ces données, vous devez utiliser un bloc de contenu dynamique pour parcourir la liste en boucle et répéter chaque élément stocké.
    ➡️ Suivez les points de l’étape 1 : insérez un bloc de contenu dynamique pour répéter les données.

Étape 1 : insérez un bloc de contenu dynamique pour répéter les données

Si vous souhaitez insérer des données non répétables, vous pouvez directement suivre l’étape 2 : insérez des variables de flux de données dans le contenu de votre email. Cependant, si vous souhaitez parcourir vos données en boucle pour créer une liste d’éléments dans le design de votre email, vous devez d’abord insérer un bloc de contenu dynamique.

Dans notre exemple, nous souhaitons une section à la fin de notre email pour proposer d’autres cours de yoga à venir si notre destinataire ne peut pas assister au premier cours disponible :

  1. Dans l'éditeur d'email, faites glisser le bloc Contenu dynamique et déposez-le dans votre canevas. Les paramètres du bloc s'ouvrent dans le panneau de gauche.
  2. Dans la liste déroulante Source de données, cliquez sur Flux de données.
    💡 Bon à savoir
    Vous pouvez sélectionner une source de données différente pour chaque bloc Contenu dynamique dans le design de votre email. 
  3. Choisissez le flux de données que vous souhaitez utiliser pour personnaliser votre email (par ex. : yoga_classes).

  4. Choisissez le tableau spécifique dans lequel les variables de données sont stockées (par exemple, following_classes).
    dde_choose-data-feed_en-us.gif

  5. Par défaut, nous limitons le nombre d'éléments à répéter à 3, mais vous pouvez modifier ce paramètre à tout moment. Dans notre exemple, nous voulons limiter à 4 le nombre de prochains cours de yoga affichés : 
    datafeed_limit-items_en-us.png
    1. Dans les paramètres du bloc Contenu dynamique du panneau de gauche, ouvrez la section Mise en page.
    2. L'option Limiter le nombre d'articles doit être activée par défaut. 
    3. Dans le champ Nombre d'articles, cliquez sur +/- ou entrez le nombre maximum de fois que votre bloc de contenu dynamique doit être mis en boucle. Dans notre exemple, nous allons entrer 4
    4. Facultatif : par défaut, le champ Index est défini sur 0. L'index détermine la position des éléments dans le tableau et part de l'index 0 pour le premier élément, 1 pour le second, et ainsi de suite. Pour commencer votre liste à partir du deuxième élément à la place, entrez 1. 

Félicitations ! 🎉 Toutes les variables de flux de données que vous allez insérer dans votre email seront à présent parcourues en boucle pour créer une liste d’éléments tels qu’une liste de produits, d’événements, et plus encore ! Lorsqu’un bloc de contenu dynamique est inséré, la section et ses blocs de contenu disposent d’une icône base de données et accolades :

datafeed_repatable-data-text_en-us.png

Étape 2 : insérez des variables de flux de données dans le contenu de votre email

Choisissez les données à inclure dans votre email en ajoutant des variables de flux de données à votre email. Lors de l’envoi de l’email, ces variables seront remplacées par les informations pertinentes pour chaque destinataire.

  1. Insérez les blocs de contenu que vous souhaitez utiliser pour afficher les données de votre flux de données. Vous pouvez par exemple utiliser les éléments suivants :
    • Un bloc Image pour montrer une photo des objets spécifiques ou associés.
    • Un bloc Texte pour afficher des détails, tels que les noms des cours, les lieux ou les dates dans notre exemple.
    • Un Bouton pour rediriger vers une URL, comme le formulaire d’inscription ou le calendrier des événements dans notre exemple. 
      datafeed_insert-content-blocks_en-us.gif
  2. Ajoutez des variables liées aux événements dans vos blocs de contenu. Développez les accordéons suivants pour apprendre à ajouter des variables pour chaque type de contenu :

    🔠 Ajouter une variable à du texte

    Ajoutez une variable dans un bloc de contenu contenant du texte pour afficher des informations spécifiques relatives à un élément, comme le nom, le lieu ou la date.

    1. Cliquez sur un bloc de contenu contenant du texte (bloc Titre, Texte ou Bouton).
    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.
      datafeed_text_variable_en-us.png
    4. Dans le champ Quel attribut souhaitez-vous insérer ?,sélectionnez la variable que vous souhaitez inclure dans l’email ("class_name", "studio_location", etc.).
      Pour insérer une variable de flux de données non répétable, vous devez sélectionner Flux de données > nom du flux > nom de l’objet > variable, puis la variable. Dans notre exemple, ce serait Flux de données > yoga_classes > next_yoga_class > class_name.   
      datafeed_choose-attribute-text_en-us.png
    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 une variable de flux de données.
    6. Cliquez sur Insérer. La variable sera insérée et une balise apparaîtra dans votre bloc de contenu.
    7. Répétez les étapes pour chaque variable que vous souhaitez ajouter au texte.

    datafeed_repatable-data-text_en-us.png

    🖼️ Ajouter une variable à une image

    Ajoutez une variable à un bloc Image pour afficher l'image associée à un objet, comme la photo d'un événement.

    1. Cliquez sur un bloc Image.
    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.
      datafeed_repatable-data-image_en-us.png
    5. Pour insérer une variable de flux de données non répétable, vous devez sélectionner Flux de données > nom du flux > nom de l’objet > variable, puis la variable. Dans notre exemple, ce serait Flux de données > yoga_classes > next_yoga_class > image.
    🔗 Ajouter une variable sous forme de lien hypertexte sur du texte

    Ajoutez une variable sous forme de lien hypertexte sur du texte pour diriger les destinataires vers l’URL associée à un élément, telle qu’un formulaire d’inscription ou une page de planification d’événements.

    1. Cliquez sur un bloc de contenu contenant du texte (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.
      datafeed_highlight-text_en-us.png
    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.
      Pour insérer une variable de flux de données non répétable, vous devez sélectionner Flux de données > nom du flux > nom de l’objet > variable, puis la variable. Dans notre exemple, ce serait Flux de données > yoga_classes > next_yoga_class > url.   
    6. Cliquez sur Insérer.
    🔗 Ajouter une variable sous forme de lien hypertexte sur une image

    Ajoutez une variable en tant que lien hypertexte sur une image pour diriger les destinataires vers l’URL associée à un élément, telle qu’une page d’événement.

    1. Cliquez sur un bloc Image.
    2. Dans la barre latérale, accédez à Paramètres du lien.
      dde_add-variable-image_en-us.png
    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.
      Pour insérer une variable de flux de données non répétable, vous devez sélectionner Flux de données > nom du flux > nom de l’objet > variable, puis la variable. Dans notre exemple, ce serait Flux de données > yoga_classes > next_yoga_class > url
    5. Cliquez sur Insérer.
    🔗 Ajouter une variable sous forme de lien hypertexte sur un bouton

    Ajoutez une variable sous forme de lien hypertexte sur un bouton pour diriger les destinataires vers l’URL associée à un élément, telle qu’une page de produit.

    1. Cliquez sur un bloc Bouton à l'intérieur d'un bloc Contenu dynamique.
    2. Dans la barre latérale, accédez à Paramètres du lien.
      dde_add-variable-button_en-us.png
    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.
      Pour insérer une variable de flux de données non répétable, vous devez sélectionner Flux de données > nom du flux > nom de l’objet > variable, puis la variable. Dans notre exemple, ce serait Flux de données > yoga_classes > next_yoga_class > url.   
    5. Cliquez sur Insérer.

(Facultatif) Étape 3 : affichez ou masquez du contenu en fonction de conditions spécifiques

Personnalisez davantage vos emails en affichant ou en masquant dynamiquement les éléments de contenu en fonction de conditions spécifiques. Cela garantit que seul le contenu pertinent est affiché pour chaque destinataire, en fonction de ses attributs, de ses données d’événement ou de son type d’appareil.

Développez les accordéons suivants pour voir des exemples de la façon dont vous pouvez contrôler la visibilité du contenu de vos emails :

👤 Attribut du contact

Affichez ou masquez du contenu en fonction des informations stockées dans les attributs du contact d’un destinataire.

➡️  Par exemple
Si l’attribut "NIVEAU" d’un contact est défini sur "DÉBUTANT", affichez une section regroupant les produits de yoga adaptés aux débutants, tout en masquant cette section pour les destinataires d'un niveau différent.

➡️ Pour en savoir plus, consultez notre article dédié Afficher ou masquer des blocs en fonction des attributs de contacts.

📱 Type d'appareil

Affichez ou masquez du contenu en fonction du type d’appareil du destinataire (appareil mobile ou ordinateur).

➡️  Par exemple
Afficher une bannière adaptée aux appareils mobiles pour les utilisateurs de smartphone tout en affichant une image plus large pour les utilisateurs d'ordinateurs.

➡️ Pour en savoir plus, consultez notre article dédié Afficher ou masquer du contenu en fonction de l'appareil utilisé.

Étape 4 : affichez un aperçu de votre email personnalisé avec des variables de flux de données et testez-le

Pour vous assurer que le contenu de votre 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.

Cliquez sur l'onglet ci-dessous correspondant à la méthode avec laquelle vous souhaitez tester votre email :

Aperçu Envoyer un test
  1. Lorsque la conception de votre email est prête, cliquez sur Aperçu et test dans la barre supérieure de votre éditeur d'email.
  2. Restez sur l’onglet Aperçu.
  3. Dans le champ Avec qui souhaitez-vous afficher l'aperçu de cet email ?, commencez à saisir l'adresse email de l'un de vos contacts et sélectionnez-la. 
    dde_preview-datafeed-email_en-us.png
  4. Votre aperçu pour ce contact s'affiche automatiquement à gauche de votre écran. Si vous avez créé un flux de données personnalisé, entrez une autre adresse email pour vérifier comment l'email s'affichera pour chaque contact en fonction de ses attributs du contact. 

Félicitations ! 🎉 Vous pouvez maintenant utiliser votre email dans vos automatisations ou envoyer des campagnes email contenant de véritables données de vos flux de données.

Template email Email dans la boîte de réception de vos destinataires
emailfeed2.png emailfeed1.png

⏩ Et après ? 

🤔 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 une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 1 sur 6