Cómo añadir columnas a un email
Qué aprenderás
Aprende a añadir columnas a tus emails cuando sea necesario para que tus plantillas sean más atractivas. Hay varias formas de añadir columnas a tus plantillas. En este artículo se explicarán todas las formas de añadir columnas a tu email y cómo optimizar tu diseño en función del dispositivo.
Cuándo usar un bloque de división, columnas o una tabla
Hay 3 formas de organizar contenido en paralelo con el editor de email de Klaviyo: bloque de división, columnas y bloque de tabla. Cada opción ofrece ciertas ventajas y compromisos.
Diseño del contenido | Número de columnas | Opciones de ancho | Tipos de contenido permitidos | ¿Se pueden apilar las columnas en la vista móvil? |
Bloque de división | 2 | Control preciso (Usa Ajustes 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 un reto para la accesibilidad, ya que los lectores de pantalla tienen dificultades para interpretarlas.
Añadir un bloque de división a un email
Para añadir un bloque de división a un email:
- Arrastra un bloque división a tu plantilla.
- Ajusta los porcentajes de Diseño para personalizar el ancho de las 2 columnas.
- En la sección Contenido, elige si cada lado de tu bloque de división debe contener texto o una imagen.
- Haz clic en los iconos debajo de Selector de columnas para cambiar entre las columnas.
- Haz clic en Guardar para guardar el bloque.
Añadir columnas a un email
Para añadir columnas a un email:
- Arrastra la opción Columnas en Diseño para crear columnas en tu email.
- Elige el diseño que quieras entre las opciones del modal.
- Arrastra bloques de cualquier tipo a tus columnas.
A diferencia del bloque de división, puedes usar cualquier bloque, tener varios bloques dentro de la misma columna y elegir tener más de dos columnas. Por ejemplo, este es un email con una imagen en un lado y texto y un botón en el otro.
Además, cuando un navegador móvil abre el email, las columnas se apilarán una encima de otra, y el lado izquierdo se apilará encima del derecho. Si no quieres que tus columnas se apilen en dispositivos móviles, opta por usar un bloque de tabla.
Añadir un bloque de tabla a un email
Puedes usar un bloque de tabla para crear columnas en tu email. Aunque los bloques de tabla solo pueden contener texto e imágenes, te permiten personalizar tus emails con columnas, manteniendo columnas en paralelo en dispositivos móviles. Igual que cualquier bloque, arrastra y suelta un bloque de tabla en tu email para empezar.
Para modificar el aspecto del bloque de tabla, ve a la configuración del bloque, donde puedes ajustar el relleno, o el espaciado, alrededor de las columnas, así como los colores de borde y las fuentes.
Para optimizar la experiencia móvil, prueba la vista móvil de tu tabla. Si tienes una tabla con muchas columnas, es probable que solo se vea ideal en escritorio. Para cambiar u ocultar una columna en móvil, ajusta la configuración en la pestaña de columna.
Para obtener más información sobre el diseño de email, consulta nuestro curso sobre diseño de email
Recursos adicionales
- Cómo añadir un nombre a un email, un SMS o un mensaje push
Descubre cómo añadir una variable que complete de forma dinámica el nombre de los destinatarios en un mensaje de email, un SMS o una notificación push. Se pueden usar en campañas y flujos, en el cuerpo de cualquier mensaje y en el asunto de un email.
- Referencia de las prácticas recomendadas para la accesibilidad en emails y formularios
Descubre cómo hacer que tus emails y formularios de registro sean más accesibles. Al diseñar tus emails y formularios de registro, querrás asegurarte de que tus diseños sean accesibles para todos tus destinatarios.