Skip to content

Cómo utilizar los eventos recomendados para el comercio electrónico

Esta página explica cómo y dónde puedes utilizar los eventos recomendados para comercio electrónico en toda la plataforma, incluido cómo utilizar las plantillas de Braze eCommerce Canvas.

Uso de una plantilla de Canvas

Para utilizar una plantilla de Canvas:

  1. Ve a Mensajería > Canvas.
  2. Selecciona Crear Canvas > Usar una plantilla de Canvas.
  3. Busca en la pestaña Plantillas de Braze la plantilla que deseas utilizar. Puedes obtener una vista previa de una plantilla seleccionando su nombre.
  4. Selecciona Aplicar plantilla para la plantilla que deseas utilizar.

    La página «Plantillas de Canvas» se abre en la pestaña «Plantillas de Braze» y muestra una lista de las plantillas utilizadas recientemente y las plantillas de Braze seleccionables.

Plantillas de Canvas para comercio electrónico

Braze ofrece cuatro plantillas de eCommerce Canvas.

Utiliza la plantilla de navegación abandonada para promover la interacción con los usuarios que han navegado por los productos, pero no los han añadido a su carrito ni han realizado un pedido.

Plantilla de Canvas «Navegación abandonada» aplicada con «Reglas de entrada» ampliadas.

Configuración

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

Configuración predeterminada

La siguiente configuración está preconfigurada en tu Canvas:

  • Conceptos básicos
    • Nombre del Canvas: Navegación abandonada
    • Evento de conversión: ecommerce.order placed
      • Fecha límite para la conversión: 3 días
  • Cronograma de entrada
    • Basada en la acción cuando un usuario realiza elecommerce.product_viewedevento.
    • La hora de inicio es cuando creas la plantilla de Canvas.

      «Opciones basadas en acciones» para el Canvas.

  • Audiencia objetivo
    • Público de entrada
      • El correo electrónico no está en blanco.
      • También puedes modificar los criterios de audiencia de entrada para satisfacer las necesidades de tu negocio.
    • Controles de entrada
      • Los usuarios son elegibles para volver a entrar en este Canvas una vez que haya finalizado su duración total.
    • Criterios de salida
      • Realiza ecommerce.cart_updated, ecommerce.checkout_started, o ecommerce.order_placed

        Controles de entrada y criterios de salida para el Canvas.

  • Enviar configuración
    • Usuarios que están suscritos o que hicieron la adhesión voluntaria
  • Paso de retardo
    • 1 hora 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 hacer referencia a variables Liquid, tal y como se muestra en la siguiente sección.

Personalización de productos abandonados para correos electrónicos

A continuación, se muestra un ejemplo de cómo añadir un bloque de producto HTML a tu correo electrónico de navegación abandonada.

1
2
3
4
5
6
7
8
9
10
11
<table style="width:100%">
  <tr>
    <th><img src="{{context.${image_url}}}" width="200" height="200"><img></th>
    <th align="left">
      <ul style="list-style-type: none">
        <li>Item: {{context.${product_name}}}</li>
        <li>Price: ${{context.${price}}}</li>
      </ul>
    </th>
  </tr>
</table>
URL del producto del producto
1
{{context.${product_url}}}

Carrito abandonado

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

Plantilla Canvas «Carrito abandonado» aplicada con «Reglas de entrada» ampliadas.

Configuración

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

Configuración predeterminada

La siguiente configuración está preconfigurada en tu Canvas:

  • Conceptos básicos
    • Nombre del Canvas: Carrito abandonado
    • Evento de conversión: ecommerce.order_placed
      • Fecha límite para la conversión: 3 días
  • Cronograma de entrada
    • Desencadenador basado en acciones cuando un usuario desencadena el evento «Realizar actualización del carrito» (con ubicación en el menú desplegable).
    • La hora de inicio es cuando creas la plantilla de Canvas.

      «Opciones basadas en acciones» para el Canvas.

  • Público objetivo
    • Público de entrada
      • Has 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 realizar la entrada en Canvas.
    • Criterios de salida
      • Realiza ecommerce.cart_updated, ecommerce.checkout_started, o ecommerce.order_placed

        Controles de entrada y criterios de salida para el Canvas.

  • Enviar configuración
    • Usuarios que están suscritos o que hicieron la adhesión voluntaria
  • Paso de retardo
    • 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 hacer referencia a variables Liquid, tal y como se muestra en la siguiente sección.

