Usar plantillas de Canvas de Braze

Carrito abandonado

Utiliza la plantilla Carrito abandonado para cubrir posibles pérdidas de ventas de clientes que añadieron productos a su carrito pero no continuaron con el proceso de pago ni realizaron un pedido.

Configuración

En la página de Canvas, selecciona Usar una plantilla de Canvas > Plantillas de Braze y, a continuación, aplica la plantilla Carrito abandonado.

Configuración predeterminada

Los siguientes ajustes están preconfigurados en tu Canvas:

• Conceptos básicos
  • Nombre del Canvas: Carrito abandonado
  • Evento de conversión: ecommerce.order_placed
    • Fecha límite de conversión: 3 días
• Horario de entrada
  • Desencadenador basado en acciones cuando un usuario desencadena el evento Perform Cart Updated Event (ubicado en el menú desplegable)
  • La hora de inicio es cuando creas la plantilla de Canvas
    
    
    
    
• Público objetivo
  • Audiencia de entrada
    • Ha utilizado estas aplicaciones más de 0 veces
    • El correo electrónico no está en blanco
  • Controles de entrada
    • Los usuarios vuelven a ser elegibles inmediatamente para la entrada en Canvas
  • Criterios de salida
    • Realiza ecommerce.cart_updated, ecommerce.checkout_started o ecommerce.order_placed
      
      
      
      
• Ajustes de envío
  • Usuarios que están suscritos o que han dado su consentimiento
• Paso de retraso
  • 4 horas de retraso
• Paso de mensaje
  • Revisa la plantilla de correo electrónico y el bloque HTML con un ejemplo de plantilla Liquid para añadir productos a tu mensaje en la plantilla prediseñada. Si utilizas tu propia plantilla de correo electrónico, también puedes consultar las variables Liquid, como se muestra en la siguiente sección.

Cómo funciona la lógica de reentrada del carrito abandonado

Cuando un usuario inicia el proceso de pago, su carrito se marca como checkout_started. A partir de ese momento, cualquier actualización posterior del carrito con el mismo ID de carrito no permitirá al usuario volver a entrar en el recorrido de usuario del carrito abandonado.

1. Cuando un usuario añade un artículo a su carrito, entra en el Canvas.
2. Cada vez que añade o actualiza artículos, vuelve a entrar en el Canvas, lo que mantiene actualizados los datos de su carrito y la mensajería.
3. Cuando el usuario inicia el proceso de pago, su carrito se etiqueta como checkout_started y sale del Canvas.
4. Las futuras actualizaciones del carrito que utilicen el mismo ID de carrito no desencadenarán una nueva entrada, ya que este carrito ya ha pasado a la fase de pago.

Cuando los usuarios pasan al recorrido de usuario de pago, se les dirige al Canvas de pago abandonado, diseñado para usuarios que se encuentran en una fase más avanzada del proceso de compra.

Personalización de productos del carrito abandonado para correos electrónicos

Los recorridos de usuario de carrito abandonado requieren una etiqueta de Liquid shopping_cart especial para la personalización de productos.

A continuación se muestra un ejemplo de cómo añadir un bloque HTML con tu etiqueta de Liquid shopping_cart para añadir productos a tu correo electrónico.

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 del carrito HTML

Si deseas redirigir a los usuarios a su carrito, puedes añadir una propiedad de evento anidada bajo el objeto de metadatos, como por ejemplo:

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

Si utilizas Shopify, crea la URL de tu carrito utilizando esta plantilla Liquid:

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