Email marketing
Diseño

Plantillas de newsletter: descargas gratis, consejos de diseño y mejores ejemplos (2026)

Consigue plantillas de newsletter gratis e inspiración de diseño. Incluye plantillas HTML responsivas, buenas prácticas de diseño y ejemplos para cada sector.

Set Noa
Set Noa
Actualizado
0 visitas · 7 días
newsletter templates
Plantillas de newsletter?

Consigue plantillas de newsletter gratis y consejos de diseño. Brevo incluye plantillas responsivas y personalizables en su plan gratuito, sin código.

Saber más

TL;DR: Una buena plantilla de newsletter es responsive en móvil, a una columna, fiel a tu marca y construida en torno a un único CTA claro. Brevo incluye más de 40 plantillas responsivas gratis en su editor de arrastrar y soltar, sin código. Canva, Stripo y BEEFree son alternativas sólidas para los archivos de diseño.

Una plantilla de newsletter excelente hace el trabajo pesado de tu email marketing. Hace que tu contenido se vea profesional, guía a quien lee hasta el CTA y funciona perfecto en cada dispositivo y cliente de correo.

Esta guía cubre todo sobre las plantillas de newsletter: dónde conseguirlas gratis, cómo diseñar plantillas efectivas y ejemplos de cada sector.

Qué hace que una plantilla de newsletter sea excelente

Elementos esenciales

  1. Diseño responsive en móvil, más del 60 % de los correos se abren en móvil
  2. Jerarquía visual clara, guía la mirada del titular al CTA
  3. Coherencia de marca, colores, fuentes y ubicación del logo
  4. Diseño a una sola columna, mejor legibilidad en todos los dispositivos
  5. CTA visible, una sola acción clara por correo
  6. Texto de preencabezado, amplía el asunto en la bandeja de entrada
  7. Enlace para darse de baja, exigido por ley (CAN-SPAM, RGPD)

Anatomía de una plantilla

┌─────────────────────────┐
│  Logo / Cabecera marca  │
├─────────────────────────┤
│  Imagen principal       │
├─────────────────────────┤
│  Titular                │
│  Cuerpo (2-3 líneas)    │
│  [Botón CTA]            │
├─────────────────────────┤
│  Sección de contenido 2 │
│  [CTA secundario]       │
├─────────────────────────┤
│  Pie / Redes sociales   │
│  Enlace de baja         │
└─────────────────────────┘
Plantillas de Tajo

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 6 KB, sin compilación 
<!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;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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 &rarr;</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> &middot; <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>

Fuentes de plantillas de newsletter gratis

1. Brevo (recomendado)

El plan gratuito de Brevo incluye más de 40 plantillas de newsletter responsivas integradas en el editor de arrastrar y soltar. Categorías disponibles:

  • Correos de bienvenida
  • Anuncios de producto
  • Resúmenes semanales
  • Invitaciones a eventos
  • Campañas de temporada

Ventajas: gratis, responsive, fácil de personalizar, sin HTML Empezar: Crear cuenta gratis de Brevo

2. Canva

Canva ofrece plantillas compatibles con correo que personalizas con su herramienta de diseño.

3. Stripo

Stripo ofrece más de 1.100 plantillas de correo responsivas y gratuitas, exportables a cualquier ESP.

4. BEEFree

BEE ofrece un editor de plantillas gratis con diseños profesionales.

Comparativa de fuentes gratuitas de plantillas

FuentePlantillas gratisEditor sin códigoExporta a cualquier ESPIdeal para
Brevo40+ responsivasSíNativo (integrado)Diseñar y enviar de principio a fin
CanvaMuchos diseñosSíExportación manualMarketeros centrados en lo visual
Stripo1.100+SíSíVariedad y flexibilidad de ESP
BEEFreeAmplia bibliotecaSíSíDiseño de plantillas independiente

Si quieres un único sitio para diseñar, personalizar y enviar, Brevo es el camino más directo. Si solo necesitas archivos de diseño para soltarlos en otra herramienta, Stripo y BEEFree tienen las bibliotecas más amplias.

Buenas prácticas para tus plantillas de newsletter

Diseño

  • Usa 600 px de ancho máximo para compatibilidad con clientes de correo
  • Mantén el tamaño de fuente del cuerpo entre 14 y 16 px
  • Usa botones CTA, no enlaces de texto (mínimo 44 × 44 px de zona de toque)
  • Limita la paleta a 2-3 colores de tu marca
  • Usa fuentes seguras para web (Arial, Georgia, Verdana) con respaldos

