Cómo mostrar los productos verticalmente en los correos electrónicos
Aprox. 2 minutos de lectura
|
Actualizado 4 dic 2025, 0:00 EST
Qué aprenderás
Aprenda a mostrar los productos en sus flujos de carrito abandonado y confirmación de pedido verticalmente (es decir, con una imagen encima de la información del producto, en lugar de al lado).
Crear un bloque de producto vertical
Las instrucciones siguientes le ayudarán a convertir un bloque de producto horizontal existente en un bloque de producto vertical. Si aún no dispone de un correo electrónico de flujo que contenga un bloque de contenido dinámico, busque uno en la biblioteca de flujos.
- Seleccione Flujos en la barra lateral de Klaviyo.
- Navegue hasta su carrito abandonado o flujo de confirmación de pedido.
- Haga clic en Actualizar estados de acción en la parte superior derecha para establecer el flujo en Manual mientras edita.
- Abra un mensaje en el flujo que contenga su bloque de contenido dinámico (es decir, el bloque de tabla que muestra los productos del carrito de alguien).
- Añada una nueva sección inmediatamente debajo del bloque de tabla dinámica.
- Añada un bloque de imagen y un bloque de tabla a su nueva sección.
- Copie los valores de Configuración de la tabla > Colección de filas y Configuración de la tabla > Alias de filas.
- Vaya a Opciones de visualización y haga clic en Crear reglas de repetición.
- Pegue los valores de su bloque de tablas en los campos Repetir para y Alias de artículo, respectivamente.
- En su bloque de tabla, haga clic en Reemplazar bajo Imagen dinámica.
- En el modal que aparece, copie todo lo que hay en el campo Variable dinámica o URL dinámica.
- Haga clic en el bloque de imagen de su nueva sección.
- Haga clic en Examinar biblioteca de imágenes.
- Seleccione Imagen dinámica y pegue la URL dinámica.
- Pulse Guardar.
- Copie la etiqueta que aparece en el campo Dirección del enlace de su bloque de tabla.
- Pegue esta etiqueta en el campo Dirección del enlace de su nuevo bloque de imágenes.
- Copie el contenido del texto de su bloque de tabla original.
- Pegue el texto en su nuevo bloque de texto.
- Previsualice su correo electrónico para asegurarse de que toda la información sobre el producto aparece en la nueva sección. Si algo parece incorrecto, compruebe que todos los elementos (es decir, la colección de filas, el alias de fila, la URL de la imagen dinámica y el contenido del texto) se transfieren correctamente.
- Cuando esté satisfecho con la nueva sección, elimine el bloque de tabla original.
- Opcionalmente, guarde la nueva sección como contenido universal para utilizarla en otros mensajes dentro del flujo.
Resultado
Tras seguir estos pasos, su correo electrónico contendrá un bloque de productos vertical (con imágenes sobre la información del producto), en lugar de imágenes de productos e información mostradas horizontalmente.
Recursos adicionales
- Mejores prácticas de diseño de correo electrónico en modo oscuro
Conozca el modo oscuro, un ajuste del dispositivo que algunos usuarios activan para oscurecer sus pantallas. Este ajuste influye en la forma en que se muestran los correos electrónicos. El modo oscuro es un ajuste del usuario final que se selecciona a nivel del dispositivo, y Klaviyo no tiene control directo sobre cómo se implementa el modo oscuro en cada dispositivo.
- Cómo actualizar los estilos de su marca en Klaviyo
Aprenda qué debe actualizar en Klaviyo cuando cambie de marca o refresque el diseño de su marca.
¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.