Arrastrar y soltar bloques de producto
El editor de arrastrar y soltar te permite añadir y configurar rápidamente bloques de producto a 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 está en acceso temprano y actualmente sólo está disponible para 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 en eCommerce | Los eventos recomendados para el comercio electrónico proporcionan esquemas de datos estandarizados para los eventos de comportamiento clave que se producen antes y después de realizar un pedido. Estos eventos acabarán sustituyendo al evento de compra heredado de Braze y se convertirán en la norma 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 por eCommerce están actualmente en acceso anticipado. Ponte en contacto con tu administrador del éxito del cliente de Braze si estás interesado en participar en este acceso anticipado. |
| Plantillas eCommerce Canvas | Los eventos recomendados de eCommerce admiten plantillas preconstruidas, incluidas plantillas de eCommerce Canvas diseñadas para casos de uso esenciales, como navegación abandonada, carritos abandonados y confirmaciones de pedidos. Si piensas poner en práctica alguno de estos casos de uso esenciales del comercio electrónico utilizando las plantillas del Canvas de comercio electrónico, debes utilizar o seguir la plantilla Canvas proporcionada. |
| Catálogo Braze | Tienes que crear un catálogo Braze que incluya los siguientes campos, que se utilizarán en la configuración de tu bloque de productos: |
Tipos de bloques de producto arrastrar y soltar
| Bloque de productos | Propósito | Ejemplos | Disponibilidad |
|---|---|---|---|
| Dinámico | Personaliza tu mensajería con un escaparate de productos basado en las interacciones con los clientes utilizando eventos recomendados de comercio electrónico y catálogos dentro de nuestras plantillas Canvas de comercio electrónico. |
|
Disponible sólo en Canvas. |
| Estática | Personaliza productos utilizando sólo los datos almacenados en un catálogo Braze o una selección de catálogo. | Perfecto para mostrar el lanzamiento de nuevos productos u ofertas de categorías específicas. |
Configuración del bloque de contenido del 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, a continuación, alterna los campos que quieras incluir para cada producto. Cada campo se extrae de fuentes diferentes 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 | eCommerce Propiedad de evento recomendada |
| Cantidad | eCommerce Propiedad de evento recomendada |
Bloque estático de producto
| 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 personalizar cómo se muestran tus productos dentro de tu bloque de productos.
| Opción | Descripción |
|---|---|
| Orientación de productos | Elige cómo se orientan los campos de imagen y producto dentro del bloque. |
| Alineación | Ajusta la alineación de los campos de texto y del 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 | Configura el espaciado entre productos. |
Configuración global del estilo de correo electrónico
La configuración global del estilo de 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 funcionan las configuraciones globales de estilo de correo electrónico con los bloques de producto
Los estilos existentes para párrafos y botones se aplicarán automáticamente a los elementos de texto y botón dentro del bloque de producto. Esto significa que cualquier formato que hayas establecido para párrafos y botones se utilizará de forma coherente en tu bloque de producto, manteniendo un aspecto cohesivo en todo tu correo electrónico.
Configuración de bloques de producto
Configuración del catálogo
Si utilizas la integración de Braze y Shopify para sincronizar productos, no necesitas dar ningún paso adicional para utilizar bloques de productos de arrastrar y soltar.
Si no tienes información sobre la variante del producto, tienes que duplicar su información de producto de nivel superior tanto en el campo del producto como en el de la variante del producto dentro de las cargas útiles y los catálogos de eventos. Esto significa que tienes que proporcionar los mismos detalles del producto para ambos identificadores a fin de mantener la coherencia para que el bloque de producto funcione correctamente.
Para utilizar bloques de producto de arrastrar y soltar, tienes que configurar un catálogo Braze que incluya valores de campo específicos. Estos campos se utilizarán en la configuración de tu bloque de producto. Asegúrate de que tu catálogo incluye 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 trabajando con este Catálogo de productos de muestra, que incluye los campos obligatorios.
Crear bloques de producto
Esta guía te guiará a través de los pasos para crear, probar y garantizar la funcionalidad de un bloque de producto 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 paso en Canvas
Bloque de producto dinámico
Los bloques dinámicos de producto requieren eventos recomendados por eCommerce y sólo pueden utilizarse dentro de Canvases. Para los usuarios de Braze Shopify, estos eventos se incluyen automáticamente como parte de la integración. Para los usuarios que no son de Shopify, tienes que 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ñade como ID del artículo del catálogo.
Crea un nuevo Canvas que utilice una de las plantillas Braze disponibles para tu caso de uso específico:
- Navegación abandonada
- Carrito abandonado
- Finalización de compra abandonada
- Confirmaciones de pedido
Para obtener instrucciones detalladas sobre la creación de tus Lienzos de Comercio Electrónico, consulta los casos de uso de Comercio Electrónico.
Bloque estático de producto
Crea una campaña 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ñadir un bloque de producto
Dentro del paso de mensajes, crea un mensaje de correo electrónico o modifica la plantilla existente utilizando el creador de mensajes de arrastrar y soltar. Arrastra un bloque de producto a tu mensaje de correo electrónico. Confirma que se ha seleccionado el tipo de bloque dinámico. Selecciona el catálogo de productos que quieres utilizar para la personalización. Asegúrate de que concuerda con 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 quieres utilizar para tu bloque de productos. Si tu catálogo tiene una selección, debes seleccionarla para restringir aún más los productos que se muestran en tu bloque de productos.
Paso 3: Configurar campos de producto
Selecciona qué campos de producto deben mostrarse en el bloque de producto. 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 un signo de dólar ($) al precio de un artículo o actualizar el término de cantidad a “cantidad” u otra etiqueta preferida.
Paso 4: Configurar los ajustes de diseño
Cambia las opciones de diseño para actualizar cómo 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 y prueba, previsualiza el mensaje como usuario personalizado.
- Especifica cuántos elementos quieres mostrar en la vista previa.
- Confirma que aparece el número correcto de elementos y que tus opciones de diseño se aplican correctamente. Ten en cuenta que los elementos que aparecen se seleccionan al azar.
Se generará una vista previa dentro del compositor arrastrar y soltar cuando apliques cambios a tu bloque de producto.
Cuando hayas terminado de crear tu mensaje y de confirmar que tiene el aspecto esperado, ¡estás listo para enviarlo!
Editar esta página en GitHub