La estructura de una newsletter es el orden de sus partes: lo que se ve en la bandeja de entrada (remitente, asunto y preheader), la cabecera, el bloque principal, el cuerpo, la llamada a la acción y el pie. Un mailing promocional sigue la misma estructura, solo que más corta y con un único objetivo. Si las partes están bien ordenadas, el email se lee igual de bien en el ordenador que en el móvil, donde todo se apila en una columna.
Aquí tienes cada parte, la diferencia con la estructura de un mailing, cómo adaptarla al móvil y una plantilla base para copiar.
Las partes de una newsletter
| Parte | Qué lleva | Consejo |
|---|---|---|
| Remitente | El nombre de tu marca y una dirección de tu dominio | Siempre el mismo, para que te reconozcan |
| Asunto | De qué va el email | Lo importante, al principio: en el móvil se corta antes |
| Preheader | El texto corto que se ve junto al asunto | Complétalo, no lo repitas |
| Cabecera | Logo y, si quieres, el enlace a la versión web | Ligera: que no ocupe la primera pantalla |
| Bloque principal | Titular, imagen y botón del tema estrella | Que se entienda sin hacer scroll |
| Cuerpo | Artículos, productos, novedades o un evento | Bloques cortos, cada uno con su enlace |
| Llamada a la acción | Un botón con un verbo | «Ver la oferta» mejor que «Haz clic aquí» |
| Pie | Datos de la empresa, por qué lo recibe y enlace de baja | El enlace de baja es obligatorio |
1. Remitente, asunto y preheader
No forman parte del diseño, pero deciden si se abre. El preheader es la frase que muchos programas de correo enseñan junto al asunto o debajo: si no la escribes, aparece el primer texto del email, a menudo un «Ver en el navegador».
2. Cabecera
El logo y poco más: un menú largo o una imagen muy alta empujan el contenido fuera de la primera pantalla del móvil. Más ideas en los elementos de la cabecera de una newsletter, y para quien no ve bien el email, un enlace a la versión web de la campaña.
3. Bloque principal
Es lo que el lector ve nada más abrir: un titular que diga qué gana, una imagen si aporta algo y el botón principal. Si el email solo se leyera hasta aquí, debería cumplir su objetivo.
4. Cuerpo
Reúne varios contenidos: artículos, productos, la agenda del mes. Cada bloque, con un titular, dos o tres líneas y su enlace. Si las imágenes no cargan, el email tiene que seguir teniendo sentido: ponles texto alternativo y deja lo importante fuera de la imagen. Lo explicamos en imágenes en email marketing.
5. Llamada a la acción
Un botón principal por email, con un texto que diga qué pasa al pulsarlo. Los enlaces secundarios pueden ir como texto. Si quieres que te escriban, un enlace de WhatsApp en el email también cuenta como llamada a la acción.
6. Pie
Aquí va lo que no puede faltar: quién envía el email, una dirección de contacto, por qué lo recibe y el enlace para darse de baja. La LSSI pide que las comunicaciones comerciales se identifiquen como tales, que se sepa en nombre de quién se envían y que darse de baja sea sencillo y gratuito (artículos 20 y 22, consultados el 28-10-2026). Además, Gmail exige a quien envía más de 5.000 mensajes al día a sus cuentas que los emails de marketing permitan darse de baja con un clic, según sus directrices para remitentes (consultadas el 28-10-2026). Es orientación general, no asesoramiento legal.
Estructura de un mailing: en qué se diferencia de una newsletter
Mucha gente usa «mailing» y «newsletter» como sinónimos, pero la estructura cambia según el objetivo:
- Newsletter: periódica, con varios contenidos. Cabecera, un tema principal y dos o más bloques en el cuerpo, cada uno con su enlace. Su objetivo es que te lean y vuelvan.
- Mailing o email promocional: puntual, con un solo mensaje. Cabecera mínima, un bloque principal con la oferta, dos o tres argumentos y un único botón, repetido al final si el email es largo. Su objetivo es una acción concreta.
Las dos comparten el sobre (remitente, asunto y preheader) y el pie. Lo que cambia es el cuerpo: en el mailing, todo lo que no empuje hacia el botón sobra.
Cómo adaptar la estructura de una newsletter al móvil
En el móvil la estructura es la misma, pero se lee de arriba abajo, con el pulgar y en una pantalla estrecha.
- Una sola columna. Lo habitual es diseñar con un ancho máximo de unos 600 píxeles y dejar que, en el móvil, los bloques se apilen y ocupen todo el ancho. Para las medidas exactas de cada elemento, mira el tamaño y las medidas de una newsletter.
- Botones fáciles de pulsar. Apple fija en sus pautas de accesibilidad un tamaño de control por defecto de 44 × 44 puntos en iOS (consultado el 28-10-2026). Deja también espacio entre enlaces para no pulsar el que no toca.
- Texto que se lea sin hacer zoom y párrafos cortos. Si cuidas la tipografía, revisa qué tipografías usar en una newsletter.
- Imágenes ligeras. Que pesen lo mínimo posible: en el móvil, una imagen pesada tarda en cargarse y quien abre el email puede pasar al siguiente antes de verla.
Si maquetas a mano, la técnica se explica en media queries para newsletters. Si usas el editor de NewsletterSoft, no hace falta: está hecho con MJML, un formato pensado para que el email se vea bien en todos los programas de correo y en el móvil, y con las vistas de escritorio, tableta y móvil compruebas cómo queda.
Plantilla de newsletter para móvil: una base que puedes copiar
Esta es la estructura mínima de una newsletter de una columna, en HTML con tablas, que es lo que mejor aceptan los programas de correo. Cambia textos, colores y enlaces, y envíate una prueba. En NewsletterSoft, el enlace de baja es la variable {{unsubscribe_url}}.
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
<tr><td align="center">
<table role="presentation" width="100%" style="max-width:600px" cellpadding="0" cellspacing="0">
<!-- 1. Preheader (oculto) -->
<tr><td style="display:none">Lo que vas a encontrar este mes</td></tr>
<!-- 2. Cabecera -->
<tr><td align="center"><img src="logo.png" alt="Tu tienda" width="140"></td></tr>
<!-- 3. Bloque principal -->
<tr><td><h1>Titular del tema principal</h1><p>Dos líneas de contexto.</p>
<a href="https://www.tutienda.example/oferta">Ver la oferta</a></td></tr>
<!-- 4. Cuerpo: un bloque por contenido -->
<tr><td><h2>Segundo tema</h2><p>Texto breve y su enlace.</p></td></tr>
<!-- 5. Pie -->
<tr><td><p>Tu tienda · Dirección · Por qué recibes este email</p>
<a href="{{unsubscribe_url}}">Darte de baja</a></td></tr>
</table>
</td></tr>
</table>Si no quieres tocar código, en NewsletterSoft partes de una de las cinco plantillas de serie (bienvenida, newsletter mensual, promoción, reactivación y agradecimiento tras la compra), la adaptas en el editor y la guardas como tuya. Tienes ejemplos de cada una en nuestra guía de plantillas de email responsive. Y si prefieres un diseño a medida, nuestro equipo hace la maquetación de newsletters con presupuesto según tu proyecto.
Antes de enviar, la checklist de envío revisa siete puntos, entre ellos el enlace de baja, el dominio verificado y el envío de prueba, y no deja enviar hasta que todos están en verde. ¿Quieres verlo con tu propia newsletter? Solicita una demo.
Preguntas frecuentes
¿Cuáles son las partes de una newsletter?
Remitente, asunto y preheader; cabecera; bloque principal; cuerpo; llamada a la acción y pie con los datos de la empresa y el enlace de baja.
¿Qué diferencia hay entre una newsletter y un mailing?
La newsletter es periódica y reúne varios contenidos; el mailing es un envío puntual con un solo mensaje y un único botón. Comparten el sobre y el pie.
¿Dónde consigo una plantilla de newsletter gratis para móvil?
Arriba tienes una base en HTML para copiar. Las plataformas de email suelen incluir plantillas en su editor: en NewsletterSoft hay cinco de serie y puedes guardar como plantilla cualquier diseño tuyo, sin coste aparte.
