Plantillas de Newsletter Gratuitas: 15 Mejores Diseños para Cada Industria
Descubre 15 plantillas de newsletter gratuitas para e-commerce, SaaS, agencias y más. Diseños profesionales que puedes personalizar y comenzar a usar hoy con cualquier plataforma de email.
Comenzar un newsletter desde un lienzo en blanco puede ser intimidante. Te quedas mirando el editor vacío, preguntándote cómo estructurar tu contenido, qué diseño usar y cómo hacer que luzca profesional sin invertir horas en diseño.
Las plantillas de newsletter resuelven este problema. Proporcionan una estructura probada y un diseño profesional que puedes personalizar con tu propio contenido, marca e imágenes. Las mejores plantillas son responsivas para móviles, compatibles con todos los clientes de email y diseñadas pensando en la conversión.
Esta guía cubre 15 diseños de plantillas de newsletter gratuitas organizados por industria y caso de uso. Para cada tipo de plantilla explicamos los principios de diseño, la estructura de contenido recomendada y los consejos de personalización.
Qué Hace que una Plantilla de Newsletter Sea Efectiva
Antes de entrar en plantillas específicas, es importante entender qué separa una buena plantilla de una excelente.
Requisitos Técnicos
| Requisito | Por Qué Importa |
|---|---|
| Responsiva para móviles | Más del 60% de los emails se abren en dispositivos móviles |
| Compatibilidad entre clientes | Se renderiza correctamente en Gmail, Outlook, Apple Mail, etc. |
| Carga rápida | Imágenes de menos de 1 MB en total; plantilla de menos de 100 KB |
| Soporte para modo oscuro | Adopción creciente en clientes de email |
| Accesibilidad | Compatible con lectores de pantalla, contraste suficiente |
| Fuentes seguras para web | Renderizado consistente en todas las plataformas |
Principios de Diseño
Jerarquía visual. El contenido más importante debe ser el más prominente. Usa tamaño, color y posicionamiento para guiar la mirada del lector de arriba a abajo.
Diseño escaneable. La mayoría de los destinatarios de email escanean en lugar de leer. Usa encabezados, puntos de viñeta, párrafos cortos y separaciones de sección claras para que el contenido sea fácil de digerir.
Marca consistente. Tu newsletter debe ser instantáneamente reconocible. Usa tus colores de marca, logo y tipografía de forma consistente en cada edición.
Columna única en móvil. Los diseños de múltiples columnas pueden romperse en dispositivos móviles. Usa un diseño de columna única o asegúrate de que las secciones de múltiples columnas se apilen limpiamente en pantallas más pequeñas.
Cuatro maquetas, funcionando
Cada panel de abajo es el HTML de correo real de la plantilla, en un marco con un ancho real. Baja el ancho a 375 px y observa cómo se apilan las columnas.
Sigue tu tema — cámbialo en la cabecera para ver el otro.
Leer el HTML de The Letter
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Letter</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#151515 !important; }
.d-card { background-color:#1c1c1c !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a8a8a8 !important; }
.d-rule { border-color:#3a3a3a !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f0efec;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">La cita que guardas en tu app de notas trabaja más que tu calendario editorial.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f0efec;">
<tr><td align="center" style="padding:32px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td style="padding:0;">
<img src="/_astro/letter-masthead.BcPkHvz4.png" width="600" height="250" alt="Cabecera de Meridian Press: arcos azules concéntricos cruzados por una banda diagonal" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:36px 88px 0 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Meridian Press · Número 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">El archivo es el producto</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Hace tres semanas busqué algo que escribí en 2019 y no lo encontré. Ni en la web, ni en la exportación, ni en el buscador de la propia plataforma. Mil doscientos números, y el único índice que funcionaba era mi memoria.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Eso es lo que nadie te cuenta sobre llevar una newsletter durante seis años. Enviar es fácil. Conservar no.</p>
</td></tr>
<tr><td class="gutter" style="padding:8px 88px 28px 88px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td class="quote" style="border-left:3px solid #0084d1;padding:4px 0 4px 0;padding-left:20px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0;font-size:19px;line-height:30px;font-style:italic;color:#141414;">Todo lo que publicas es un depósito. Casi nadie construye el reintegro.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Así que esta semana reconstruí el catálogo como un archivo de verdad, con etiquetas, búsqueda de texto completo y URL permanentes. Costó nueve días. Los suscriptores no se movieron. El tiempo en el sitio se triplicó.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Está todo abajo, incluidas las partes que no funcionaron.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px 36px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<a href="https://example.com" style="font-size:17px;line-height:24px;font-weight:600;color:#0084d1;text-decoration:underline;">Leer el número completo →</a>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 88px;border-top:1px solid #e4e2de;"></td></tr>
<tr><td class="gutter" style="padding:24px 88px 40px 88px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:22px;color:#6b6b6b;">Escrito a mano cada jueves. Responde y te leo.</p>
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Meridian Press, 14 Harbour Lane, Bristol BS1 4TT<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Darse de baja</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver en el navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sigue tu tema — cámbialo en la cabecera para ver el otro.
Leer el HTML de The Digest
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Digest</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#131313 !important; }
.d-card { background-color:#1b1b1b !important; }
.d-ink { color:#f3f3f3 !important; }
.d-mute { color:#a5a5a5 !important; }
.d-rule { border-color:#333333 !important; }
.d-chip { background-color:#10352f !important; color:#7fd8c6 !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f4f3f0;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Seis cosas que merecen tu martes. Dos van sobre precios.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26 de agosto de 2026 · 6 temas · 9 min</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">NÚMERO 212</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="Arcos turquesa abstractos cruzados por una banda diagonal" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">01 · PRECIOS</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Tres empresas pasaron a precios por uso y dos volvieron atrás</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Las dos que dieron marcha atrás dicen lo mismo: la carga de soporte subió antes que los ingresos.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-2.ch7Avmad.png" width="112" height="112" alt="Anillos turquesa abstractos con un punto focal desplazado" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">02 · ENTREGABILIDAD</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">Las reglas de Gmail para grandes remitentes cumplen un año. Esto es lo que cambió de verdad</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">La tasa de quejas es el único umbral al que alguien se acercó. El resto ya se daba por hecho.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-3.DP0eG3wj.png" width="112" height="112" alt="Arcos concéntricos turquesa abstractos sobre blanco roto" style="width:112px;height:112px;border-radius:4px;">
</td>
<td valign="top" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 6px 0;font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#007d6a;">03 · OFICIO</p>
<p style="margin:0 0 6px 0;font-size:18px;line-height:26px;font-weight:700;">
<a href="https://example.com" class="d-ink" style="color:#141414;text-decoration:none;">El archivo de una newsletter es un producto de búsqueda, no una lista de enlaces</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Nueve días de trabajo, cero crecimiento de suscriptores, el triple de tiempo en el sitio. Lo interesante es el intercambio.</p>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:1px solid #eceae6;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:24px 32px 34px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0 0 14px 0;font-size:15px;line-height:24px;color:#555555;">Tres más abajo del pliegue, incluido el de facturación al que todo el mundo responde.</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#007d6a" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#007d6a;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Leer los seis</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #eceae6;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 30px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">The Tuesday Digest, 9 Fitzroy Street, Manchester M1 2AL<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Darse de baja</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Gestionar preferencias</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver en el navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sigue tu tema — cámbialo en la cabecera para ver el otro.
Leer el HTML de The Storefront
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Storefront</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#141210 !important; }
.d-card { background-color:#1d1a18 !important; }
.d-ink { color:#f5f2ef !important; }
.d-mute { color:#aaa39d !important; }
.d-rule { border-color:#38322d !important; }
.d-tile { background-color:#241f1c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#efece8;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">Cuatro láminas nuevas. La del puerto tiene 40 copias y no aguanta la semana.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#efece8;">
<tr><td align="center" style="padding:24px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;">
<tr><td class="gutter" style="padding:22px 24px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="d-ink" style="font-size:17px;line-height:22px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#141414;">Northlight</td>
<td align="right" class="d-mute hide-sm" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;line-height:20px;color:#6b6b6b;">Colección de otoño · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Cuatro láminas nuevas de Northlight: arcos rojo óxido superpuestos sobre blanco roto cálido" style="width:100%;height:auto;max-width:600px;">
</td></tr>
<tr><td class="gutter" style="padding:30px 40px 0 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<h1 class="h1 d-ink" style="margin:0 0 12px 0;font-size:30px;line-height:38px;font-weight:800;color:#141414;">Cuatro láminas. Cuarenta copias cada una.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Cada lámina de esta colección está tirada a mano, numerada, y desaparece cuando se acaba. Aquí no se reimprime nada.</p>
</td></tr>
<tr><td class="gutter" style="padding:0 40px 26px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Ver la colección</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter" style="padding:0 32px 8px 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-1.B7Z7OyM8.png" width="272" height="272" alt="Harbour, una lámina abstracta en rojo óxido" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Harbour</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · giclée sobre papel de algodón</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Añadir a la cesta</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-2.CMBKLJ38.png" width="272" height="272" alt="Dusk, una lámina abstracta en ámbar" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Dusk</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">50 × 70 cm · giclée sobre papel de algodón</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£85</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Añadir a la cesta</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
<tr>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-3.C9XLoBz6.png" width="272" height="272" alt="Tide, una lámina abstracta en violeta" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Tide</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · giclée sobre papel de algodón</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Añadir a la cesta</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
<td class="stack" width="50%" valign="top" style="width:50%;padding:0 8px 16px 8px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-tile" style="background-color:#faf9f7;border-radius:4px;">
<tr><td style="padding:0;"><img src="/_astro/shop-print-4.jL_6WDwF.png" width="272" height="272" alt="Quarry, una lámina abstracta en verde profundo" class="thumb" style="width:100%;height:auto;border-radius:4px 4px 0 0;"></td></tr>
<tr><td style="padding:16px 16px 18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:16px;line-height:22px;font-weight:700;color:#141414;">Quarry</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:14px;line-height:20px;color:#6b6b6b;">40 × 50 cm · giclée sobre papel de algodón</p>
<p style="margin:0 0 14px 0;font-size:18px;line-height:24px;font-weight:700;color:#b8442d;">£65</p>
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#b8442d" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#b8442d;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Añadir a la cesta</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:6px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#faf9f7;border-radius:4px;">
<tr><td style="padding:16px 20px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:15px;line-height:24px;color:#242424;"><strong>Envío gratuito en Reino Unido a partir de 75 £.</strong> Opciones de enmarcado al pagar. Devoluciones en 30 días, sin marco.</p>
</td></tr>
</table>
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 40px;border-top:1px solid #ebe7e2;"></td></tr>
<tr><td class="gutter" style="padding:20px 40px 30px 40px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Northlight Print Co., Unit 4 Wharf Road, Leeds LS10 1JQ<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Darse de baja</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver en el navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sigue tu tema — cámbialo en la cabecera para ver el otro.
Leer el HTML de The Brief
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>The Brief</title>
<style>
body { margin:0; padding:0; width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
img { border:0; outline:none; line-height:100%; -ms-interpolation-mode:bicubic; display:block; }
a { text-decoration:underline; }
@media only screen and (max-width:620px) {
.wrap { width:100% !important; }
.stack { display:block !important; width:100% !important; max-width:100% !important; }
.gutter { padding-left:20px !important; padding-right:20px !important; }
.cta { display:block !important; width:100% !important; box-sizing:border-box !important; text-align:center !important; }
.h1 { font-size:26px !important; line-height:32px !important; }
.thumb { width:100% !important; height:auto !important; max-width:100% !important; }
/* A digest row is the one two-column layout that should NOT stack: the
thumbnail shrinks and stays beside the headline, because a roundup is
read by scanning and a full-width decorative image per story destroys
that. */
.row-thumb { width:80px !important; }
.row-thumb img { width:80px !important; height:80px !important; }
.hide-sm { display:none !important; }
}
@media (prefers-color-scheme: dark) {
.d-bg { background-color:#121212 !important; }
.d-card { background-color:#1a1a1a !important; }
.d-ink { color:#f2f2f2 !important; }
.d-mute { color:#a6a6a6 !important; }
.d-rule { border-color:#333333 !important; }
.d-tile { background-color:#232323 !important; }
.d-track { background-color:#2c2c2c !important; }
}
</style>
</head>
<body class="d-bg" style="margin:0;padding:0;background-color:#f1f0f4;">
<span style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">La tasa de respuesta sube 4 puntos y seguimos sin saber por qué. La mejor hipótesis, dentro.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f1f0f4;">
<tr><td align="center" style="padding:26px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td style="padding:0;background:#141414;border-radius:6px 6px 0 0;">
<img src="/_astro/brief-band.CsaAK-Uv.png" width="600" height="150" alt="Cabecera de Ledger Weekly: arcos violetas sobre casi negro" style="width:100%;height:auto;max-width:600px;border-radius:6px 6px 0 0;">
</td></tr>
<tr><td class="gutter" style="padding:26px 32px 18px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p style="margin:0 0 4px 0;font-size:12px;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:#8f83ff;">Ledger Weekly · Semana 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">La tasa de respuesta se movió y nadie lanzó nada</h1>
</td></tr>
<tr><td class="gutter" style="padding:0 26px 8px 26px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">31.4%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Tasa de apertura</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 pts</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">8.9%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Tasa de clics</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 pts</p>
</td></tr>
</table>
</td>
<td class="stack" width="33.33%" valign="top" style="width:33.33%;padding:0 6px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-tile" style="background:#f6f5f8;border-radius:4px;">
<tr><td style="padding:18px 16px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 2px 0;font-size:30px;line-height:36px;font-weight:800;color:#141414;">6.1%</p>
<p class="d-mute" style="margin:0 0 6px 0;font-size:13px;line-height:18px;color:#6b6b6b;">Tasa de respuesta</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 pts</p>
</td></tr>
</table>
</td>
</tr></table>
</td></tr>
<tr><td class="gutter" style="padding:20px 32px 0 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0 0 18px 0;font-size:16px;line-height:26px;color:#242424;">No cambió nada en el envío. Misma lista, mismo jueves, misma plantilla. La única variable que encontramos es que el asunto hizo una pregunta por primera vez en once números.</p>
<p class="d-mute" style="margin:0 0 10px 0;font-size:12px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:#6b6b6b;">Respuestas por segmento</p>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 22px 32px;">
<table role="presentation" class="chart" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Suscriptores de pago</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="100%" style="width:100%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">11.2%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Gratis, activos 90 d</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="57%" style="width:57%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">6.4%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Gratis, inactivos</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="16%" style="width:16%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">1.8%</td>
</tr>
<tr>
<td width="150" valign="middle" class="d-ink" style="width:150px;padding:7px 0;padding-right:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#242424;">Prueba</td>
<td valign="middle" style="padding:7px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="d-track" style="background:#ebe9f2;border-radius:2px;">
<tr><td width="44%" style="width:44%;background:#8f83ff;border-radius:2px;font-size:0;line-height:0;height:18px;"> </td><td style="font-size:0;line-height:0;"> </td></tr>
</table>
</td>
<td width="64" align="right" valign="middle" class="d-mute" style="width:64px;padding:7px 0;padding-left:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:700;color:#555555;">4.9%</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#141414" style="border-radius:4px;"><![endif]-->
<a href="https://example.com" class="cta" style="background:#141414;border-radius:4px;color:#ffffff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:20px;padding:14px 28px;text-align:center;text-decoration:none;mso-padding-alt:0;">Leer el desglose completo</a>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
<tr><td class="gutter d-rule" style="padding:0 32px;border-top:1px solid #e9e7ee;"></td></tr>
<tr><td class="gutter" style="padding:20px 32px 28px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-mute" style="margin:0;font-size:13px;line-height:20px;color:#8a8a8a;">Ledger Weekly, 2 Cathedral Square, Edinburgh EH1 2QN<br>
<a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Darse de baja</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Ver en el navegador</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 15 Diseños de Plantillas de Newsletter Gratuitas
1. La Actualización Clásica de Empresa
Ideal para: Empresas B2B, agencias, servicios profesionales
Esta plantilla sigue una estructura directa:
- Logo de empresa y encabezado
- Introducción editorial breve (2-3 oraciones)
- 3-4 bloques de contenido con titulares, descripciones cortas y CTAs
- Pie de página con links sociales y baja
Notas de diseño: Diseño limpio y profesional con amplio espacio en blanco. Usa el color primario de tu marca para encabezados y botones CTA. Limita las imágenes a una imagen hero y miniaturas pequeñas para los bloques de contenido.
Estructura de contenido:
- Saludo personal de un miembro del equipo
- Artículo destacado o anuncio
- 2-3 elementos de contenido secundarios
- Sección de links rápidos o recursos
- Pie de página con información de contacto
2. El Escaparate de Productos E-Commerce
Ideal para: Tiendas en línea, marcas retail, empresas DTC
Diseño orientado al producto para impulsar ventas:
- Banner hero con producto destacado o promoción
- Cuadrícula de productos (2x2 o 3x1) con imágenes, nombres, precios y botones de compra
- Sección de reseña o testimonio de cliente
- Promoción secundaria o novedades
Notas de diseño: Las imágenes de producto grandes y de alta calidad son esenciales. Usa un diseño en cuadrícula que se apile en una sola columna en móvil. El precio y los botones CTA deben ser inmediatamente visibles.
Para marcas de e-commerce que usan Tajo con Brevo, estas plantillas se pueden poblar dinámicamente con recomendaciones de productos personalizadas basadas en el historial de navegación y compras de cada suscriptor. Consulta nuestra guía de email marketing para e-commerce para estrategias de personalización.
3. El Digest de Contenido
Ideal para: Empresas de medios, creadores de contenido, publicaciones
Una plantilla con mucho contenido diseñada para mostrar múltiples artículos:
- Artículo destacado con imagen grande y extracto
- Lista de 5-8 artículos adicionales con títulos y resúmenes de una línea
- Etiquetas de categoría para cada artículo
- Recuadro “Más popular” o “Selección del editor”
Notas de diseño: Da prioridad a la legibilidad con tipografía limpia y generoso interlineado. Usa formato consistente para cada entrada de artículo para que los lectores puedan escanear el digest rápidamente.
4. El Newsletter Personal
Ideal para: Solopreneurs, líderes de pensamiento, consultores
Una plantilla mínima y centrada en texto que se siente como una carta personal:
- Foto y nombre del autor
- Contenido escrito de formato largo (500-800 palabras)
- Imágenes y elementos de diseño mínimos
- Links de texto simples en lugar de botones estilizados
- Firma personal
Notas de diseño: Esta plantilla tiene éxito a través de la simplicidad. Usa un diseño de columna única, fuentes estándar y estilos mínimos. El objetivo es sentirse como un email personal en lugar de una comunicación de marketing.
5. La Actualización de Producto SaaS
Ideal para: Empresas de software, startups tecnológicas, herramientas para desarrolladores
Diseño orientado a funciones para comunicar actualizaciones de producto:
- Encabezado con número de versión o título de actualización
- Destacado de función con captura de pantalla o GIF
- Lista de mejoras y correcciones
- Avance de “Qué viene a continuación”
- CTA para probar nuevas funciones
Notas de diseño: Incluye capturas de pantalla del producto o imágenes de la interfaz para mostrar en lugar de solo decir. Usa un diseño limpio y moderno que refleje la estética de tu software.
6. La Invitación a Evento
Ideal para: Organizadores de eventos, conferencias, anfitriones de webinars
Una plantilla de propósito único enfocada en impulsar registros:
- Nombre del evento y branding visual
- Fecha, hora y ubicación (o plataforma virtual)
- Ponentes destacados con fotos y bios
- Resumen de agenda
- CTA de registro prominente
- Urgencia por precio early bird o plazas limitadas
Notas de diseño: El botón CTA debe aparecer al menos dos veces, una vez visible sin desplazamiento y otra después de los detalles. Usa elementos de cuenta regresiva o lenguaje de urgencia cuando sea apropiado.
7. El Resumen Semanal
Ideal para: Newsletters de industria, editores de contenido curado
Una plantilla estructurada para curar contenido de la web:
- Nota del editor (2-3 oraciones)
- 5-10 links curados con atribución de fuente, título y breve comentario
- Secciones numeradas o categorizadas
- Sección “Patrocinador” o “Destacado” si está monetizado
- Encuesta de lectores o pregunta de retroalimentación
Notas de diseño: La numeración clara y el formato consistente para cada elemento curado ayuda a los lectores a navegar. Usa bordes sutiles o colores de fondo para separar secciones.
8. El Informe de Impacto Sin Fines de Lucro
Ideal para: Organizaciones benéficas, ONG, empresas sociales
Una plantilla diseñada para compartir historias de impacto e impulsar donaciones:
- Titular de estadística de impacto (“Ayudamos a 1.000 familias este mes”)
- Historia con foto (un beneficiario o proyecto)
- Barra de progreso hacia un objetivo de campaña
- Oportunidades de voluntariado o eventos
- Botón CTA de donación
Notas de diseño: Lidera con impacto emocional a través de fotografía e historias reales. Usa visualización de datos (barras de progreso, estadísticas) para mostrar resultados concretos.
9. La Promoción de Temporada
Ideal para: Retail, hospitalidad, negocios de temporada
Una plantilla visualmente rica diseñada para campañas de temporada y días festivos:
- Imagen hero de temporada a todo ancho
- Oferta promocional con términos claros
- Selección de productos curada o guía de regalos
- Elemento de fecha límite o cuenta regresiva
- Múltiples CTAs a lo largo
Notas de diseño: Los colores llamativos y las imágenes de temporada crean urgencia. Asegúrate de que la oferta promocional sea inmediatamente clara sin desplazamiento. Prueba la plantilla exhaustivamente, ya que los emails con muchas imágenes pueden tener problemas de renderizado entre clientes.
10. La Serie Educativa
Ideal para: Cursos en línea, negocios de coaching, instituciones educativas
Una plantilla estructurada para entregar contenido educativo:
- Número de lección y título de serie
- Conclusión clave u objetivo de aprendizaje
- Contenido principal con secciones claras
- Ejercicio de práctica o elemento de acción
- Indicador de progreso (Lección 3 de 8)
- CTA a la siguiente lección o recurso relacionado
Notas de diseño: Usa una estructura consistente en todas las lecciones de la serie para que los suscriptores sepan qué esperar. Incluye un indicador de progreso para motivar la finalización.
11. El Listado Inmobiliario
Ideal para: Agentes inmobiliarios, empresas de administración de propiedades
Una plantilla centrada en propiedades con elementos visuales ricos:
- Listado destacado con galería de fotos grande
- Detalles de propiedad (precio, habitaciones, baños, metros cuadrados)
- 3-4 listados adicionales en formato de cuadrícula
- Actualización del mercado o destaque del vecindario
- Información de contacto del agente con foto
Notas de diseño: La fotografía de propiedad de alta calidad es esencial. Incluye detalles clave (precio, tamaño, ubicación) inmediatamente visibles sin hacer clic.
12. El Restaurante o Negocio de Alimentos
Ideal para: Restaurantes, entrega de alimentos, empresas de catering
Una plantilla visualmente apetitosa:
- Imagen hero del plato o artículo del menú destacado
- Especiales de la semana o nuevos artículos del menú
- CTA de reserva o pedido
- Destacado de reseña de cliente
- Información de ubicación y horario
Notas de diseño: La fotografía de alimentos debe ser profesional y apetitosa. Usa colores cálidos y espaciado generoso. El CTA principal (pedir, reservar, visitar) debe ser imposible de ignorar.
13. El Fitness y Bienestar
Ideal para: Gimnasios, entrenadores personales, marcas de bienestar
Una plantilla enérgica centrada en la motivación y la acción:
- Imagen hero motivacional
- Entrenamiento de la semana o consejo de bienestar
- Horario de clases o próximos eventos
- Destacado de miembro o historia de transformación
- CTA de reserva o membresía
Notas de diseño: Usa fotografía orientada a la acción y tipografía llamativa. Mantén el tono motivador sin ser insistente.
14. El Portafolio de Agencia
Ideal para: Agencias creativas, freelancers, estudios de diseño
Una plantilla estilo portafolio para mostrar trabajos recientes:
- Proyecto destacado con visuales grandes y breve caso de estudio
- 2-3 proyectos recientes adicionales en cuadrícula
- Testimonio de cliente
- Actualizaciones del equipo o de contratación
- CTA de contacto para clientes potenciales
Notas de diseño: Deja que el trabajo hable por sí mismo con visuales grandes y de alta calidad. Mantén el texto mínimo y enfocado en resultados y logros en lugar de descripciones de proceso.
15. El Newsletter de Comunidad
Ideal para: Organizaciones de membresía, comunidades en línea, negocios locales
Una plantilla centrada en la comunidad que fomenta el engagement:
- Noticias y anuncios de la comunidad
- Destacado o entrevista de miembro
- Calendario de próximos eventos
- Preguntas de discusión o encuesta
- Sección de contenido generado por usuarios
- CTA de unirse/participar
Notas de diseño: Incluye fotos y nombres de miembros (con permiso) para construir conexión comunitaria. Usa un tono cálido e inclusivo y fomenta las respuestas y la participación.
Dónde Encontrar Plantillas de Newsletter Gratuitas
Plataformas de Email Marketing
La mayoría de las plataformas de email marketing incluyen plantillas gratuitas en sus planes:
| Plataforma | Plantillas Gratuitas | Nivel de Personalización | Plan Gratuito Disponible |
|---|---|---|---|
| Brevo | 60+ | Editor de arrastrar y soltar | Sí |
| Mailchimp | 100+ | Editor de arrastrar y soltar | Sí (limitado) |
| HubSpot | 45+ | Editor de arrastrar y soltar | Sí |
| MailerLite | 80+ | Editor de arrastrar y soltar | Sí |
| Constant Contact | 200+ | Editor de arrastrar y soltar | No |
La biblioteca de plantillas de Brevo es particularmente adecuada para empresas de e-commerce, con plantillas diseñadas para anuncios de productos, confirmaciones de pedidos y campañas promocionales que se integran con los datos de tu tienda a través de Tajo.
Fuentes de Plantillas de Terceros
- Litmus Community: Plantillas gratuitas y probadas con datos de compatibilidad entre clientes
- Really Good Emails: Galería curada de ejemplos reales de newsletters para inspiración
- Stripo: Constructor de plantillas de email gratis con más de 1.500 diseños
- BeeFree: Editor de arrastrar y soltar con más de 200 plantillas responsivas gratuitas
- MJML: Framework de código abierto para construir plantillas de email responsivas con código
Personalización de Plantillas para Tu Marca
Personalizaciones Esenciales
Cada plantilla necesita estas modificaciones antes de usar:
- Logo y colores de marca: Reemplaza el branding por defecto con el tuyo
- Tipografía: Usa las fuentes de tu marca (con alternativas seguras para web)
- Información del pie de página: Actualiza con los detalles de tu negocio y requisitos legales
- Links de redes sociales: Añade tus perfiles reales
- Link de baja: Requerido por ley en cada email de marketing
Personalizaciones Avanzadas
Una vez que te sientas cómodo con una plantilla, considera estas mejoras:
- Bloques de contenido dinámico: Muestra contenido diferente a segmentos de suscriptores distintos
- Tokens de personalización: Inserta nombres de suscriptores, ubicaciones o preferencias
- Secciones condicionales: Muestra u oculta secciones basadas en atributos de suscriptores
- Elementos interactivos: Añade encuestas, cuestionarios o interactividad AMP
Mejores Prácticas de Plantillas de Newsletter
Prueba antes de enviar. Envía emails de prueba a Gmail, Outlook, Apple Mail y Yahoo como mínimo. Usa una herramienta como Litmus o Email on Acid para pruebas exhaustivas entre clientes.
Optimiza imágenes. Comprime todas las imágenes para reducir el tiempo de carga. Incluye texto alternativo para cada imagen en caso de que el cliente de email bloquee las imágenes.
Mantén el tamaño del archivo bajo. El tamaño total del email (HTML + imágenes) debe ser inferior a 100 KB para el HTML y a 1 MB para el contenido total. Los emails más grandes corren el riesgo de ser recortados por Gmail o bloqueados por filtros de spam.
Mantén la consistencia. Usa la misma estructura de plantilla para cada edición del newsletter. Los suscriptores desarrollan hábitos de lectura alrededor de diseños familiares, y la consistencia genera confianza.
Incluye texto sin formato. Siempre proporciona una alternativa en texto plano para clientes de email que no rendericen HTML. La mayoría de las plataformas de email generan esto automáticamente, pero revísalo para asegurar legibilidad.
Prueba tu entregabilidad de email regularmente. Una plantilla hermosa no sirve de nada si aterriza en spam. Monitorea la reputación del remitente y la autenticación (SPF, DKIM, DMARC) junto con tus esfuerzos de diseño.
Primeros Pasos
Elige una plantilla que se adapte a tu industria y estilo de contenido. Comienza con personalizaciones mínimas, colores de marca, logo y pie de página, y envía tu primera edición. A medida que aprendas qué resuena con tu audiencia a través de datos de tasas de apertura y clics, itera en el diseño y la estructura de contenido.
La mejor plantilla de newsletter no es la más impresionante visualmente. Es la que tu audiencia lee de forma consistente, en la que hace clic regularmente y que espera recibir.