Cómo mostrar productos verticalmente en emails

Qué aprenderás

Descubre cómo mostrar productos en tus flujos de carrito abandonado y confirmación de pedido en vertical (es decir, con una imagen encima de la información del producto, en lugar de al lado).

Crear un bloque de productos vertical

Las instrucciones que se indican a continuación te ayudarán a convertir un bloque de producto horizontal existente en un bloque de producto vertical. Si todavía no tienes un email de flujo que contenga un bloque de contenido dinámico, encuentra uno en la biblioteca de flujos.

1. Selecciona Flujos en la barra lateral de Klaviyo.
2. Ve a tu flujo de carrito abandonado o de confirmación de pedido.
3. Haz clic en Actualizar estados de acciones en la esquina superior derecha para configurar el flujo como manual mientras editas.
4. Abre un email en el flujo que contenga tu bloque de contenido dinámico (es decir, el bloque de tabla que muestra los productos del carrito de una persona).
5. Añade una nueva sección inmediatamente debajo del bloque de tabla dinámica.
   

6. Añade un bloque de imagen y un bloque de tabla a tu nueva sección.
7. Copia los valores de Configuración de la tabla > Recopilación de filas y Configuración de la tabla > Alias de fila.
8. Ve a Opciones de visualización y haz clic en Crear reglas de repetición.
   

9. Pega los valores de tu bloque de tabla en los campos Repetir para y Alias de elemento, respectivamente.
   

10. En el bloque de tabla, haz clic en Reemplazar en Imagen dinámica.
    

11. En el modal que aparece, copia todo lo que haya en el campo Variable dinámica o URL dinámica.
    

12. Haz clic en el bloque de imagen de tu nueva sección.
13. Haz clic en Explorar repositorio de imágenes.
14. Selecciona Imagen dinámica y pega la URL dinámica.
15. Pulsa Guardar.
16. Copia la etiqueta que aparece en el campo Link address de tu bloque de tabla.
    

17. Pega esta etiqueta en el campo Dirección del enlace de tu nuevo bloque de imagen.
18. Copia el contenido de texto de tu bloque de tabla original.
    

19. Pega el texto en tu nuevo bloque de texto.
20. Previsualiza tu email para asegurarte de que toda la información del producto aparece en la nueva sección. Si algo parece incorrecto, comprueba que todos los elementos (es decir, la recopilación de filas, el alias de fila, la URL de imagen dinámica y el contenido de texto) se han transferido correctamente.
21. Cuando estés satisfecho con la nueva sección, elimina el bloque de tabla original.
22. Si quieres, guarda la nueva sección como contenido universal para usarla en otros mensajes dentro del flujo.

Resultado

Después de seguir estos pasos, tu email contendrá un bloque de producto vertical (con imágenes sobre la información del producto), en lugar de imágenes e información del producto mostradas horizontalmente.

Recursos adicionales