Editor Drag and Drop: Insertar columnas en una plantilla de email

¿Qué son las columnas?

Las columnas son bloques estructurados que permiten dividir el espacio de contenido en dos o tres secciones verticales dentro de la plantilla, para así poder distribuir imágenes, texto, botones, etc., de forma más ordenada.

Cuándo usar columnas

El uso de columnas es recomendable cuando se quiere:

• Comparar elementos: por ejemplo, diferentes planes, productos o características.
• Presentar información breve en paralelo: como beneficios, íconos con texto, testimonios o métricas destacadas.
• Distribuir imágenes y texto de forma equilibrada: colocando, por ejemplo, una foto en una columna y una descripción en la otra.
• Mejorar la experiencia visual: evitando grandes bloques de texto de ancho completo que dificultan la lectura.

Nota: en dispositivos móviles, las columnas serán visualizadas en vertical (apiladas). Por eso se recomienda usarlas en casos donde esta adaptación no afecte la claridad del mensaje.

Condiciones para usar columnas

IMPORTANTE: Los bloques de 2 y 3 columnas solo pueden utilizarse en plantillas base de tipo “Normal” o “Ancho completo”, o en cualquier otra plantilla que no posea "columnas" en su estructura base. 

Si la plantilla ya incluye columnas predefinidas en su estructura, no es posible insertar nuevos bloques de este tipo. 

Puedes tener más de un bloque de columnas en diferentes secciones de una misma plantilla, siempre que la plantilla base lo permita.

 

Pasos para insertar columnas en una plantilla

1.    Abrir o crear plantilla en el editor Drag & Drop
Ingresa al editor de plantillas Drag & Drop desde tu cuenta en DataCrush.
 

2.    Seleccionar la plantilla base correcta
Elige una plantilla de tipo Normal o Ancho completo. Solo estas permiten agregar bloques de 2 y 3 columnas.

 

3.    Dentro del editor agregar un bloque de columnas
    •    En el panel de contenido del editor, localiza la opción "2 Columnas" o "3 columnas"
    •    Arrastra el bloque hasta la sección de la plantilla donde quieras insertarlo.

 

4.    Agregar contenido a cada columna
    •    Dentro de cada columna puedes incluir texto, imágenes, botones u otros elementos disponibles en el editor. No pueden ser utilizadas columnas dentro de otras columnas.

5.    Previsualizar en diferentes dispositivos
    •    Revisa cómo se adapta el diseño en escritorio y en dispositivos móviles.
    •    Ajusta el contenido si alguna columna se ve sobrecargada o pierde legibilidad en pantallas pequeñas.

Recomendaciones

Mantén las columnas simples, con pocos elementos, para que el diseño no se vea saturado. 

Asegúrate de que las imágenes sean livianas y de tamaño proporcional a la columna que ocupan. 

Envía siempre un email de prueba antes de realizar el envío final para confirmar que el diseño se adapta correctamente en distintos clientes de correo y dispositivos.