Editor de correo electrónico: Elementos de contenido

Los elementos de contenido son los componentes básicos que se colocan dentro de las estructuras. Cada tipo de elemento gestiona un tipo de contenido específico y tiene su propia configuración. Arrastre elementos desde el panel Elementos de la izquierda hacia las columnas de su lienzo. También puede arrastrar elementos entre estructuras que ya están en el lienzo.

Encabezado

Los elementos de encabezado crean jerarquía visual en su correo electrónico: títulos, cabeceras de sección y subtítulos. Hay varios niveles de encabezado disponibles (H1, H2, H3) con estilos predeterminados definidos en su panel Estilo de correo. Use encabezados para que los lectores puedan escanear su mensaje con rapidez.

Texto

El elemento de texto es para el cuerpo del contenido. Haga clic en él para abrir un editor de texto enriquecido donde puede dar formato a la fuente, el tamaño, el color, la alineación y el espaciado. Puede añadir enlaces, insertar marcadores de posición de personalización e incluir imágenes en línea. Para bloques de texto condicionales, puede usar estructuras if directamente dentro de los elementos de texto.

Línea

Una línea horizontal que separa secciones visualmente. Configurable en color, grosor, ancho y relleno.

Espaciador

Añade espacio en blanco vertical entre elementos. Es más fiable que usar párrafos vacíos en los elementos de texto, especialmente en diferentes clientes de correo.

Botón

Los botones son su principal llamada a la acción. Son más visibles que los enlaces de texto y dejan claro cuál es el siguiente paso de inmediato. Totalmente personalizable: etiqueta, URL, color, relleno, radio de borde y fuente. Consulte «Añadir una llamada a la acción (botón)» para obtener instrucciones detalladas.

Imagen

Añada imágenes arrastrando el elemento de imagen a una columna. Cargue directamente, elija de su biblioteca de medios o pegue una URL. Tras colocarla, configure el texto alternativo, un enlace, el ancho y la alineación en el panel derecho. Consulte «Añadir una imagen (animada)» para obtener instrucciones detalladas.

Redes sociales

Añade iconos de redes sociales con enlaces a sus perfiles. Los iconos y las URL se rellenan previamente desde la configuración de redes sociales de su cuenta en Ajustes > Redes sociales. Puede elegir qué plataformas mostrar y en qué orden.

Lista

Un elemento de lista con viñetas estilizadas. Útil para listas de características, resúmenes de pasos o cualquier contenido que se lea mejor como lista. Admite marcadores de posición de personalización y enlaces.

Consejo de soporte Puede arrastrar elementos no solo desde el panel hacia el lienzo, sino también entre estructuras que ya están en el lienzo. Agarre cualquier elemento y arrástrelo a una nueva posición, dentro de la misma estructura o en una diferente.

Estilo de elemento (ajustes del elemento)

Después de hacer clic en un elemento, puede configurarlo mediante el panel Estilo de elemento que aparecerá a la derecha. Los ajustes exactos que encontrará aquí pueden variar según el elemento seleccionado y si está viendo la versión de escritorio o la versión móvil de su correo.

Todos los ajustes de este panel están agrupados en secciones como Contenido, Diseño, Visibilidad... y se pueden configurar de forma independiente para Escritorio y para Móvil mediante las pestañas superiores. El panel Estilo de elemento permanecerá sincronizado con su vista actual: si la versión móvil de su elemento tiene ajustes diferentes a los de su versión de escritorio, se indicará con un punto.

Errores comunes que debe evitar

Usar párrafos vacíos en los elementos de texto para el espaciado. Se comportan de forma inconsistente entre clientes de correo. Use un elemento Espaciador en su lugar.
Usar el elemento HTML sin probarlo en distintos clientes. El HTML en línea que se ve correctamente en un cliente puede romperse en otros. Ejecute la Comprobación de mensaje después de añadir cualquier elemento HTML.
Olvidar el texto alternativo en los elementos de imagen. Cualquier imagen sin texto alternativo es invisible para los lectores de pantalla y aparece como un cuadro en blanco cuando las imágenes están bloqueadas. Rellene siempre el campo de texto alternativo.
Usar varios niveles de encabezado sin una jerarquía clara. H1 debe ser el título principal del artículo, H2 para las secciones y H3 para las subsecciones. El uso inconsistente de encabezados hace que su correo sea más difícil de escanear.

Próximos pasos

Consulte «Añadir una llamada a la acción (botón)» para obtener orientación sobre cómo escribir etiquetas de botón efectivas y posicionarlas.
Consulte «Textos alternativos» para obtener orientación sobre cómo escribir texto alternativo efectivo para los elementos de imagen.
Consulte «Editor de correo electrónico: ajustes de estilo de correo» para configurar los estilos predeterminados que heredan todos los elementos.