Blocs de produits à glisser-déposer
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 pour le commerce électronique sont requis pour les blocs de produits dynamiques. Les événements recommandés pour le commerce électronique sont actuellement en accès anticipé. Contactez votre gestionnaire de la satisfaction client Braze si vous souhaitez participer à cet accès anticipé. |
| Modèles de Canvas pour le commerce électronique | Les événements recommandés pour le commerce électronique prennent en charge des modèles prédéfinis, y compris des modèles de Canvas pour le commerce électronique 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 prévoyez d’implémenter l’un de ces cas d’utilisation essentiels du commerce électronique à l’aide des modèles de Canvas pour le commerce électronique, vous devez utiliser ou suivre le modèle de Canvas fourni. |
| Catalogue Braze | Vous devez créer un catalogue Braze qui inclut les champs suivants, que vous utilisez dans la configuration de votre bloc de produits : |
| Sélection de catalogue | Pour les blocs de produits statiques, vous devez créer une sélection de catalogue pour spécifier quels produits inclure dans votre bloc de produits. |
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 des clients en utilisant les événements recommandés pour le commerce électronique et les catalogues au sein de nos modèles de Canvas pour le commerce électronique. |
|
Disponible uniquement dans Canvas. |
| Statique | Personnalisez les produits en utilisant les données stockées dans un catalogue Braze. Vous devez utiliser une sélection de catalogue pour spécifier quels produits inclure. | Idéal pour mettre en avant les lancements de nouveaux produits ou les offres spécifiques à une catégorie. |
Configuration du contenu des blocs de produits
Chaque type de bloc a des configurations de contenu différentes.
Champs produit
Dans la section Product Fields, sélectionnez votre type de bloc de produits, puis activez les champs que vous souhaitez inclure pour chaque produit. Chaque champ est extrait de sources différentes en fonction du type de bloc de produits que vous sélectionnez.
Bloc de produits dynamique
| Champ produit | Source |
|---|---|
| Image de la variante | Catalogues |
| Titre du produit | Catalogues |
| Bouton pour l’URL du produit | Catalogues |
| Prix | Propriété de l’événement recommandé pour le commerce électronique |
| Quantité | Propriété de l’événement recommandé pour le commerce électronique |
Bloc de produits statique
| Champ produit | Source |
|---|---|
| Image de la variante | Catalogues |
| Titre du produit | Catalogues |
| Bouton pour l’URL du produit | Catalogues |
| Prix | Catalogues |
Options de disposition
Utilisez les options de disposition pour personnaliser l’affichage de vos produits au sein de votre bloc de produits.
| Option | Description |
|---|---|
| Orientation du produit | Choisissez comment l’image et les champs produit au sein du bloc sont orientés. |
| Alignement | Ajustez l’alignement des champs de texte et du bouton au sein 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 de style globaux des e-mails
Les paramètres de style globaux des e-mails vous permettent d’appliquer un style cohérent à vos e-mails dans Braze. Vous pouvez ainsi définir des styles spécifiques — polices, couleurs et designs de boutons — qui s’appliqueront automatiquement à tous vos e-mails.
Fonctionnement des paramètres de style globaux des e-mails avec les blocs de produits
Les styles existants pour les paragraphes et les boutons s’appliquent automatiquement aux éléments de texte et de bouton au sein du bloc de produits. Votre bloc de produits utilise donc systématiquement la mise en forme que vous avez définie pour les paragraphes et les boutons, ce qui garantit un aspect cohérent dans l’ensemble de votre e-mail.
Configuration des blocs de produits
Configuration du catalogue
Si vous utilisez l’intégration Braze et Shopify pour la synchronisation des produits, aucune étape supplémentaire n’est nécessaire pour utiliser les blocs de produits à glisser-déposer.
Si vous ne disposez pas d’informations sur les variantes de produit, vous devez dupliquer les informations de niveau supérieur du produit dans les champs produit et variante de produit au sein des payloads d’événements et des catalogues. Concrètement, vous devez fournir les mêmes détails de produit pour les deux identifiants afin de maintenir la cohérence nécessaire au bon fonctionnement du bloc de produits.
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 sont utilisés dans la configuration de votre bloc de produits. Assurez-vous que votre catalogue inclut les champs suivants :
| Champ | Description |
|---|---|
product_title |
Le titre du produit. |
product_url |
L’URL où les clients peuvent consulter ou acheter le produit. |
variant_image_url |
L’URL de l’image de la variante. |
Prenez de l’avance en vous appuyant sur cet exemple de catalogue de produits, qui inclut les champs requis.
Mappage vers les champs du catalogue
Dans l’onglet Settings de votre catalogue, vous pouvez activer le bouton Product blocks pour mapper vers des champs et des informations spécifiques de votre catalogue. Cela vous permet de sélectionner les champs à utiliser comme titre du produit, URL du produit et URL de l’image. Notez que les champs du catalogue Shopify sont mappés par défaut et ne peuvent pas être modifiés.
Si vous n’utilisez pas Shopify, vous pouvez contacter votre gestionnaire de compte pour activer le mappage de champs, ce qui vous permet de connecter n’importe quel catalogue aux blocs de produits et de mapper ses champs vers product_title, product_url et variant_image_url.
Création de blocs de produits
Ce guide vous accompagne à travers les étapes de création, de test et de vérification du fonctionnement d’un bloc de produits dynamique ou statique à l’aide de notre éditeur d’e-mails par glisser-déposer.
Étape 1 : Créer une campagne e-mail ou une étape e-mail dans un Canvas
Bloc de produits dynamique
Les blocs de produits dynamiques nécessitent des événements recommandés pour le commerce électronique et ne peuvent être utilisés que dans des Canvas. Pour les utilisateurs Braze Shopify, ces événements sont automatiquement inclus dans l’intégration. Pour les utilisateurs non-Shopify, vous devez travailler avec vos développeurs pour transmettre ces événements à Braze et vous assurer que l’identifiant produit principal au sein des événements est ajouté comme ID d’article du catalogue.
Créez un nouveau Canvas qui utilise l’un des modèles Braze disponibles pour votre cas d’utilisation spécifique :
- Navigation abandonnée
- Panier abandonné
- Paiement abandonné
- Confirmations de commande
Pour des instructions détaillées sur la création de vos Canvas pour le commerce électronique, consultez les cas d’utilisation du commerce électronique.
Bloc de produits statique
Créez une campagne e-mail par glisser-déposer, un Canvas basé sur une action ou un modèle qui comporte une étape de message e-mail par glisser-déposer.
Étape 2 : Ajouter un bloc de produits
Dans l’étape de 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 de produits 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 correspond aux produits des événements entrants que vous ciblez.
Faites glisser un bloc de produits dans votre message e-mail et sélectionnez le type de bloc statique. Sélectionnez le catalogue que vous souhaitez utiliser pour votre bloc de produits. Vous devez sélectionner une sélection de catalogue pour spécifier quels produits s’affichent dans votre bloc de produits.
Étape 3 : Configurer les champs produit
Sélectionnez les champs produit à afficher dans le bloc de produits. Sélectionnez Apply Settings après chaque modification pour voir les mises à jour dans l’éditeur.
Vous pouvez également personnaliser le texte avant vos étiquettes Liquid. Par exemple, vous pouvez ajouter un signe dollar ($) devant le prix d’un article ou remplacer le terme « quantité » par « montant » ou un autre libellé de votre choix.
Étape 4 : Configurer les paramètres de disposition
Modifiez les options de disposition pour mettre à jour l’affichage des produits au sein de votre bloc de produits, et assurez-vous de sélectionner Apply Settings après chaque modification.
Étape 5 : Prévisualiser et tester votre message
- Dans la section Preview & Test, prévisualisez le message en tant qu’utilisateur personnalisé.
- Spécifiez le nombre d’articles que vous souhaitez afficher dans la prévisualisation.
- Confirmez que le nombre correct d’articles apparaît et que vos options de disposition sont appliquées correctement. Notez que les articles qui apparaissent sont sélectionnés aléatoirement.
Une prévisualisation sera générée dans le compositeur par glisser-déposer lorsque vous appliquez des modifications à votre bloc de produits.
Une fois que vous avez terminé la création de votre message et confirmé qu’il correspond à vos attentes, vous êtes prêt à l’envoyer !