Disposición del contenido

  • Pirámide invertida: el contenido más importante primero
  • Lectura en F: información clave a la izquierda
  • Espacio en blanco: no apelmaces el contenido, déjalo respirar
  • Ratio imagen-texto: 40 % imagen, 60 % texto (por la entregabilidad)

Técnico

  • Incluye siempre texto alternativo en las imágenes
  • Prueba en distintos clientes: Gmail, Outlook, Apple Mail, Yahoo
  • Mantén el peso total del correo por debajo de 100 KB para que cargue rápido
  • Usa CSS en línea para un renderizado consistente

Plantillas de newsletter por tipo

1. Plantilla de newsletter de bienvenida

Objetivo: dar una buena primera impresión Elementos clave: presentación de la marca, propuesta de valor, qué esperar, CTA rápido

2. Plantilla de resumen semanal

Objetivo: repaso periódico de contenidos Elementos clave: secciones curadas, resúmenes breves, enlaces para “leer más”

3. Plantilla de anuncio de producto

Objetivo: lanzar nuevos productos o funcionalidades Elementos clave: imagen del producto, beneficios clave, precio, CTA de compra

4. Plantilla promocional

Objetivo: generar ventas con ofertas Elementos clave: código de descuento, imágenes de producto, sensación de urgencia, CTA de compra

5. Plantilla educativa

Objetivo: aportar valor y generar confianza Elementos clave: consejos o contenido tipo cómo hacer, diseño limpio, CTA discreto

Crear tu newsletter en Brevo

  1. Regístrate en el plan gratuito de Brevo
  2. Elige una plantilla de la biblioteca o empieza desde cero
  3. Personaliza con arrastrar y soltar: añade logo, colores, bloques de contenido
  4. Previsualiza en escritorio y móvil
  5. Prueba enviándotelo a ti y a tus compañeros
  6. Programa o envía al momento

El editor de Brevo guarda tus plantillas personalizadas para reutilizarlas, y puedes crear bibliotecas con tu identidad de marca para todo el equipo.

Consejos para un mayor engagement

  • Personaliza el saludo y el contenido según tus segmentos
  • Haz pruebas A/B de distintos diseños para encontrar el que funciona (guía de A/B testing)
  • Hazlo escaneable, quien lee dedica de media 11 segundos a cada correo
  • Un único CTA principal, no le des demasiadas opciones a tu lector
  • Calendario constante, acostumbra a tu audiencia a esperar y abrir tus correos

Conectar las plantillas con los datos del cliente

Una plantilla cuidada vale tanto como la audiencia a la que llega. Los equipos que más sacan a sus newsletters conectan los datos de su tienda con su herramienta de correo, para que cada envío sea segmentado y no genérico. Tajo sincroniza clientes, productos y pedidos de Shopify con Brevo, así la misma plantilla se personaliza por segmento: un diseño de bienvenida para nuevos suscriptores, un anuncio de producto para quienes ya compraron esa categoría, o una oferta de recuperación para clientes inactivos. La plantilla se mantiene coherente, el contenido y la audiencia se adaptan automáticamente.

Próximos pasos

  1. Empieza con el plan gratuito de Brevo y explora su biblioteca de plantillas
  2. Lee nuestra guía de diseño de newsletter para consejos avanzados
  3. Revisa ejemplos de newsletter para inspirarte
  4. Monta tu primera campaña de correo

Preguntas frecuentes

¿Dónde puedo conseguir plantillas de newsletter gratis?
Brevo incluye decenas de plantillas de newsletter gratis y responsivas en su editor de arrastrar y soltar, sin necesidad de saber diseño. También encontrarás plantillas gratis en plataformas como Canva, Stripo y BEEFree.
¿Qué hace que una plantilla de newsletter sea buena?
Una buena plantilla de newsletter es responsive en móvil, tiene una jerarquía visual clara, usa los colores de tu marca, incluye un CTA visible, carga rápido y funciona en todos los clientes de correo (Gmail, Outlook, Apple Mail).
¿Necesito saber HTML para crear plantillas de newsletter?
No. Plataformas modernas como Brevo ofrecen editores de arrastrar y soltar que crean plantillas responsivas y bonitas sin código. Personalizas colores, diseños, imágenes y fuentes de forma visual.
¿Cada cuánto debería enviar una newsletter?
Elige una cadencia que puedas sostener a largo plazo. Un calendario predecible, semanal o mensual, acostumbra a tu audiencia a esperar y abrir tus correos, y eso pesa más que la frecuencia bruta.
Compartir este artículo:
Volver a todos los artículos

Solicita acceso anticipado

Indica tu nombre y un email o número de teléfono. Nos pondremos en contacto contigo para darte los detalles de acceso a Tajo.

detección automática
Obtener Brevo