Cómo agregar bloques de productos a tus diseños de email
Los bloques de productos te permiten añadir fácilmente contenido personalizado a tus diseños de email, como recomendaciones de productos, carritos abandonados o productos vistos recientemente.
Puedes elegir una fuente de datos del producto, seleccionar la información que deseas mostrar y, a continuación, personalizar la representación directamente en el designer sin necesidad de utilizar la sintaxis Liquid.
1. Requisitos previos
Antes de configurar un bloque de producto personalizado, comprueba lo siguiente:
Los datos necesarios del producto están disponibles en tu entorno Splio.
Para recibir recomendaciones de productos, es necesario configurar y tener disponibles estrategias de recomendación.
Para los casos de uso relacionados con el seguimiento web, este debe estar activo y recopilar los datos necesarios.
2. Agrega un bloque de producto al diseño de email.
Crea un nuevo diseño y luego agrega un bloque de producto.
Accede a la ventana de configuración del bloque de producto.
Selecciona la fuente de datos que deseas utilizar:
Productos en la cesta
Filtros de producto o de contacto
Navegación del sitio
Recomendaciones de productos
Selecciona la cantidad de productos que deseas mostrar y la información del producto que deseas incluir en el bloque, como por ejemplo:
el nombre del producto;
la imagen;
el precio;
el enlace a la página del producto;
cualquier otro campo personalizado disponible.
Si es necesario, añade condiciones de visualización para mostrar el bloque solo cuando haya ciertos datos disponibles para el contacto.
Una vez validada la configuración, personaliza la apariencia del bloque directamente en el diseño: disposición, colores, botones, textos, enlaces y espaciado.
Utiliza las variables de producto disponibles.
Las variables te permiten mostrar información del producto de forma dinámica en tu bloque.
Al crear el bloque, Splio muestra las variables disponibles según la fuente de datos seleccionada. Cada variable corresponde a información que se puede usar en el bloque, como el nombre del producto, su imagen, su precio o su URL.
Las variables ofrecidas pueden variar según el tipo de bloque utilizado.
Agregar condiciones de visualización
Las condiciones permiten controlar la visualización de un bloque en función de los datos disponibles para cada contacto.
Abre el bloque de producto en el diseñador.
Accede a su configuración.
Agrega una condición de visualización.
Selecciona la variable o el campo que deseas utilizar.
Selecciona el operador adecuado e introduce el valor esperado.
Valida la condición y luego previsualiza el diseño para comprobar el comportamiento del bloque.

3. Mejores prácticas
Limita el número de productos que se muestran para que tu email sea claro y legible.
Resalta la información esencial:
imagen ;
nombre del producto;
precio ;
botón o enlace de acceso.
Evita modificar una estrategia de recomendación que ya se utiliza en varios diseños sin verificar su impacto.
En el caso de carritos abandonados o confirmaciones de pedidos, comprueba que los datos se hayan recuperado correctamente antes de activar la campaña.
Prueba la representación con varios perfiles de contacto siempre que sea posible, ya que los datos disponibles pueden variar de un contacto a otro.
Siempre previsualiza el diseño antes de activarlo.
4. Preguntas frecuentes
P: ¿Puedo crear un bloque de producto sin usar Liquid?
R: Sí. Esta función permite crear bloques de producto sin escribir código Liquid. Las variables disponibles son directamente accesibles desde la interfaz y se pueden configurar en el designer.
P: ¿Por qué algunos productos no aparecen en mi correo electrónico?
R: Son posibles varias causas.
El contacto no dispone de los datos necesarios;
una variable utilizada en el bloque está vacía;
Una condición de visualización impide que el bloque se muestre.
Previsualiza el diseño con diferentes contactos para identificar el origen del problema.
P: ¿Puedo mostrar un carrito abandonado en un email?
R: Sí, si dispones de datos de carritos abandonados en tu entorno. Simplemente selecciona la fuente de datos adecuada al crear el bloque de producto.
P: ¿Puedo mostrar los productos que un contacto ha visto recientemente?
R: Sí, siempre y cuando el seguimiento web esté activo y los datos de navegación se carguen correctamente en Splio.
P: ¿Puedo cambiar la apariencia del bloque de producto?
A: Sí. La configuración del bloque permite definir el origen de datos y las variables que se mostrarán. La personalización visual se realiza posteriormente en el designer: colores, botones, texto, enlaces, espaciado y disposición.
P: ¿Por qué la vista previa en el designer podría ser diferente del renderizado final?
R: Parte del contenido depende de los datos disponibles en el momento del envío. Se recomienda previsualizar el diseño con diferentes contactos para comprobar el resultado final.

