Modèles de canvas

Panier abandonné

Utilisez le modèle de panier abandonné pour couvrir les ventes potentielles perdues par les clients qui ont ajouté des produits à leur panier mais n’ont pas continué à passer à la caisse ou n’ont pas passé de commande.

Configuration

Sur la page Canvas, sélectionnez Utiliser un modèle de canvas > Modèles de Braze, puis appliquez le modèle Panier abandonné.

Paramètres par défaut

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

• Bases
  • Nom de la toile : Panier abandonné
  • Événement de conversion : ecommerce.order_placed
    • Date limite de conversion : 3 jours
• Planification d’entrée
  • Déclencheur basé sur une action lorsqu’un utilisateur déclenche l’événement Perform Cart Updated (situé dans la liste déroulante).
  • L’heure de début est l’heure à laquelle vous créez le modèle Canvas.
    
    
    
    
• Audience cible
  • Audience entrant
    • 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 la participation à Canvas.
  • Critère de sortie
    • Effectue les opérations suivantes : ecommerce.cart_updated, ecommerce.checkout_started, ou ecommerce.order_placed
      
      
      
      
• Paramètres d’envoi
  • Utilisateurs abonnés ou opt-in
• Pas de retard
  • Délai de 4 heures
• Étape du message
  • Examinez le modèle d’e-mail et le bloc HTML avec un exemple de modèle liquide 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 faire référence aux variables Liquid, comme le montre la section suivante.

Comment fonctionne la logique de réintroduction des paniers abandonnés ?

Lorsqu’un utilisateur entame le processus de paiement, son panier est marqué comme étant checkout_started. À partir de ce moment, toute nouvelle mise à jour du panier avec le même ID ne permettra pas à l’utilisateur de revenir dans le parcours de l’utilisateur du panier abandonné.

1. Lorsqu’un utilisateur ajoute un article à son panier, il entre dans le Canvas.
2. Chaque fois qu’ils ajoutent ou modifient des articles, ils réintègrent le canvas, ce qui permet d’actualiser les données de leur panier et l’envoi de leurs messages.
3. Lorsque l’utilisateur entame la procédure de paiement, son panier est étiqueté checkout_started et il quitte le canvas.
4. Toute mise à jour ultérieure du panier à l’aide du même ID ne déclenchera pas de nouvelle saisie, car le panier est déjà passé à l’étape du paiement.

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

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

Les parcours des utilisateurs de paniers abandonnés nécessitent une étiquette Liquid spéciale shopping_cart pour la personnalisation du produit.

Voici un exemple de la façon dont vous ajouteriez un bloc HTML avec votre étiquette Liquid shopping_cart pour ajouter 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 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>

URL du panier en HTML

Si vous souhaitez renvoyer les utilisateurs à leur panier, vous pouvez ajouter une propriété d’événement imbriqué sous l’objet de métadonnées, comme 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}}}