Cómo añadir columnas a un correo electrónico
Objetivos del artículo
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.
Cuándo usar un bloque de división, columnas o una tabla
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.
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.
Añadir un bloque de división a un correo electrónico
Para agregar un bloque de división a un correo electrónico:
- Arrastra un bloque de 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 del bloque de división debe incluir texto o una imagen.
- Haz clic en los íconos debajo de Selector de columnas para cambiar entre las columnas.
- Haz clic en Guardar para guardar el bloque.
Añadir columnas a un correo electrónico
Para añadir columnas a un correo electrónico:
- Arrastra la opción Columnas en Diseño para crear columnas en tu correo electrónico.
- Elige el diseño que quieras entre las opciones de la ventana modal.
- Arrastra bloques de cualquier tipo a tus columnas.
A diferencia del bloque de división, puedes usar cualquier bloque, tener varios bloques en la misma columna y elegir tener más de dos columnas. Por ejemplo, este es un correo electrónico con una imagen de un lado y texto y un botón del otro.
Además, cuando un navegador móvil abre el correo electrónico, las columnas se apilarán una encima de la otra, y el lado izquierdo se apilará encima del lado derecho. Si no quieres que las columnas se apilen en dispositivos móviles, elige usar un bloque de tabla.
Añade un bloque de tabla a un correo electrónico
Puedes usar un bloque de tabla para crear columnas en tu correo electrónico. Aunque los bloques de tabla solo pueden contener texto e imágenes, te permiten personalizar los correos electrónicos con columnas, manteniendo columnas una al lado de la otra en dispositivos móviles. Al igual que con cualquier bloque, arrastra y suelta un bloque de tabla en tu correo electrónico para comenzar.
Para modificar la apariencia del bloque de tabla, ve a la configuración del bloque, donde puedes ajustar el relleno, o 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 la tabla. Si tienes una tabla con muchas columnas, es probable que solo se vea ideal en escritorio. Para cambiar u ocultar una columna en dispositivos móviles, ajusta la configuración en la pestaña de columna.
Para obtener más información sobre el diseño de correos electrónicos, consulta nuestro curso sobre diseño de correos electrónicos
Recursos adicionales
- Cómo añadir el nombre del destinatario a un correo electrónico, SMS o notificación push
Descubre cómo añadir una variable que complete de forma dinámica el nombre de los destinatarios en un mensaje de correo electrónico, 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 correo electrónico.
- Mejores prácticas para la accesibilidad de correos electrónicos y formularios
Descubre cómo hacer que tus correos electrónicos y formularios de registro sean más accesibles. Cuando diseñes los correos electrónicos y formularios de registro, asegúrate de que los diseños sean accesibles para todos los destinatarios.