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.
- Quieres colocar texto o imágenes uno al lado del otro.
- 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 Estilos > Diseño) | 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) | 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
Para usar el apilamiento en móvil y las vistas previas en móvil, asegúrate de que Optimizar para móvil esté activado en la configuración Estilos > Optimización para móvil del correo electrónico.
- Dentro de una plantilla de correo electrónico, arrastra un bloque de División al lienzo.
- En Selector de columnas, cambia entre los lados izquierdo y derecho de la división.
- En Contenido de la columna, elige si el lado de la división que está seleccionado actualmente debe incluir una imagen o texto.
- Para texto, haz doble clic en el texto en el lienzo del correo e ingresa tu contenido. Para una imagen, usa los controles de imagen en la barra lateral para seleccionar o subir una imagen.
- Repite el proceso para el otro lado de la división.
- Abre la pestaña Estilos del bloque.
- En Diseño, cambia Ancho de col. 1 o Ancho de col. 2 para establecer los anchos de las columnas como porcentajes. La otra columna se ajusta automáticamente para que el total se mantenga en 100 %.
- Configura Spacing para ajustar el espacio entre las columnas en píxeles.
- En Apilamiento en dispositivos móviles en la pestaña Estilos del bloque, elige De izquierda a derecha o De derecha a izquierda para apilar las columnas, o Sin apilamiento para mantenerlas una junto a la otra.
- Haz clic en Vista previa y luego cambia entre Escritorio y Móvil para revisar los anchos de las columnas, el espaciado y el apilamiento.
Recursos adicionales
- Cómo crear bloques dinámicos en un correo electrónico de flujo
Aprende cómo usar bloques de tablas dinámicas para agregar información de productos y de otros eventos a tus flujos activados por métricas. En este artículo, aprenderás a crear un bloque dinámico usando el ejemplo de un recordatorio de carrito abandonado que muestra los productos que se dejaron atrás.
- Cómo añadir columnas a un correo electrónico
Aprende a agregar columnas a tus correos electrónicos cuando sea necesario para que las plantillas sean más atractivas. Hay algunas formas de agregar columnas a las plantillas. En este artículo se explican todas las formas de agregar columnas a tu correo electrónico y cómo optimizar el diseño según el dispositivo.