Utilisez le Contenu dynamique dans les automatisations pour personnaliser les e-mails avec des données déclenchées par des événements, telles que les noms de Produits, les totaux de Commandes ou les propriétés de Custom event.

Ce guide vous aidera à configurer des mises en page dynamiques et à choisir les propriétés d'événement appropriées.

Avant de commencer

Le Contenu dynamique n'est disponible que dans les scénarios d'automatisation, pas dans les Campagnes.
Les mises en page de Contenu dynamique apparaissent uniquement si votre Workflow Déclencheur est basé sur un événement. Les déclencheurs basés sur une entité (par exemple, Produit de nouveau en stock) ne prennent pas en charge le Contenu dynamique. Consultez le tableau des déclencheurs ci-dessous.
Les sections de liste de Contenu dynamique ne peuvent être connectées qu'à des propriétés du type de liste (tableaux). Par exemple, dans un événement de commande, la propriété line_items est une liste contenant tous les produits achetés. Vous pouvez l'utiliser comme source de données (event.line_items) pour répéter le contenu pour chaque article.
Si vous n'êtes pas à l'aise de travailler avec l'API et les propriétés basées sur les événements, utilisez les dispositions et les éléments d'événement par défaut.
Pour les événements personnalisés des intégrations tierces (e.g., Loox, Wishlist Hero, Zapier) : Tous les événements personnalisés tiers ne transmettent pas les propriétés de type liste requises pour les mises en page de contenu dynamique. Vérifiez la documentation de l'intégration ou les journaux de l'API pour confirmer quelles données sont disponibles avant de créer votre email.
Pour les propriétés d'événement Shopify, consultez la documentation Liquid de Shopify.
Panier abandonné et Les blocs de Confirmation de commande ne prennent pas en charge les charges utiles provenant d'événements personnalisés.

Comment ça marche ?

Le Contenu dynamique est construit autour de deux composants principaux :

Mises en page de Contenu dynamique : Conteneurs vides dans votre email où vous placez du contenu répétable ou conditionnel (tels que les détails du produit).
Propriétés de l'événement : Points de données transmis par l'événement qui a déclenché l'email, tels que item.name, item.quantity, ou item.product.product_image_urls[0]

Lorsqu'un contact déclenche une automatisation, la mise en page sélectionnée est renseignée avec les données de l'événement. Par exemple, s'ils ont passé une commande, la mise en page pourrait afficher automatiquement les noms et les images des produits qu'ils ont achetés.

Les mises en page de Contenu dynamique apparaissent uniquement pour les déclencheurs de Workflow basés sur des événements. Si votre déclencheur est basé sur une entité, vous ne verrez pas les options de contenu dynamique dans l'Éditeur d'emails.

Déclencheurs basés sur les événements	Déclencheurs basés sur l'entité
Produit ajouté au panier	Produit de nouveau en stock
Message cliqué	Occasion spéciale (Anniversaire)
Entrée dans le segment
Sortie du segment
Message marqué comme spam
Échec de la livraison du message
Message envoyé
Message ouvert
Commande annulée
Commande exécutée
Commande remboursée
Produit commandé
Commande payée
Commande passée
Paiement débuté
Abonné au marketing
Page consultée
Produit consulté
Événements personnalisés

Avantages du Contenu dynamique

L'utilisation de Contenu dynamique dans vos automatisations peut avoir un impact significatif sur l'efficacité de votre stratégie d'email marketing.

Le principal avantage du Contenu dynamique est qu'il vous permet de créer des éléments et des mises en page d'email personnalisés adaptés à vos besoins et objectifs spécifiques, plutôt que de vous fier aux éléments et mises en page par défaut.

Voici quelques autres façons de l'utiliser :

Personnalisation : Adaptez le contenu des emails à chaque contact individuel en fonction de ses actions et de ses préférences. Cela crée une expérience plus engageante et peut entraîner des taux de conversion plus élevés.
Pertinence : Assurez-vous que les e-mails sont toujours pertinents pour le contact à ce moment précis.
Efficacité : Créez un seul modèle d'email personnalisé pour chaque contact en fonction de leurs actions et préférences spécifiques. Cela permet d'économiser du temps et des efforts tout en envoyant des emails hautement personnalisés.
Flexibilité : Expérimentez avec différentes mises en page et designs sans créer plusieurs versions du même email. Cela vous aide à trouver la combinaison optimale d'éléments qui résonne le mieux auprès de vos contacts.