Cómo funciona la lógica de entrada de carritos abandonados

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

  1. Cuando un usuario añade un artículo a tu carrito, entra en Canvas.
  2. Cada vez que añaden o actualizan artículos, vuelven a entrar en Canvas, lo que mantiene actualizados los datos de su carrito y la mensajería.
  3. Cuando el usuario inicia el proceso de pago, tu carrito se etiqueta como checkout_startedy sales 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 a la fase de pago, se les redirige al Canvas de abandono del pago, diseñado para usuarios que se encuentran en una fase más avanzada del proceso de compra.

Personalización de productos abandonados en el carrito para correos electrónicos

Los recorridos de los usuarios que abandonan el carrito de compras requieren una etiqueta de Liquidshopping_cart especial para la personalización de los productos.

A continuación, se muestra un ejemplo de cómo añadir un bloque HTML con tu etiquetashopping_cart de Liquid 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}}} 

Compra abandonada

Utiliza la plantilla «Compra abandonada» para dirigirte a los clientes que iniciaron el proceso de compra pero lo abandonaron antes de realizar el pedido.

Plantilla Canvas «Abandoned Checkout» (Abandono del proceso de pago) aplicada con «Entry Rules» (Reglas de entrada) ampliadas.

Configuración

En la página Canvas, selecciona Usar una plantilla de Canvas > Plantillas de Braze y, a continuación, aplica la plantilla Abandoned checkout (Pago abandonado).

Configuración predeterminada

La siguiente configuración está preconfigurada en tu Canvas:

  • Conceptos básicos
    • Nombre del Canvas: Compra abandonada
    • Evento de conversión: ecommerce.order_placed
      • Fecha límite para la conversión: 3 días
  • Cronograma de entrada
    • Desencadenante basado en la acción cuando tú realizas elecommerce.checkout_startedevento.
    • La hora de inicio es cuando creas la plantilla de Canvas.

      «Opciones basadas en acciones» para el Canvas.
  • Audiencia objetivo
    • Público de entrada
      • Has 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 realizar la entrada en Canvas.
      • Criterios de salida
        • Realiza losecommerce.order_placedeventos.

          Controles de entrada y criterios de salida para el Canvas.

  • Enviar configuración
    • Usuarios que están suscritos o que hicieron la adhesión voluntaria
  • Paso de retardo
    • 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 hacer referencia a variables Liquid, tal y como se muestra en la siguiente sección.

Personalización de carritos abandonados para correos electrónicos

Los procesos de compra abandonados requieren una etiqueta de Liquidshopping_cart especial para la personalización de los productos.

