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 para comercio electrónico | Los eventos recomendados para comercio electrónico admiten plantillas prediseñadas, incluidas las plantillas de Canvas de comercio electrónico diseñadas para casos de uso esenciales, como navegación abandonada, abandono del carrito de compras y confirmaciones de pedidos. Si tienes previsto implementar cualquiera de estos casos de uso esenciales del comercio electrónico utilizando las plantillas de eCommerce Canvas, debes utilizar o seguir la plantilla Canvas proporcionada. |
| Catálogo de Braze | Debes crear un catálogo Braze que incluya los siguientes campos, que utilizarás en la configuración del bloque de productos: |
| Selección del 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 productos. |
Tipos de bloques de productos de arrastrar y soltar
| Bloque de productos | Propósito | Ejemplos | Disponibilidad |
|---|---|---|---|
| Dinámico | Personaliza tu mensajería con una muestra de productos basada en las interacciones de los clientes utilizando los eventos y catálogos recomendados para comercio electrónico dentro de nuestras plantillas de eCommerce Canvas. |
|
Disponible solo en Canvas. |
| Estático | Personaliza los productos utilizando los datos almacenados en un catálogo de Braze. Debes utilizar una selección de catálogo para especificar qué productos incluir. | Perfecto para presentar lanzamientos de nuevos productos u ofertas específicas de una categoría. |
Configuración del contenido del bloque de productos
Cada tipo de bloque de contenido tiene diferentes configuraciones de contenido.
Campos de producto
En la sección Campos del producto, selecciona el tipo de bloque de producto y, a continuación, alterna los campos que deseas incluir para cada producto. Cada campo se extrae de diferentes fuentes en función del tipo de bloque de producto que selecciones.
Bloque de producto dinámico
| Campo del producto | Fuente |
|---|---|
| Imagen variante | Catálogos |
| Título del producto | Catálogos |
| Botón para la URL del producto | Catálogos |
| Precio | Propiedad recomendada para eventos de comercio electrónico |
| Cantidad | Propiedad recomendada para eventos de comercio electrónico |
Bloque de productos estáticos
| Campo del producto | Fuente |
|---|---|
| Imagen variante | Catálogos |
| Título del producto | Catálogos |
| Botón para la URL del producto | Catálogos |
| Precio | Catálogos |
Opciones de diseño
Utiliza las opciones de diseño para hacer que tus productos se muestren de manera personalizada dentro del bloque de productos.
| Opción | Descripción |
|---|---|
| Orientación de productos | Elige cómo se orientarán los campos de imagen y 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. |
| Espacio entre productos | Establece el espacio entre los productos. |
Configuración global del estilo del correo electrónico
La configuración global del estilo del correo electrónico te permite aplicar un estilo coherente 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 del correo electrónico con los bloques de productos
Los estilos existentes para párrafos y botones se aplican automáticamente a los elementos de texto y botones dentro del bloque de productos. Esto significa que tu bloque de producto utiliza de forma coherente cualquier formato que hayas establecido para los párrafos y botones, manteniendo un aspecto uniforme en todo tu correo electrónico.
Configuración de bloques de productos
Configuración del catálogo
Si utilizas la integración de Braze y Shopify para sincronizar productos, no es necesario que realices ningún paso adicional para utilizar los bloques de productos de arrastrar y soltar.
Si no dispones de información sobre las variantes de los productos, debes duplicar la información de los productos de nivel superior tanto en los campos de productos como en los de variantes de productos dentro de las cargas útiles y los catálogos de eventos. Esto significa que debes proporcionar los mismos detalles del producto para ambos identificadores a fin de mantener la coherencia y que el bloque del producto funcione correctamente.
Para utilizar bloques de productos de arrastrar y soltar, debes configurar un catálogo de Braze que incluya valores de campo específicos. Utilizas estos campos en la configuración del bloque de productos. 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 variante. |
Empieza con buen pie trabajando con este catálogo de productos de muestra, que incluye los campos obligatorios.
Mapeado a campos del catálogo
En la pestaña Configuración de tu catálogo, puedes alternar los Bloques de productos para realizar el mapeo de campos e información específicos de tu catálogo. Esto te permite seleccionar qué campos utilizar 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 utilizas Shopify, puedes ponerte en contacto con tu director de cuentas para activar el mapeado de campos, lo que te permitirá conectar cualquier catálogo a bloques de productos y asignar sus campos a product_title,product_url , y variant_image_url.
Creación de bloques de productos
Esta guía te explicará los pasos para crear, probar y garantizar la funcionalidad de un bloque de productos dinámico o estático utilizando nuestro editor de arrastrar y soltar de correo electrónico.
Paso 1: Crear una campaña de correo electrónico o un paso en Canvas
Bloque de producto dinámico
Los bloques de productos dinámicos requieren eventos recomendados para comercio electrónico y solo se pueden utilizar dentro de lienzos. Para los usuarios de Braze Shopify, estos eventos se incluyen automáticamente como parte de la integración. Si no utilizas Shopify, deberás trabajar con tus desarrolladores para transferir estos eventos a Braze y asegurarte de que el identificador principal del producto dentro de los eventos se añada como ID del artículo del catálogo.
Crea un nuevo Canvas que utilice una de las plantillas disponibles de Braze para tu caso de uso específico:
- Navegación abandonada
- Carrito abandonado
- Finalización de compra abandonada
- Confirmaciones de pedidos
Para obtener instrucciones detalladas sobre cómo crear tus lienzos de comercio electrónico, consulta los casos de uso de comercio electrónico.
Bloque de productos estáticos
Crea una campaña de correo electrónico de arrastrar y soltar, un lienzo basado en acciones o una plantilla que tenga un paso de mensaje de correo electrónico de arrastrar y soltar.
Paso 2: Añadir un bloque de productos
En el paso del mensaje, crea un correo electrónico o modifica la plantilla existente utilizando el editor 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 utilizar para la personalización. Asegúrate de que se ajuste a los productos de los eventos entrantes a los que te diriges.
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 utilizar para tu bloque de productos. Debes seleccionar una selección de catálogo para especificar qué productos se muestran en tu bloque de productos.
Paso 3: Configurar campos de producto
Selecciona los campos del producto que deben mostrarse en el bloque de productos. Selecciona Aplicar configuración después de cada cambio para ver las actualizaciones en el editor.
También puedes personalizar el texto que precede a tus etiquetas de Liquid. Por ejemplo, puedes anteponer el signo del dólar ($) al precio de un artículo o cambiar el término «cantidad» por «importe» u otra etiqueta que prefieras.
Paso 4: Configurar la configuración de diseño
Cambia las opciones de diseño para actualizar la forma en que se muestran los productos dentro de tu bloque de productos y asegúrate de seleccionar Aplicar configuración después de cada cambio.
Paso 5: Vista previa y prueba de tu mensaje
- En la sección Vista previa&de la prueba, previsualiza el mensaje como un usuario personalizado.
- Especifica cuántos elementos deseas mostrar en la vista previa.
- Confirma que aparece el número correcto de elementos y que tus opciones de diseño se aplican correctamente. Nota: Los elementos que aparecen se seleccionan al azar.
Se generará una vista previa en el editor de arrastrar y soltar cuando apliques cambios al bloque de tu producto.
Una vez que hayas terminado de crear tu mensaje y hayas confirmado que se ve como esperabas, ¡ya estás listo para enviarlo!
Editar esta página en GitHub