Cómo usar un bloque de división en un correo electrónico
Objetivos del artículo
Descubre cómo usar un bloque de división para organizar contenido en paralelo en Klaviyo.
Cuándo usar un bloque de división
Hay 3 maneras de organizar contenido lado a lado con el editor de correo electrónico de Klaviyo: bloque de división, columnas y bloque de tabla. Cada opción ofrece ciertas ventajas y concesiones. Un bloque de división es mejor cuando:
- Necesitas 2 columnas y quieres tener control total sobre el ancho de cada una.
- Solo necesitas colocar texto o imágenes lado a lado, ya que no se admiten otros tipos de contenido.
- Te conviene elegir si las columnas se apilan en dispositivos móviles o permanecen una junto a la otra.
Obtén más información sobre los bloques de división, las columnas y las tablas en la siguiente gráfica.
Diseño del contenido | Número de columnas | Opciones de ancho | Tipos de contenido permitidos | ¿Las columnas se pueden apilar en la vista móvil? |
Bloque de división | 2 | Control preciso (Usa Configuración de división > Anchos de columna) | Solo imagen o texto | Sí |
Columnas | 1-4 | Selección limitada | Cualquier tipo de bloque de contenido (p. ej., bloque de texto, bloque de imagen, bloque de cita de reseña) | Sí |
Bloque de tabla | Cualquier número | Control preciso (Usa Ancho de columna > Manual) | Solo imagen o texto | No |
Las tablas pueden ser difíciles para la accesibilidad, ya que a los lectores de pantalla les cuesta analizarlas.
Agrega un bloque de división a una plantilla de correo electrónico
- Dentro de una plantilla de correo electrónico, arrastra un bloque de División al lienzo.
- En Selector de columnas, alterna entre los lados izquierdo y derecho de la división.
- En Contenido de la columna, elige si el lado seleccionado actualmente de la división debe contener una imagen o texto.
- Agrega tu texto o imagen en el campo de abajo.
- Repite el proceso para el otro lado de la división.
- Abre la pestaña Estilos del bloque.
- Establece el ancho de cada columna como un porcentaje del total. Los porcentajes deben sumar 100 %.
- Establece el relleno entre los lados de la división debajo de los campos de ancho de columna.
Recursos adicionales
- How to build dynamic blocks in a flow email
Learn how to use dynamic table blocks to add product and other event information to your metric-triggered flows. In this article, you'll learn how to create a dynamic block using the example of an abandoned cart reminder showing the products that were left behind.
- How to add columns to an email
Learn how to add columns to your emails when needed to make your templates more aesthetically pleasing. There are a few ways to add columns to your templates. This article will run through all the ways you can add columns to your email and how to optimize your design based on device.