Paso a paso
1) Crea la fila dinámica de productos
Dentro de tu campaña o plantilla, ve al panel derecho y haz clic en Filas.
Abre el desplegable y selecciona Filas dinámicas.
Elige el tipo de fila dinámica según tu objetivo comercial.
En el tutorial de ejemplo se usa Productos por SKU.
2) Selecciona los productos a mostrar
Este paso solo aplica si seleccionas la opción de Filas Dinámicas: Productos por SKU.
En la configuración de la fila dinámica, selecciona cómo vas a identificar los productos:
Por nombre (más rápido si no tienes los SKU a mano)
Por SKU
Selecciona uno por uno los productos que quieres incluir en esa fila.
3) Define el diseño de la fila
Desplázate en la configuración hasta las opciones de diseño.
Elige cómo quieres que se visualicen los productos:
Vertical (opción del ejemplo)
Horizontal
4) Elige qué campos del producto se muestran
En la configuración, define qué información aparecerá en la fila. Por ejemplo:
Mostrar:
Imagen
Nombre del producto
Precio de lista
Opcional:
Descripción (recomendación: evitarla si suele ser muy larga)
SKU (en el ejemplo se quita) Si es relevante para tu comunicación, puedes agregar este ítem.
Luego:
Selecciona el tipo de moneda.
Si aplica, activa cuotas (se completan automáticamente).
Define el texto del Call to Action (por ejemplo: “Comprar” o el que prefieras).
Haz clic en Guardar.
5) Inserta la fila en la plantilla
Al guardar, la fila dinámica quedará disponible en el panel derecho.
Arrástrala y suéltala dentro de tu plantilla de email.
Personalización y ajustes de diseño (recomendado)
6) Ajusta fuentes y estilos base
Una vez insertada la fila:
Cambia las fuentes para que coincidan con el estilo de la campaña.
Ajusta el color del botón según tu diseño.
Haz una primera vista previa para revisar cómo se ve.
7) Corrige alineación (textos, precio y botón)
Si notas problemas típicos como:
Precio muy hacia la izquierda
Botón descentrado
Textos desalineados
Puedes:
Ir a la opción de Alinear.
Elegir entre:
Centrar todo, o
Alinear textos hacia la izquierda (pegándolos mejor al bloque de la imagen, pero con buen espaciado)
8) Ajusta el espaciado con relleno (padding) desde la estructura de columnas
Si el título queda “muy arriba” o los textos quedan demasiado pegados:
Haz clic por fuera de los textos, seleccionando la fila/bloque (no un elemento puntual).
Entra en Estructura de columnas.
Identifica los bloques (por ejemplo, uno más pequeño para imagen y uno más grande para texto).
Ajusta el relleno superior (padding top) en el bloque de texto para:
Bajar el título
Bajar también el precio y el botón
Si necesitas mover los textos un poco hacia la derecha:
Agrega relleno en el lado correspondiente para dar aire entre imagen y texto
Luego revisa nuevamente en vista previa.
9) Ajusta el estilo del título y mejorar legibilidad
Para afinar el diseño:
Haz clic específicamente en el campo del título del producto (no en toda la fila).
Ajusta:
Tamaño del texto (reducir un poco si es necesario)
Negrita
Color (si aplica)
10) Agregar separadores para ordenar visualmente
Si quieres “limpiar” el diseño y separar mejor los elementos:
Inserta un contenido tipo Separador cerca del título (por arriba o por abajo).
Esto ayuda a dividir visualmente el encabezado del producto y a mejorar el orden del bloque.
Resultado final esperado
Al finalizar, deberías ver:
Productos bien organizados (en vertical, según el ejemplo)
Títulos, precios y botones alineados
Textos con buen espaciado respecto a las imágenes
Botón con el estilo de tu campaña
Una fila dinámica lista para reutilizar en campañas similares