Cómo añadir columnas a un correo electrónico
Objetivos de aprendizaje
Aprende a añadir columnas a tu correo electrónico cuando sea necesario para que tu plantilla sea más estética. Hay varias formas de añadir columnas a tu plantilla. Este artículo repasará todas las formas en que puedes añadir columnas a tu correo electrónico y cómo optimizar tu diseño en función del dispositivo.
Cuándo utilizar una división bloque, columnas o una tablaCuándo utilizar una división bloque, columnas o una tabla
Hay 3 formas de organizar el contenido uno al lado del otro utilizando el editor de correo electrónico de Klaviyo: división bloque, columnas y tabla bloque. Cada opción ofrece ciertas ventajas e inconvenientes.
| 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 un correo electrónico
Para añadir 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 la anchura de las 2 columnas.
- En la sección Contenido, elige si cada lado de tu división bloque debe contener texto o una imagen.
- Haz clic en los iconos situados bajo 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 desees entre las opciones del modal.
- Arrastra bloques de cualquier tipo a tus columnas.
A diferencia del bloque de división, puedes utilizar cualquier bloque, tener varios bloques dentro de la misma columna y elegir tener más de dos columnas. Por ejemplo, se trata de un correo electrónico con una imagen por un lado y texto y un botón por el otro.
Además, cuando un navegador móvil abra el correo electrónico, las columnas se apilarán unas sobre otras, con el lado izquierdo apilado sobre el derecho. Si no quieres que tus columnas se apilen en el móvil, opta por utilizar un bloque de tabla.
Añadir un bloque de tabla a un correo electrónicoAñadir un bloque de tabla a un correo electrónico
Puedes utilizar un bloque de tabla para crear columnas en tu correo electrónico. Mientras que los bloques de tabla sólo pueden contener texto e imágenes, te permiten personalizar tu correo electrónico con columnas manteniendo las columnas de lado a lado en el móvil. Como con cualquier bloque, arrastra y suelta un bloque de tabla en tu correo electrónico para empezar.
Para modificar el aspecto del bloque de tabla, dirígete a la configuración del bloque, donde puedes ajustar el relleno, o espaciado, alrededor de las columnas, así como los colores de los bordes 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 sólo tenga un aspecto ideal en el escritorio. Para cambiar u ocultar una columna para móviles, ajusta la configuración en la pestaña de columna.
Para más información sobre el diseño de correo electrónico, paga nuestro curso sobre diseño de correo electrónico
Recursos adicionales