Glisser-déposer des blocs de produits
L’éditeur par glisser-déposer vous permet d’ajouter et de configurer rapidement des blocs de produits à vos messages pour une mise en valeur transparente des produits, sans qu’il soit nécessaire de créer un code Liquid personnalisé.
La fonctionnalité de glisser-déposer des blocs de produits est en accès anticipé et n’est pour l’instant disponible que pour les e-mails. Contactez votre gestionnaire de compte Braze si vous souhaitez participer à l’accès anticipé.
Conditions
| Exigence | Description |
|---|---|
| Événements recommandés pour le commerce électronique | Les événements recommandés pour le commerce électronique fournissent des schémas de données normalisés pour les événements comportementaux clés qui se produisent avant et après la passation d’une commande. Ces événements remplaceront à terme l’ancien événement d’achat de Braze et deviendront la norme pour le suivi des comportements liés au commerce. Les événements recommandés par eCommerce sont nécessaires pour les blocs de produits dynamiques. Les événements recommandés pour le commerce électronique sont actuellement en accès anticipé. Contactez votre gestionnaire satisfaction client Braze si vous souhaitez participer à cet accès anticipé. |
| Modèles de canevas pour le commerce électronique | Les événements recommandés pour le commerce électronique prennent en charge des modèles préconstruits, notamment des modèles eCommerce Canvas conçus pour des cas d’utilisation essentiels tels que la navigation abandonnée, les paniers abandonnés et les confirmations de commande. Si vous envisagez de mettre en œuvre l’un de ces cas d’utilisation essentiels du commerce électronique à l’aide des modèles eCommerce Canvas, vous devez utiliser ou suivre le modèle Canvas fourni. |
| Catalogue Braze | Vous devez créer un catalogue Braze comprenant les champs suivants, qui seront utilisés dans la configuration de votre bloc produit : |
Types de blocs de produits glisser-déposer
| Bloc de produits | Objectif | Cas d’utilisation | Disponibilité |
|---|---|---|---|
| Dynamique | Personnalisez vos messages avec une vitrine de produits basée sur les interactions avec les clients en utilisant des événements et des catalogues recommandés pour le commerce électronique dans nos modèles eCommerce Canvas. |
|
Disponible uniquement en canvas. |
| Statique | Personnalisez les produits en utilisant uniquement les données stockées dans un catalogue ou une sélection de catalogue de Braze. | Parfait pour présenter le lancement de nouveaux produits ou des offres spécifiques à une catégorie. |
Configuration du bloc de contenu du produit
Chaque type de bloc a des configurations de contenu différentes.
Champs du produit
Dans la section Champs de produits, sélectionnez votre type de bloc de produits, puis basculez sur les champs que vous souhaitez inclure pour chaque produit. Chaque champ est tiré de différentes sources en fonction du type de bloc de produits que vous sélectionnez.
Bloc de produits dynamiques
| Champ du produit | Source |
|---|---|
| Image de variante | Catalogues |
| Titre du produit | Catalogues |
| Bouton pour l’URL du produit | Catalogues |
| Prix | eCommerce Propriétés d’événement recommandées |
| Quantité | eCommerce Propriétés d’événement recommandées |
Bloc de produits statiques
| Champ du produit | Source |
|---|---|
| Image de variante | Catalogues |
| Titre du produit | Catalogues |
| Bouton pour l’URL du produit | Catalogues |
| Prix | Catalogues |
Options de mise en page
Utilisez les options de mise en page pour personnaliser l’affichage de vos produits dans votre bloc de produits.
| Option | Description |
|---|---|
| Orientation des produits | Choisissez l’orientation des champs d’image et de produit dans le bloc. |
| Alignement | Ajustez l’alignement des champs de texte et du bouton à l’intérieur du bloc. |
| Nombre maximum de produits par ligne | Affichez jusqu’à trois produits par ligne, jusqu’à 12 produits au total pour les blocs de produits statiques et jusqu’à 24 produits au total pour les blocs de produits dynamiques. |
| Espacement des produits | Définissez l’espacement entre les produits. |
Paramètres globaux du style d’e-mail
Les paramètres globaux de style d’e-mail vous permettent d’appliquer un style cohérent à vos e-mails dans Braze. Cela signifie que vous pouvez définir des styles spécifiques, tels que des polices, des couleurs et des boutons, qui s’appliqueront automatiquement à tous vos e-mails.
Comment les paramètres globaux de style d’e-mail fonctionnent-ils avec les blocs de produits ?
Les styles existants pour les paragraphes et les boutons s’appliqueront automatiquement aux éléments de texte et de bouton dans le bloc produit. Cela signifie que tout formatage que vous avez défini pour les paragraphes et les boutons sera utilisé de manière cohérente dans votre bloc de produits, ce qui permet de conserver un aspect homogène dans l’ensemble de votre e-mail.
Mise en place de blocs de produits
Configuration du catalogue
Si vous utilisez l’intégration entre Braze et Shopify pour la synchronisation des produits, vous n’avez pas besoin de prendre des mesures supplémentaires pour utiliser les blocs de produits à glisser-déposer.
Si vous ne disposez pas d’informations sur la variante du produit, vous devez dupliquer les informations sur le produit de premier niveau dans les champs du produit et de la variante du produit dans les charges utiles et les catalogues d’événements. Cela signifie que vous devez fournir les mêmes détails sur le produit pour les deux identifiants afin de maintenir la cohérence pour que le bloc produit fonctionne correctement.
Pour utiliser les blocs de produits glisser-déposer, vous devez configurer un catalogue Braze qui inclut des valeurs de champs spécifiques. Ces champs seront utilisés dans la configuration de votre bloc produit. Assurez-vous que votre catalogue comprend les champs suivants :
| Champ | Description |
|---|---|
product_title |
Le titre du produit. |
product_url |
L’URL où les clients peuvent voir ou acheter le produit. |
variant_image_url |
L’URL de l’image variante. |
Commencez par travailler à partir de cet exemple de catalogue de produits, qui comprend les champs obligatoires.
Création de blocs de produits
Ce guide vous guidera à travers les étapes pour créer, tester et assurer la fonctionnalité d’un bloc produit dynamique ou statique en utilisant notre éditeur glisser-déposer par e-mail.
Étape 1 : Créer une campagne d’e-mail ou une étape du canvas d’e-mail
Bloc de produits dynamiques
Les blocs de produits dynamiques nécessitent des événements recommandés par eCommerce et ne peuvent être utilisés qu’au sein de Canvases. Pour les utilisateurs de Braze Shopify, ces événements sont automatiquement inclus dans le cadre de l’intégration. Pour les utilisateurs non-Shopify, vous devez travailler avec vos développeurs pour passer ces événements dans Braze et vous assurer que l’identifiant principal du produit au sein des événements est ajouté en tant qu’ID de l’article du catalogue.
Créez un nouveau Canvas qui utilise l’un des modèles de Braze disponibles pour votre cas d’utilisation spécifique :
- Abandon de la navigation
- Panier abandonné
- Paiement abandonné
- Confirmations de commande
Pour des instructions détaillées sur la création de vos toiles de commerce électronique, reportez-vous aux cas d’utilisation pour le commerce électronique.
Bloc de produits statiques
Créez une campagne e-mail par glisser-déposer, un Canvas basé sur l’action ou un modèle qui comporte une étape e-mail Message par glisser-déposer.
Étape 2 : Ajouter un bloc produit
Dans l’étape message, créez un e-mail ou modifiez le modèle existant à l’aide du compositeur d’e-mails par glisser-déposer. Faites glisser un bloc produit dans votre message e-mail. Confirmez que le type de bloc dynamique est sélectionné. Sélectionnez le catalogue de produits que vous souhaitez utiliser pour la personnalisation. Assurez-vous qu’il s’aligne sur les produits des événements entrants que vous ciblez.
Faites glisser un bloc produit dans votre message e-mail et sélectionnez le type de bloc statique. Sélectionnez le catalogue que vous souhaitez utiliser pour votre bloc produit. Si votre catalogue comporte une sélection, vous devez la sélectionner pour restreindre davantage les produits qui s’affichent dans votre bloc de produits.
Étape 3 : Configurer les champs du produit
Sélectionnez les champs du produit qui doivent être affichés dans le bloc produit. Sélectionnez Appliquer les paramètres après chaque modification pour voir les mises à jour dans l’éditeur.
Vous pouvez également personnaliser le texte précédant vos étiquettes Liquid. Par exemple, vous pouvez ajouter un signe de dollar ($) pour le prix d’un article ou mettre à jour le terme de la quantité en le remplaçant par “montant” ou un autre libellé préféré.
Étape 4 : Configurer les paramètres de mise en page
Modifiez les options de mise en page pour actualiser la façon dont les produits s’affichent dans votre bloc de produits, et veillez à sélectionner Appliquer les paramètres après chaque modification.
Étape 5 : Prévisualiser et tester votre message
- Dans la section Prévisualisation et test, prévisualisez le message en tant qu’utilisateur personnalisé.
- Indiquez le nombre d’éléments que vous souhaitez afficher dans l’aperçu.
- Confirmez que le nombre correct d’éléments apparaît et que vos options de mise en page sont appliquées correctement. Notez que les éléments qui apparaissent sont sélectionnés de manière aléatoire.
Un aperçu sera généré dans le compositeur par glisser-déposer lorsque vous appliquerez des modifications à votre bloc produit.
Une fois que vous avez créé votre message et que vous avez confirmé qu’il ressemble à ce qui était prévu, vous êtes prêt à l’envoyer !
Modifier cette page sur GitHub