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. Vérifiez la table 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, référez-vous à la documentation Liquid de Shopify.
Panier abandonné etConfirmation de commande blocks ne prennent pas en charge les charges utiles des é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 'Raw', en tant que 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.

Étape 4 : Configurer et styliser le bloc de mise en page

Utilisez la barre latérale droite pour contrôler l'affichage et l'apparence du bloc de mise en page.

Audience : Choisissez si le bloc doit s'afficher à tous les contacts ou à un segment personnalisé.
Source de données de contenu : Définissez ou mettez à jour la source de données pour le contenu dynamique.
Empilement mobile : Empilez les colonnes verticalement sur mobile pour une meilleure expérience de lecture.
Visibilité sur les appareils : Affichez le bloc sur tous les appareils, uniquement sur mobile, ou uniquement sur bureau.
Alignement du contenu : Alignez le contenu verticalement dans le bloc : Haut, Milieu ou Bas.
Espacement : Définissez l'espacement autour du bloc (haut, droit, bas, gauche).
Arrière-plan : Choisissez une couleur ou une image d'arrière-plan et contrôlez si elle s'étend dans la zone de padding.

Paramètres de l'image

Cliquez sur un élément d'image dans la mise en page, puis allez à l'onglet Image.

Alignement : Choisissez comment l'image s'aligne dans sa colonne : Gauche, Centre ou Droite.
Hauteur maximale : Définissez une hauteur maximale d'image en pixels. Les images s'échelonnent proportionnellement jusqu'à cette limite. La hauteur réelle rendue peut être inférieure en fonction de la largeur de la colonne, de la largeur du canevas et des paramètres de padding.
Espacement : Définissez des valeurs d'espacement individuelles autour de l'image (haut, droit, bas, gauche).

4a1 Toujours prévisualiser sur bureau et mobile avant d'envoyer.

Cas d'utilisation

Voici des exemples de la manière dont vous pouvez utiliser les mises en page de contenu dynamique et les propriétés d'événements dans vos flux de travail.

Panier abandonné avec remise

Utilisez des mises en page de contenu dynamique et des propriétés d'événement pour réorganiser la mise en page de l'Email et ajouter un pourcentage de remise.

Sélectionnez l'événement « Produit ajouté au Panier » comme déclencheur du workflow.
Remplissez l'Email avec les articles du panier abandonné du contact.
Utilisez des balises Liquid pour calculer et afficher l'offre de réduction.
Utilisez event.line_items pour afficher les noms, images et prix des produits de manière dynamique.

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

Changements de fidélité, Informations ou Mises à jour

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

Sélectionnez un événement lié à la fidélité (événements personnalisés d'applications tierces) comme déclencheur.
Personnalisez l'Email avec les détails de fidélité du Client (e).
Affichez les points mis à jour, les changements de niveau ou les informations sur les récompenses de manière dynamique.

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 au sujet des réservations WIX, utilisez des mises en page de contenu dynamique et des propriétés d'événement pour personnaliser le message.

Sélectionnez l'événement de réservation (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 des événements personnalisés

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

Utilisez un custom event pour déclencher le workflow.
Remplissez l'Email avec des détails d'événement pertinents en utilisant des mises en page de contenu dynamique et des 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 les propriétés de l'événement, le contenu de votre Email s'adapte automatiquement en fonction de l'événement qui a été déclenché.

FAQ

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 le produit de nouveau en stock ou l'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 remplacement généré par le système sans données réelles.

Pour valider la personnalisation :

Utilisez Aperçu dynamique dans l'Éditeur d'emails et sélectionnez un contact réel avec un historique d'événements.
Déclencheur l'automatisation pour recevoir un vrai email. Par exemple, passez une commande de test pour déclencher l'automatisation de la Confirmation de commande.

Comment dois-je utiliser les éléments bruts / éléments de ligne, pas les éléments bruts / éléments de ligne / 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, l'élément de ligne signifie Produit.

Comment puis-je 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 nom personnalisé pour l'événement passé, similaire à la templating liquid ? Par exemple, avoir [[line_item.productURL | 'Votre lien produit']] au lieu d'avoir un chemin 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 d'événements personnalisés de votre côté.

Ma mise en page dynamique ne nous donne aucune option et n'a pas de données - pourquoi cela ? Comment puis-je faire en sorte que des données soient peuplé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 à nouveau si vous avez un déclencheur basé sur un événement dans la table ci-dessus.

Le layout dynamique ne recueille-t-il que les événements liés à la commande ?

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

Les magasins connectés via l'API peuvent-ils utiliser une mise en page dynamique et avoir l'option 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'élément 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. Donc, 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. Quel est le problème ?

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

💬Besoin d'aide ? Si vous n'avez pas trouvé la réponse à votre question, contactez notre équipe de support via le chat dans l'application ou à [email protected].

Ajouter du Contenu dynamique à vos automatisations