A continuación, se muestra un ejemplo de cómo añadir un bloque HTML con tu etiquetashopping_cart de Liquid 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
<table style="width:100%">
  {% shopping_cart {{context.${cart_id}}} :abort_if_not_abandoned false %}
  {% 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>
    {% endfor %}
</table>
URL de pago
1
{{context.${metadata}.checkout_url}}

Confirmación del pedido y cuestionario de satisfacción

Utiliza la plantilla de cuestionario& sobre la confirmación del pedido para confirmar los pedidos realizados con éxito y mejorar la satisfacción del cliente.

Plantilla Canvas aplicada «Confirmación de pedido» con «Reglas de entrada» ampliadas.

Configuración

En la página Canvas, selecciona Usar una plantilla de Canvas > Plantillas de Braze y, a continuación, aplica la plantilla de cuestionario& sobre la confirmación del pedido.

Configuración predeterminada

La siguiente configuración está preconfigurada en tu Canvas:

  • Conceptos básicos
    • Nombre del Canvas: Confirmación del pedido con cuestionario de satisfacción
    • Evento de conversión: ecommerce.session_start
      • Fecha límite para la conversión: 10 días
  • Cronograma de entrada
    • Desencadenante basado en la acción cuando tú realizas elecommerce.cart_updatedevento.
    • La hora de inicio es cuando creas la plantilla de Canvas.

      «Opciones basadas en acciones» para el Canvas.

  • Audiencia objetivo
    • Público de entrada
      • Has 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 realizar la entrada en Canvas.
    • Criterios de salida
      • No aplicable

        Filtros adicionales y controles de entrada para el Canvas.

  • Enviar configuración
    • Usuarios que están suscritos o que hicieron la adhesión voluntaria
  • 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 hacer referencia a variables Liquid, tal y como se muestra en la siguiente sección.

Personalización de la confirmación de pedidos para correos electrónicos

A continuación, se muestra un ejemplo de cómo añadir un bloque de producto HTML a la confirmación del pedido una vez que este se ha realizado.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table style="width:100%">
  {% for item in {{context.${products}}} %}
  {% catalog_items <add_your_catalog_name> {{item.variant_id}} %}
  <tr>
    <th><img src="{{ items[0].variant_image_url }}" width="200" height="200" /></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>
      </ul>
    </th>
  </tr>
  {% endfor %}
</table>
URL del estado del pedido
1
{{context.${metadata}.order_status_url}}

Personalización de mensajes

Liquid es un potente lenguaje de plantillas utilizado por Braze que te permite crear contenido dinámico y personalizado para tus clientes. Mediante el uso de etiquetas de Liquid, puedes personalizar los mensajes en función de los datos de clientes, la información de los productos y otras variables, lo que mejora la experiencia de compra y fomenta la interacción.

Características principales de Liquid

  • Contenido dinámico: Inserta información personalizada del cliente, como nombres, detalles del pedido y preferencias, en tus mensajes.
  • Lógica condicional: Utiliza sentencias if/else para mostrar contenido personalizado en función de condiciones específicas (como la ubicación del cliente y el historial de compras).
  • Bucles: Repite las colecciones de productos o datos de clientes para mostrar listas o cuadrículas de artículos.

Introducción a Liquid

Para empezar a personalizar tus mensajes utilizando etiquetas de Liquid, puedes consultar los siguientes recursos:

Segmentación

Utiliza los segmentos de Braze para crear segmentos de clientes específicos basados en atributos y comportamientos concretos, y entrega mensajes y campañas personalizados. Con esta potente característica, podrás atraer eficazmente a tus clientes llegando a la audiencia adecuada con el mensaje adecuado en el momento adecuado.

Para obtener más información sobre cómo empezar a utilizar los segmentos, consulta Acerca de los segmentos de Braze.

Eventos recomendados

Los eventos de comercio electrónico se basan en eventos recomendados. Dado que los eventos recomendados son eventos personalizados más subjetivos, puedes buscar los nombres de los eventos de comercio electrónico recomendados seleccionando cualquier filtro de eventos personalizados.

Filtros de comercio electrónico

Segmenta a tus usuarios con filtros de comercio electrónico, como Fuente de comercio electrónico e Ingresos totales, accediendo a la sección Comercio electrónico dentro del segmentador.

Para obtener una lista de los filtros de comercio electrónico y sus definiciones, consulta Filtros de segmento y selecciona la categoría de búsqueda «Comercio electrónico».

Menú desplegable de filtros de segmento con filtros de «Comercio electrónico».

Propiedades de eventos anidados

Para segmentar por propiedades de eventos anidados, puedes aprovechar las extensiones de segmento. Por ejemplo, puedes utilizar las extensiones de segmento para averiguar quién ha comprado el producto «SKU-123» en los últimos 90 días.

Análisis

Informe de eventos personalizados

Puedes realizar el seguimiento del volumen de eventos recomendados para el comercio electrónico en el informe Eventos personalizados. Filtra por Realizar evento personalizado y, a continuación, especifica el nombre del evento recomendado por eCommerce para ver su rendimiento a lo largo del tiempo.

Gráfico de eventos personalizados que muestra los resultados de seis eventos seleccionados.

Dashboards

Panel de conversiones

Después de lanzar una campaña o Canvas utilizando el evento de conversión «Realizar pedido», puedes crear un informe de conversión correspondiente para realizar el seguimiento del rendimiento.

Tabla de detalles de conversiones con campañas y lienzos, y las estadísticas de conversión asociadas.

Panel de control de ingresos del comercio electrónico

Para obtener información sobre los ingresos atribuidos a la última campaña o Canvas con la que interactuó un usuario antes de realizar un pedido, utiliza el panel de ingresos de comercio electrónico y selecciona una ventana de conversión.

Informe de ingresos

Para analizar los datos de estos nuevos eventos, ve al Dashboard Builder y consulta el panel de control «Ingresos por comercio electrónico: atribución al último contacto».

New Stuff!