Cómo añadir columnas a un correo electrónico

Hola: 4 minutos de lectura
|
Actualizado 17 dic 2024, 18:56 EST
Qué aprenderás

Qué aprenderás

Aprenda a añadir columnas a sus correos electrónicos cuando sea necesario para que sus plantillas sean más estéticas. Hay varias formas de añadir columnas a sus plantillas. Este artículo repasará todas las formas en que puede añadir columnas a su correo electrónico y cómo optimizar su diseño en función del dispositivo.

Cuándo utilizar un bloque dividido, columnas o una tabla

Cuándo utilizar un bloque dividido, 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: bloque dividido, columnas y bloque de tabla. Cada opción ofrece ciertas ventajas e inconvenientes. 

Bloque dividido
  • Exactamente 2 columnas
  • Control preciso de la anchura de cada columna mediante la opción Anchuras de columna de los ajustes de división
  • Elige entre una imagen o un texto para cada lado de la división
  • No se pueden añadir otros bloques (por ejemplo, bloques de tablas, bloques de productos, bloques de botones) dentro de un bloque dividido
  • Especifique si las columnas deben apilarse en el móvil o permanecer una al lado de la otra
Columnas
  • Elija el número de columnas (1-4)
  • Selección limitada de opciones de anchura
  • Añada cualquier tipo de contenido (por ejemplo, bloque de texto, bloque de imagen, bloque de cita de revisión) dentro de una columna 
  • Siempre se apilan en el móvil cuando la optimización para móviles está activada
  • No pueden colocarse dentro de secciones existentes; en su lugar, colóquelas entre secciones 
Bloque de mesa
  • Elija cualquier número de columnas 
  • Cada columna tiene la misma anchura
  • Elija entre una imagen o un texto para cada columna
  • No se pueden añadir otros bloques (por ejemplo, bloques de tabla, bloques de productos, bloques de botones) dentro de un bloque de tabla
  • Las columnas permanecen lado a lado en los móviles
  • Las tablas pueden ser un reto para la accesibilidad, ya que los lectores de pantalla tienen dificultades para analizarlas
Bloque dividido

Bloque dividido

Para añadir un bloque dividido a un correo electrónico: 

  1. Arrastre un bloque Dividir a su plantilla. 
  2. Ajuste los porcentajes de Disposición para personalizar la anchura de las 2 columnas.
  3. En la sección Contenido, elija si cada lado de su bloque dividido debe contener texto o una imagen.
  4. Haga clic en los iconos situados bajo Selector de columnas para pasar de una columna a otra.
  5. Haga clic en Guardar para guardar el bloque.
Columnas 

Columnas 

Para añadir columnas a un correo electrónico:

  1. Arrastre la opción Columnas en Diseño para crear columnas en su correo electrónico.
  2. Elija el diseño que desee entre las opciones del modal. 
  3. Arrastre bloques de cualquier tipo a sus columnas. 

A diferencia del bloque dividido, puede 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.

Un ejemplo de columna con texto y botones a la izquierda, y una imagen a la derecha

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 desea que sus columnas se apilen en el móvil, opte por utilizar un bloque de tabla.

Bloque de mesa

Bloque de mesa

Puede utilizar un bloque de tabla para crear columnas en su correo electrónico. Aunque los bloques de tabla sólo pueden contener texto e imágenes, le permiten personalizar sus correos electrónicos con columnas manteniendo las columnas de lado a lado en el móvil. Como cualquier bloque, arrastre y suelte un bloque de tabla en su correo electrónico para empezar.

 

Para modificar el aspecto del bloque de tabla, diríjase a la configuración del bloque, donde podrá ajustar el relleno, o espaciado, alrededor de las columnas, así como los colores de los bordes y los tipos de letra.

Para optimizar la experiencia móvil, pruebe la vista móvil de su mesa. Si tiene 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, ajuste la configuración en la pestaña de columna.

Para más información sobre el diseño de correos electrónicos, consulte nuestro curso sobre diseño de correos electrónicos

Recursos adicionales

Recursos adicionales

¿Te ha resultado útil este artículo?
Utiliza este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar con el servicio de asistencia.

Descubre más de Klaviyo

Comunidad
Conecta con compañeros, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Formación en directo
Únete a una sesión en directo con expertos de Klaviyo para conocer las prácticas recomendadas, cómo configurar funciones clave y mucho más.
Asistencia

Accede al servicio de asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia por chat/virtual
La disponibilidad varía según la ubicación y el tipo de plan