Processus de configuration

Étape 1 : Choisissez un déclencheur de workflow basé sur un événement

Accédez à Automations → Créer Workflow et sélectionnez soit un workflow prédéfini (par exemple, "Confirmation de commande") ou un personnalisé. Ensuite, choisissez un déclencheur basé sur un événement.

Étape 2 : Sélectionnez une mise en page de Contenu dynamique

Ouvrez l'étape Éditeur d'emails de votre workflow.
Faites glisser la mise en page de Contenu dynamique. Ce bloc restera vide jusqu'à ce qu'il soit rempli de données d'événement. Alternativement, vous pouvez utiliser des blocs dynamiques prédéfinis et préremplis avec des éléments de produit.

Étape 3. Choisir les propriétés de l'événement

Une fois que vous avez ajouté une mise en page dynamique vide, sélectionnez une source de données (basée sur votre déclencheur de workflow). Ensuite, ajoutez des blocs de contenu tels que du texte, des images ou des boutons à la mise en page. Les données de ces éléments seront automatiquement extraites de la source de données sélectionnée.

Choisir les propriétés d'événement :

Nous avons une sélection de catégories qui stockent les sources de données réelles. Vous pouvez considérer ces catégories comme des dossiers sur votre ordinateur. De même, les sources de données sont des fichiers à l'intérieur de ces dossiers. Si vous souhaitez uniquement consulter les informations d'un fichier spécifique, il vous suffit de l'ouvrir (dans notre cas, vous devez le sélectionner comme source de données).

Pourquoi tout est-il sous "Raw" ?

Le dossier "Raw" contient des données non traitées provenant du back-office de votre boutique. Les propriétés d'événement sont organisées exactement comme votre plateforme (par exemple, Shopify, WooCommerce) les envoie. Vous pouvez voir des sous-dossiers comme "Fulfillments" ou "Refunds" – choisissez le dossier racine (par exemple, "Line Items") pour extraire tous les articles, quel que soit leur statut d'exécution.

Maintenant, en ce qui concerne la logique de nommage des sections, nous utilisons le nommage fourni par le back-office de votre boutique. La mise en page dynamique extrait les données directement du back-office de votre boutique, et nous ne les traitons en aucune façon.

Voici un exemple de catégories provenant d'une Boutique Shopify extraites d'un Placed Order event :

Exemple : Reconstruction d'un article de produits commandés à l'aide de la mise en page de Contenu dynamique

Disons que vous souhaitez modifier la mise en page de l'élément Produit commandé par défaut qu'Omnisend fournit. Dans notre exemple, nous placerons les images de produits sur le côté droit de la mise en page et le nom et le prix du produit sur le côté gauche.

Sélectionnez la source de données : Sélectionnez le 'la source de données des articles, qui se trouve sous l'Dossier racine de Raw comme source de données pour l'ensemble de la mise en page.

Nous sélectionnons la source de données 'Line Items' directement depuis la catégorie 'Raw' car nous voulons extraire les données de tous les produits commandés, pas seulement ceux qui sont exécutés ou remboursés (les sous-catégories Fulfillments/Refunds seraient choisies à cette fin).

Ajouter des éléments à la mise en page : Maintenant que nous avons choisi la source de données pour notre mise en page dynamique, il est temps d'ajouter les éléments que nous souhaitons inclure dans le contenu de notre email. Tout d'abord, ajoutons un élément Image pour afficher les images des produits commandés sur le côté droit de notre mise en page dynamique.

Nous devrons choisir la source de données qui nous permettra d'extraire les images de produits commandés dans la mise en page. Pour ce faire, nous devons rechercher la source de données des URL d'images de Produit (des URL, car les images sont hébergées sur le backend de la Boutique, où elles ont leurs URL).

