Qué aprenderás
Aprende a utilizar un bloque de división para organizar el contenido uno al lado del otro en Klaviyo.
Cuándo utilizar una división bloqueCuándo utilizar una división bloque
Hay 3 formas de organizar el contenido en paralelo utilizando el editor de correo electrónico de Klaviyo: división bloque, columnas y tabla bloque. Cada opción ofrece ciertas ventajas e inconvenientes. Una división en bloque es mejor cuando:
- Necesitas 2 columnas y quieres un control total sobre la anchura de cada una.
- Sólo tienes que colocar texto o imágenes uno al lado del otro, ya que no se admiten otros tipos de contenido.
- Quieres elegir si las columnas se apilan en el móvil o permanecen una al lado de la otra.
Aprende más sobre división bloque, columnas y tablas en el siguiente cuadro.
diseño de contenidos | Número de columnas | Opciones de anchura | Tipos de contenido permitidos | ¿Pueden apilarse las columnas en la vista móvil? |
división bloque | 2 | Control preciso (Utiliza los ajustes de división > Anchos de columna) | Sólo imagen o texto | Sí |
Columnas | 1-4 | Selección limitada | Cualquier tipo de bloque de contenido (por ejemplo, bloque de texto, bloque de imagen, bloque de cita de revisión) | Sí |
Tabla bloque | Cualquier número | Control preciso (Utiliza Ancho de columna > Manual) | Sólo imagen o texto | No |
Las tablas pueden ser un reto para la accesibilidad, ya que los lectores de pantalla tienen dificultades para analizarlas.
Añadir 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 columna, activación/desactivación entre los lados izquierdo y derecho de la división.
- En Columna contenido, elige si el lado actualmente seleccionado de la división debe contener una imagen o texto.
- Añade 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 la anchura de cada columna como un porcentaje del total. Los porcentajes deben sumar 100%.
- Establece el relleno entre los lados de la división en los campos de anchura de columna.