Canvas templates

Abandoned cart

Use the Abandoned cart template to cover potential lost sales from customers who added products to their cart but did not continue to checkout or place an order.

Setup

On the Canvas page, select Use a Canvas Template > Braze templates and then apply the Abandoned cart template.

Default settings

The following settings are pre-configured in your Canvas:

• Basics
  • Canvas name: Abandoned cart
  • Conversion event: ecommerce.order_placed
    • Conversion deadline: 3 days
• Entry schedule
  • Action-based trigger when a user triggers the Perform Cart Updated Event (located in the dropdown)
  • Start time is when you create the Canvas template
    
    
    
    
• Target Audience
  • Entry audience
    • Has used these apps more than 0 times
    • Email is not blank
  • Entry controls
    • Users are immediately re-eligible for Canvas entry
  • Exit criteria
    • Performs ecommerce.cart_updated, ecommerce.checkout_started, or ecommerce.order_placed
      
      
      
      
• Send settings
  • Users who are subscribed or opted in
• Delay step
  • 4 hour delay
• Message step
  • Review the email template and HTML block with a Liquid templating example to add products to your message in the pre-built template. If you use your own email template, you can also reference Liquid variables, as demonstrated in the following section.

How abandoned cart re-entry logic works

When a user starts the checkout process, their cart is marked as checkout_started. From that point onward, any further cart updates with the same cart ID will not qualify the user to re-enter the abandoned cart user journey.

1. When a user adds an item to their cart, they enter the Canvas.
2. Each time they add or update items, they re-enter the Canvas—this keeps their cart data and messaging up to date.
3. When the user starts the checkout process, their cart is tagged as checkout_started, and they exit the Canvas.
4. Any future cart updates using the same cart ID will not trigger re-entry because this cart has already moved into the checkout stage.

When users move to the checkout user journey, they’re targeted by the abandoned checkout Canvas instead, which is designed for users further along in the purchase journey.

Abandoned cart product personalization for emails

Abandoned cart user journeys require a special shopping_cart Liquid tag for product personalization.

Here is an example of how you would add an HTML block with your shopping_cart Liquid tag to add products into your email.

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>

HTML cart URL

If you want to direct users back to their cart, you can add a nested event property under the metadata object, such as:

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

If you use Shopify, create your cart URL by using this Liquid template:

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