Vous pouvez également ajouter l'URL du Produit à l'image. Ainsi, lorsque les contacts cliquent, ils seront redirigés vers la page de ce produit dans votre boutique. Pour ce faire, ajoutez la source de données pertinente au champ 'link to'.

Nous devons le faire une seule fois, et les images de produits et les URL de produits pertinentes seront ajoutées à chaque élément Image au sein de la mise en page dynamique unique.

Maintenant, ajoutons un élément de texte sur le côté gauche de notre mise en page dynamique, où nous inclurons les Noms de Produit, la Devise et les Prix. Pour cela, nous devrons sélectionner chaque source de données :

Pour le Nom du Produit, sélectionnez 'Nom' sous la section 'Line Items'.
Pour la devise, sélectionnez 'Currency' sous la section 'Raw data/Raw'.
Pour le Prix du Produit, sélectionnez 'Prix' sous la section 'Line Items'.

Pour obtenir les résultats souhaités, vous pouvez expérimenter avec les sources de données et leurs catégories respectives en fonction de votre cas d'utilisation spécifique.

Si vous utilisez un Custom event comme déclencheur, vérifiez les données de votre Custom event :

Accédez à Store Settings → API → Custom Events.
Trouvez votre événement et vérifiez quels champs sont transmis.
Accédez à Store Settings → API → API logs pour voir le corps de la requête réel et confirmer que vos propriétés sont incluses.

Si les propriétés n'apparaissent pas dans le menu de personnalisation, elles peuvent ne pas faire partie du payload d'événement. Vérifiez auprès de votre développeur ou de l'application/intégration qui envoie l'événement.

Cas d'utilisation

Vous trouverez ci-dessous des exemples de la manière dont vous pouvez utiliser les mises en page de Contenu dynamique et les propriétés d'événement dans vos workflows.

Panier abandonné avec remise

Utilisez les mises en page de Contenu dynamique et les propriétés d'événement pour réorganiser la mise en page de l'email et ajouter un pourcentage de réduction.

Sélectionnez l'événement “Added Product to Cart” comme déclencheur du workflow.
Remplir l'email avec les articles du panier abandonné du contact.
Utilisez les balises Liquid pour calculer et afficher l'offre de réduction.
Utilisez event.line_items pour afficher les noms de produits, les images et les prix de manière dynamique.

Cela garantit que l'email reflète les produits exacts laissés dans le panier.

Modifications, informations ou mises à jour de fidélité

Si vous souhaitez informer vos clients des mises à jour du programme de fidélité, utilisez les mises en page de Contenu dynamique et les propriétés d'événement pour afficher les informations pertinentes.

