Utiliser les modèles de Canvas Braze

Panier abandonné

Utilisez le modèle Abandoned cart pour récupérer les ventes potentiellement perdues de clients ayant ajouté des produits à leur panier sans poursuivre vers le paiement ni passer de commande.

Configuration

Sur la page Canvas, sélectionnez Use a Canvas Template > Braze templates, puis appliquez le modèle Abandoned cart.

Paramètres par défaut

Les paramètres suivants sont préconfigurés dans votre Canvas :

• Bases
  • Nom du Canvas : Abandoned cart
  • Événement de conversion : ecommerce.order_placed
    • Date limite de conversion : 3 jours
• Planification d’entrée
  • Déclencheur basé sur l’action lorsqu’un utilisateur déclenche l’événement Perform Cart Updated Event (situé dans la liste déroulante)
  • L’heure de début correspond au moment où vous créez le modèle Canvas
    
    
    
    
• Audience cible
  • Audience d’entrée
    • A utilisé ces applications plus de 0 fois
    • L’e-mail n’est pas vide
  • Contrôles d’entrée
    • Les utilisateurs sont immédiatement rééligibles pour entrer dans le Canvas
  • Critères de sortie
    • Effectue ecommerce.cart_updated, ecommerce.checkout_started ou ecommerce.order_placed
      
      
      
      
• Paramètres d’envoi
  • Utilisateurs abonnés ou ayant donné leur accord explicite (opt-in)
• Étape de délai
  • Délai de 4 heures
• Étape de message
  • Consultez le modèle d’e-mail et le bloc HTML avec un exemple de modèle Liquid pour ajouter des produits à votre message dans le modèle préconstruit. Si vous utilisez votre propre modèle d’e-mail, vous pouvez également vous référer aux variables Liquid, comme illustré dans la section suivante.

Fonctionnement de la logique de réentrée pour le panier abandonné

Lorsqu’un utilisateur commence le processus de paiement, son panier est marqué comme checkout_started. À partir de ce moment, toute mise à jour ultérieure du panier avec le même ID de panier ne permettra pas à l’utilisateur de réintégrer le parcours de panier abandonné.

1. Lorsqu’un utilisateur ajoute un article à son panier, il entre dans le Canvas.
2. Chaque fois qu’il ajoute ou met à jour des articles, il réintègre le Canvas, ce qui maintient les données de son panier et les messages à jour.
3. Lorsque l’utilisateur commence le processus de paiement, son panier est étiqueté checkout_started et il sort du Canvas.
4. Toute mise à jour future du panier utilisant le même ID de panier ne déclenchera pas de réentrée, car ce panier est déjà passé à l’étape de paiement.

Lorsque les utilisateurs passent au parcours de paiement, ils sont ciblés par le Canvas de paiement abandonné, conçu pour les utilisateurs plus avancés dans leur parcours d’achat.

Personnalisation des produits du panier abandonné pour les e-mails

Les parcours de panier abandonné nécessitent une étiquette Liquid spéciale shopping_cart pour la personnalisation des produits.

Voici un exemple montrant comment ajouter un bloc HTML avec votre étiquette Liquid shopping_cart pour intégrer des produits dans votre e-mail.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table aria-label="Abandoned cart product personalization for emails #abandoned-cart-checkout" style="width:100%">
  {% shopping_cart {{context.${cart_id}}} %}
  {% for item in shopping_cart.products %}
  {% catalog_items <add_your_catalog_name> {{item.variant_id}} %}
  <tr>
    <th><img src="{{ items[0].variant_image_url }}" width="200" height="200"><img></th>
    <th align="left">
      <ul style="list-style-type: none">
        <li>Item: {{ item.product_name }}</li>
        <li>Price: ${{ item.price }}</li>
        <li>Quantity: ${{ item.quantity }}</li>
        <li>Variant ID: {{ item.variant_id }}</li>
        <li>Product URL:{{ item.product_url }}</li>
        <li>SKU: {{ item.metadata.sku }}</li>
      </ul>
    </th>
  </tr>
  {% endfor %}
</table>

Remarque

Si vous utilisez Shopify, ajoutez le nom de votre catalogue pour obtenir l’URL de l’image de la variante.

URL du panier en HTML

Si vous souhaitez rediriger les utilisateurs vers leur panier, vous pouvez ajouter une propriété d’événement imbriquée sous l’objet de métadonnées, par exemple :

1
{{context.${metadata}.cart_url}}

Si vous utilisez Shopify, créez l’URL de votre panier en utilisant ce modèle Liquid :

1
{{context.${source}}}/checkouts/cn/{{context.${cart_id}}}