Editor de correo electrónico: Estructuras

Las estructuras son los componentes básicos del diseño de su correo electrónico. Antes de añadir cualquier contenido, debe colocar una estructura en el lienzo. Una estructura define cuántas columnas tiene una fila, y los elementos de contenido van dentro de esas columnas.

Qué hacen las estructuras

Una estructura es una fila de cuadrícula. Determina cómo se divide su contenido horizontalmente: una columna, dos columnas, tres columnas, etc. El editor de correo electrónico ofrece varios diseños de columnas predefinidos para elegir.

Las estructuras también son las que hacen que su correo sea responsivo. Cuando su correo se lee en un dispositivo móvil, las columnas dentro de la misma estructura se apilan verticalmente. Esto es importante tenerlo en cuenta al diseñar: dos imágenes una al lado de la otra en una estructura de dos columnas aparecerán una encima de la otra en móvil.

Consejo de soporte Para correos con artículos que tienen cada uno una imagen y texto, use una estructura separada para cada artículo. De este modo, cada imagen y su texto se apilan correctamente en móvil, en lugar de que todas las imágenes aparezcan antes que todo el texto.

Añadir una estructura

 Abra el panel Estructuras en la navegación izquierda.

 Encuentre el diseño de columnas que desea.

 Arrástrelo al lienzo. Una línea indicadora azul muestra dónde se colocará.

 Una vez colocado, arrastre elementos del panel Elementos a las columnas.

Reorganizar estructuras

Para mover una estructura, agarre el controlador en su lado izquierdo y arrástrela a la nueva posición. Una línea indicadora morada muestra dónde se colocará al soltar.

Ajustes de estructura

Haga clic en cualquier estructura del lienzo para abrir sus ajustes en el panel derecho. Puede configurar:
Color de fondo para la estructura.
Relleno interior de la estructura.
Anchos de columna para estructuras multicolumna.
Reglas de contenido dinámico: mostrar u ocultar la estructura para contactos específicos según condiciones.
Visibilidad específica en móvil: ocultar la estructura completamente en móvil si es necesario.

Duplicar y eliminar

Cada estructura tiene una pequeña barra de herramientas en su parte inferior derecha con iconos para duplicarla o eliminarla. Duplicar copia la estructura y todo su contenido, lo que resulta útil al crear un boletín de varios artículos con el mismo diseño repetido.

Consejos profesionales

Use estructuras de una sola columna para su cabecera y pie de página, y estructuras multicolumna para las filas de contenido. Esto evita que el texto de la cabecera y el pie de página se corte de forma extraña en móvil.
Si una sección debe ocultarse en móvil, use el selector de visibilidad móvil en los ajustes de estructura en lugar de intentar gestionarlo con relleno o tamaño de fuente.
Duplique una estructura para copiar una fila con estilo incluidos todos sus ajustes de elementos, más rápido que reconstruir desde cero.

Errores comunes que debe evitar

Poner varios artículos en una sola estructura. Si tiene dos artículos uno al lado del otro en una estructura de dos columnas y uno tiene un texto mucho más largo, el diseño parecerá desequilibrado. Use una estructura por artículo.
Usar relleno para simular varias estructuras. Esto hace que el diseño sea más difícil de editar y mantener. Cada sección lógica de su correo debe ser su propia estructura.
No previsualizar la vista móvil después de crear el diseño. El comportamiento de apilamiento en móvil puede dar resultados inesperados; compruebe siempre el selector móvil antes de enviar.

Próximos pasos

Consulte «Editor de correo electrónico: elementos de contenido» para conocer todos los tipos de elementos que puede colocar dentro de las estructuras.
Consulte «Configurar contenido dinámico» para usar el panel de contenido dinámico a nivel de estructura y personalizar el diseño de su correo.