Sélectionnez un événement lié à la fidélité (événements personnalisés provenant d'applications tierces) comme déclencheur.
Personnalisez l'email avec les détails de fidélité du client.
Afficher dynamiquement les points mis à jour, les changements de niveau ou les informations sur les récompenses.

Demande d'avis sur le Produit

Encouragez les clients à laisser un avis sur un produit en insérant dynamiquement les détails de la commande et du produit.

Sélectionnez l'événement Commande payée comme Déclencheur.
Remplissez l'email avec les informations de commande du client.
Ajoutez des liens vers la page produit spécifique pour simplifier le processus d'avis.

WIX Bookings

Pour informer les clients des Wix Bookings, utilisez des mises en page de Contenu dynamique et des propriétés d'événement pour personnaliser le message.

Sélectionnez le Booking event (Custom event) comme déclencheur.
Remplissez l'email avec les détails de la réservation et les informations connexes.

Événements de calendrier via l'API d'événements personnalisés

Pour informer les clients des événements du calendrier à venir :

Utilisez un custom event pour déclencher le workflow.
Remplissez l'email avec les détails d'événement pertinents en utilisant les mises en page de Contenu dynamique et les propriétés d'événement.

Lieux à visiter

Si vous souhaitez partager des informations liées aux voyages :

Sélectionnez un Custom event comme déclencheur.
Utilisez les propriétés d'événement pour personnaliser l'email avec les détails de voyage du client.

L'utilisation des mises en page de Contenu dynamique et des propriétés d'événement vous permet de créer des e-mails personnalisés basés sur des événements. En sélectionnant un Déclencheur de Workflow approprié et en appliquant des propriétés d'événement, le contenu de votre email s'adapte automatiquement en fonction de l'événement qui a été déclenché.

Foire aux questions

Pourquoi tous les déclencheurs de Workflow ne sont-ils pas basés sur des événements ?

Certains déclencheurs ne sont pas des événements par nature, comme un produit de nouveau en stock ou un anniversaire.

Pourquoi mes balises de personnalisation sont-elles vides dans les e-mails de test ?

Les e-mails de test ne remplissent pas le contenu dynamique ou les balises de personnalisation. C'est un comportement attendu. Les e-mails de test utilisent un contact de substitution généré par le système, sans données réelles.

Pour valider la personnalisation :

Utilisez l'Aperçu dynamique dans l'Éditeur d'emails et sélectionnez un Contact (e) réel avec un historique d'événements.
Déclenchez l'automatisation pour recevoir un véritable email. Par exemple, passez une commande test pour déclencher l'automatisation de Confirmation de commande.

Comment dois-je utiliser Raw / Line items, et non Raw / Line items / Produit / Collections ?

Vous devriez sélectionner la collection Raw/Line Items pour vos produits en tant que client(e). Lorsque vous choisissez une source de liste dynamique, sélectionnez Articles de ligne, car vous aurez généralement besoin de parcourir vos produits. La plateforme de votre boutique définit les propriétés utilisées dans les événements. Dans ce cas, Line Item signifie Produit.

Comment savoir quelle description choisir ?

Vous pouvez analyser la charge utile de l'événement et voir quelle propriété contient les informations que vous souhaitez.

Pouvons-nous ajouter un nommage personnalisé pour l'événement transmis, similaire au templating Liquid ? Par exemple, avoir [[line_item.productURL | 'Your product link']] au lieu d'avoir un chemin d'URL complet?

Pas pour le moment. Des améliorations seront apportées, mais il n'y a pas de date prévue.

Les instructions conditionnelles fonctionnent-elles dans une mise en page dynamique ?

Non, ces calculs doivent être effectués lors de l'implémentation des événements personnalisés de votre côté.

Ma mise en page dynamique ne nous propose aucune option et ne contient aucune donnée – pourquoi cela ? Comment puis-je faire apparaître les données dans notre mise en page dynamique ?

Si le déclencheur est basé sur un événement, ses propriétés doivent être disponibles. Vérifiez si vous avez un déclencheur basé sur un événement dans le tableau ci-dessus.

La mise en page dynamique ne recueille-t-elle que les événements liés aux commandes ?

La mise en page dynamique peut également collecter d'autres événements si le déclencheur est basé sur l'événement.

Les magasins connectés à l'API peuvent-ils utiliser une mise en page dynamique et avoir la possibilité de remplir toutes les données transmises ?

Oui, vous pouvez utiliser le dynamic layout, et vous aurez la possibilité de renseigner toutes les données transmises, y compris shippingMethod, trackingCode, courierTitle, courierUrl, etc.

Que signifie l'alias dans cette note ?

Ceci est une syntaxe utilisée dans certains langages de programmation ou de script pour accéder à une propriété d'un élément dans une liste. Dans l'exemple donné, l'alias 'item' fait référence à chaque élément de la liste, et 'listProperty' est la propriété spécifique de cet élément à laquelle on accède. Ainsi, si vous avez une liste d'éléments, et que chaque élément a une 'listProperty', vous pouvez utiliser cette syntaxe pour accéder à cette propriété pour chaque élément de la liste.

J'utilise {{event.properties}} mais cela ne fonctionne pas. Qu'est-ce qui ne va pas ?

Omnisend utilise des crochets [[ ]] pour tout le contenu dynamique et la personnalisation, et non des accolades {{ }}. Si vous collez du code provenant de modèles externes ou d'autres plateformes, remplacez {{ par [[ et }} par ]].

Si vous n'avez pas trouvé la réponse à votre question, contactez notre équipe d'assistance via le chat intégré à l'application ou à l'adresse [email protected].

Ajouter du Contenu dynamique à vos automatisations