Bloques de productos arrastrar y soltar
El editor de arrastrar y soltar te permite añadir y configurar rápidamente bloques de productos en tus mensajes para mostrar los productos fácilmente, sin necesidad de crear código Liquid personalizado.
La característica de arrastrar y soltar bloques de productos se encuentra en fase de acceso anticipado y, por el momento, solo está disponible para el correo electrónico. Ponte en contacto con tu director de cuentas de Braze si estás interesado en participar en el acceso anticipado.
Requisitos
| Requisito | Descripción |
|---|---|
| Eventos recomendados para el comercio electrónico | Los eventos recomendados para el comercio electrónico proporcionan esquemas de datos estandarizados para eventos de comportamiento clave que se producen antes y después de realizar un pedido. Estos eventos acabarán sustituyendo al antiguo evento de compra de Braze y se convertirán en el estándar para el seguimiento del comportamiento relacionado con el comercio. Los eventos recomendados de comercio electrónico son necesarios para los bloques de productos dinámicos. Los eventos recomendados para el comercio electrónico se encuentran actualmente en fase de acceso anticipado. Si estás interesado en participar en este acceso anticipado, ponte en contacto con tu administrador del éxito del cliente de Braze. |
| Plantillas de Canvas de comercio electrónico | Los eventos recomendados de comercio electrónico son compatibles con plantillas prediseñadas, incluyendo plantillas de Canvas de comercio electrónico diseñadas para casos de uso esenciales como navegación abandonada, carritos abandonados y confirmaciones de pedido. Si planeas implementar alguno de estos casos de uso esenciales de comercio electrónico utilizando las plantillas de Canvas de comercio electrónico, debes usar o seguir la plantilla de Canvas proporcionada. |
| Catálogo de Braze | Debes crear un catálogo de Braze que incluya los siguientes campos, que usarás en la configuración de tu bloque de producto: |
| Selección de catálogo | Para los bloques de productos estáticos, debes crear una selección de catálogo para especificar qué productos incluir en tu bloque de producto. |
Tipos de bloques de productos arrastrar y soltar
| Bloque de producto | Propósito | Casos de uso | Disponibilidad |
|---|---|---|---|
| Dinámico | Personaliza tu mensajería con un escaparate de productos basado en las interacciones del cliente utilizando eventos recomendados de comercio electrónico y catálogos dentro de nuestras plantillas de Canvas de comercio electrónico. |
|
Disponible solo en Canvas. |
| Estático | Personaliza productos usando datos almacenados en un catálogo de Braze. Debes usar una selección de catálogo para especificar qué productos incluir. | Perfecto para presentar lanzamientos de nuevos productos u ofertas específicas por categoría. |
Configuración de contenido del bloque de producto
Cada tipo de bloque tiene diferentes configuraciones de contenido.
Campos de producto
En la sección Campos de producto, selecciona tu tipo de bloque de producto y luego activa los campos que deseas incluir para cada producto. Cada campo se obtiene de diferentes fuentes según el tipo de bloque de producto que selecciones.
Bloque de producto dinámico
| Campo de producto | Fuente |
|---|---|
| Imagen de variante | Catálogos |
| Título del producto | Catálogos |
| Botón para URL del producto | Catálogos |
| Precio | Propiedad de evento recomendado de comercio electrónico |
| Cantidad | Propiedad de evento recomendado de comercio electrónico |
Bloque de producto estático
| Campo de producto | Fuente |
|---|---|
| Imagen de variante | Catálogos |
| Título del producto | Catálogos |
| Botón para URL del producto | Catálogos |
| Precio | Catálogos |
Opciones de diseño
Usa las opciones de diseño para personalizar cómo se muestran tus productos dentro de tu bloque de producto.
| Opción | Descripción |
|---|---|
| Orientación del producto | Elige cómo se orientan la imagen y los campos de producto dentro del bloque. |
| Alineación | Ajusta la alineación de los campos de texto y el botón dentro del bloque. |
| Máximo de productos por fila | Muestra hasta tres productos por fila, hasta 12 productos en total para bloques de productos estáticos y hasta 24 productos en total para bloques de productos dinámicos. |
| Espaciado entre productos | Establece el espaciado entre productos. |
Configuración global de estilo de correo electrónico
La configuración global de estilo de correo electrónico te permite aplicar un estilo consistente a tus correos electrónicos dentro de Braze. Esto significa que puedes definir estilos específicos, como fuentes, colores y diseños de botones, que se aplicarán automáticamente a todos tus correos electrónicos.
Cómo funciona la configuración global de estilo de correo electrónico con los bloques de producto
Los estilos existentes para párrafos y botones se aplican automáticamente a los elementos de texto y botón dentro del bloque de producto. Esto significa que tu bloque de producto utiliza de forma consistente cualquier formato que hayas establecido para párrafos y botones, manteniendo una apariencia cohesiva en todo tu correo electrónico.
Configuración de bloques de producto
Configuración del catálogo
Si estás usando la integración de Braze y Shopify para la sincronización de productos, no necesitas realizar ningún paso adicional para usar los bloques de productos de arrastrar y soltar.
Si no tienes información de variantes de producto, necesitas duplicar la información del producto de nivel superior tanto en los campos de producto como en los campos de variante de producto dentro de las cargas útiles de eventos y catálogos. Esto significa que necesitas proporcionar los mismos detalles del producto para ambos identificadores a fin de mantener la consistencia y que el bloque de producto funcione correctamente.
Para usar los bloques de productos de arrastrar y soltar, necesitas configurar un catálogo de Braze que incluya valores de campos específicos. Usarás estos campos en la configuración de tu bloque de producto. Asegúrate de que tu catálogo incluya los siguientes campos:
| Campo | Descripción |
|---|---|
product_title |
El título del producto. |
product_url |
La URL donde los clientes pueden ver o comprar el producto. |
variant_image_url |
La URL de la imagen de la variante. |
Empieza rápidamente trabajando con este catálogo de productos de ejemplo, que incluye los campos obligatorios.
Mapeado a campos del catálogo
En la pestaña Configuración de tu catálogo, puedes seleccionar el interruptor Bloques de producto para mapear a campos e información específicos en tu catálogo. Esto te permite seleccionar qué campos usar como título del producto, URL del producto y URL de la imagen. Ten en cuenta que los campos del catálogo de Shopify están mapeados de forma predeterminada y no se pueden cambiar.
Si no estás usando Shopify, puedes ponerte en contacto con tu director de cuentas para activar el mapeado de campos, lo que te permite conectar cualquier catálogo a los bloques de producto y mapear sus campos a product_title, product_url y variant_image_url.
Creación de bloques de producto
Esta guía te llevará a través de los pasos para crear, probar y asegurar la funcionalidad de un bloque de producto dinámico o estático usando nuestro editor de correo electrónico de arrastrar y soltar.
Paso 1: Crea una Campaign de correo electrónico o un paso de correo electrónico en Canvas
Bloque de producto dinámico
Los bloques de producto dinámicos requieren eventos recomendados de comercio electrónico y solo se pueden usar dentro de Canvas. Para los usuarios de Braze con Shopify, estos eventos se incluyen automáticamente como parte de la integración. Para los usuarios que no usan Shopify, necesitas trabajar con tus desarrolladores para pasar estos eventos a Braze y asegurarte de que el identificador principal del producto dentro de los eventos se añada como el ID del artículo del catálogo.
Crea un nuevo Canvas que use una de las plantillas de Braze disponibles para tu caso de uso específico:
- Navegación abandonada
- Carrito abandonado
- Pago abandonado
- Confirmaciones de pedido
Para instrucciones detalladas sobre cómo crear tus Canvas de comercio electrónico, consulta casos de uso de comercio electrónico.
Bloque de producto estático
Crea una Campaign de correo electrónico de arrastrar y soltar, un Canvas basado en acciones o una plantilla que tenga un paso de mensaje de correo electrónico de arrastrar y soltar.
Paso 2: Añade un bloque de producto
Dentro del paso de mensaje, crea un correo electrónico o modifica la plantilla existente usando el compositor de correo electrónico de arrastrar y soltar. Arrastra un bloque de producto a tu mensaje de correo electrónico. Confirma que el tipo de bloque dinámico está seleccionado. Selecciona el catálogo de productos que deseas usar para la personalización. Asegúrate de que esté alineado con los productos de los eventos de entrada que estás segmentando.
Arrastra un bloque de producto a tu mensaje de correo electrónico y selecciona el tipo de bloque estático. Selecciona el catálogo que deseas usar para tu bloque de producto. Debes seleccionar una selección de catálogo para especificar qué productos se muestran en tu bloque de producto.
Paso 3: Configura los campos de producto
Selecciona qué campos de producto deben mostrarse en el bloque de producto. Selecciona Apply Settings después de cada cambio para ver las actualizaciones en el editor.
También puedes personalizar el texto antes de tus etiquetas de Liquid. Por ejemplo, puedes anteponer un signo de dólar ($) al precio de un artículo o actualizar el término de cantidad a “monto” u otra etiqueta preferida.
Paso 4: Configura los ajustes de diseño
Cambia las opciones de diseño para actualizar cómo se muestran los productos dentro de tu bloque de producto, y asegúrate de seleccionar Apply Settings después de cada cambio.
Paso 5: Previsualiza y prueba tu mensaje
- En la sección Preview & Test, previsualiza el mensaje como un usuario personalizado.
- Especifica cuántos artículos deseas renderizar en la vista previa.
- Confirma que aparece el número correcto de artículos y que tus opciones de diseño se aplican correctamente. Ten en cuenta que los artículos que aparecen se seleccionan aleatoriamente.
Se generará una vista previa dentro del compositor de arrastrar y soltar cuando apliques cambios a tu bloque de producto.
Cuando hayas terminado de crear tu mensaje y confirmes que se ve como esperabas, ¡estás listo para enviar!