Email marketing
Design

Template per newsletter: download gratuiti, consigli di design e migliori esempi (2026)

Scarica template per newsletter gratuiti e trova ispirazione di design. Template HTML responsive, best practice di design ed esempi per ogni settore.

Set Noa
Set Noa
Aggiornato
0 visite · 7 gg
newsletter templates
Template per newsletter?

Scarica template per newsletter gratuiti e usa i consigli di design giusti. Brevo include template responsive e personalizzabili nel piano gratuito, senza codice.

Scopri di più

TL;DR: Un buon template per newsletter è responsive su mobile, su una sola colonna, in linea con il brand e costruito attorno a una sola CTA chiara. Brevo include oltre 40 template responsive gratuiti nel suo editor drag-and-drop, senza codice. Canva, Stripo e BEEFree sono valide alternative per file di design.

Un ottimo template per newsletter fa il lavoro pesante per il tuo email marketing. Rende i tuoi contenuti professionali, guida chi legge verso la CTA e funziona perfettamente su ogni dispositivo e client email.

Questa guida copre tutto sui template per newsletter: dove trovarli gratis, come progettarne di efficaci ed esempi per ogni settore.

Cosa rende ottimo un template per newsletter

Elementi essenziali

  1. Design responsive su mobile, oltre il 60 % delle email viene aperto da mobile
  2. Gerarchia visiva chiara, guida l’occhio dal titolo alla CTA
  3. Coerenza di brand, colori, font e posizionamento del logo
  4. Layout a una sola colonna, miglior leggibilità su tutti i dispositivi
  5. CTA in evidenza, una sola azione chiara per email
  6. Testo di preheader, estende l’oggetto nella casella di posta
  7. Link di disiscrizione, richiesto per legge (CAN-SPAM, GDPR)

Anatomia di un template

┌─────────────────────────┐
│  Logo / Header brand    │
├─────────────────────────┤
│  Immagine principale    │
├─────────────────────────┤
│  Titolo                 │
│  Corpo testo (2-3 righe)│
│  [Pulsante CTA]         │
├─────────────────────────┤
│  Sezione contenuto 2    │
│  [CTA secondaria]       │
├─────────────────────────┤
│  Footer / Link social   │
│  Link di disiscrizione  │
└─────────────────────────┘
Modelli Tajo

Quattro layout, in funzione

Ogni pannello qui sotto è l'HTML reale del modello, in una cornice a larghezza reale. Porta la larghezza a 375 px e guarda le colonne impilarsi.

Segue il tuo tema — cambialo nell'intestazione per vedere l'altro.

Leggi l'HTML di The Letter 6 KB, senza build 
<!DOCTYPE html>
<html lang="it" 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 citazione che tieni nell'app delle note lavora più del tuo calendario editoriale.</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="Testata Meridian Press: archi blu concentrici attraversati da una fascia diagonale" 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 · Numero 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;">L'archivio è il prodotto</h1>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Tre settimane fa ho cercato un testo scritto nel 2019 e non l'ho trovato. Non sul sito, non nell'esportazione, non nella ricerca della piattaforma stessa. Milleduecento numeri, e l'unico indice funzionante era la mia memoria.</p>
        <p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">È la parte che nessuno ti racconta di sei anni di newsletter. Spedire è facile. Conservare 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;">Tutto ciò che pubblichi è un deposito. Quasi nessuno costruisce il prelievo.</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;">Così questa settimana ho ricostruito il catalogo come un archivio vero, con tag, ricerca full text e URL permanenti. Ci sono voluti nove giorni. Gli iscritti non si sono mossi. Il tempo sul sito è triplicato.</p>
        <p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">C'è tutto qui sotto, comprese le parti che non hanno funzionato.</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;">Leggi il numero 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;">Scritta a mano ogni giovedì. Rispondi e ti leggo.</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;">Annulla l'iscrizione</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vedi nel browser</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Fonti di template per newsletter gratuiti

1. Brevo (consigliato)

Il piano gratuito di Brevo include oltre 40 template per newsletter responsive integrati nell’editor drag-and-drop. Categorie disponibili:

  • Email di benvenuto
  • Annunci di prodotto
  • Riassunti settimanali
  • Inviti a eventi
  • Campagne stagionali

Vantaggi: gratis, responsive, facile da personalizzare, nessun HTML richiesto Per iniziare: Crea un account Brevo gratuito

2. Canva

Canva offre template compatibili con le email che puoi personalizzare con il suo strumento di design.

3. Stripo

Stripo offre oltre 1.100 template email responsive gratuiti, esportabili verso qualunque ESP.

4. BEEFree

BEE offre un editor di template gratuito con design professionali.

Confronto delle fonti di template gratuiti

FonteTemplate gratuitiEditor senza codiceEsporta verso qualunque ESPIdeale per
Brevo40+ responsiveSìNativo (integrato)Progettare e inviare end-to-end
CanvaTanti designSìExport manualeMarketer orientati al visuale
Stripo1.100+SìSìVarietà e flessibilità di ESP
BEEFreeAmpia libreriaSìSìDesign di template autonomo

Se vuoi un unico posto per progettare, personalizzare e inviare, Brevo è la via più diretta. Se ti servono solo file di design da caricare in un altro strumento, Stripo e BEEFree hanno le librerie più vaste.

Best practice per i tuoi template di newsletter

Design

  • Usa larghezza massima di 600 px per la compatibilità con i client email
  • Mantieni la dimensione del font del corpo testo tra 14 e 16 px
  • Usa pulsanti CTA, non link testuali (area di tocco minima 44 × 44 px)
  • Limitati a 2-3 colori dalla palette del brand
  • Usa font web-safe (Arial, Georgia, Verdana) con fallback

Layout dei contenuti

  • Piramide rovesciata: il contenuto più importante per primo
  • Lettura a F: informazioni chiave a sinistra
  • Spazio bianco: non affollare il contenuto, lascialo respirare
  • Rapporto immagine-testo: 40 % immagini, 60 % testo (per la deliverability)

Tecnico

  • Includi sempre il testo alternativo sulle immagini
  • Testa sui client: Gmail, Outlook, Apple Mail, Yahoo
  • Mantieni il peso totale dell’email sotto i 100 KB per un caricamento rapido
  • Usa CSS inline per un rendering coerente

Template per newsletter per tipologia

1. Template di newsletter di benvenuto

Obiettivo: dare una buona prima impressione Elementi chiave: presentazione del brand, value proposition, cosa aspettarsi, CTA rapida

2. Template di riassunto settimanale

Obiettivo: rassegna regolare di contenuti Elementi chiave: sezioni curate, brevi sintesi, link “leggi di più”

3. Template di annuncio di prodotto

Obiettivo: lanciare nuovi prodotti o funzionalità Elementi chiave: immagine prodotto, benefici chiave, prezzo, CTA d’acquisto

4. Template promozionale

Obiettivo: generare vendite con offerte Elementi chiave: codice sconto, immagini prodotto, elemento di urgenza, CTA d’acquisto

5. Template educativo

Obiettivo: offrire valore e costruire fiducia Elementi chiave: suggerimenti o contenuti how-to, layout pulito, CTA discreta

Creare la tua newsletter in Brevo

  1. Iscriviti al piano gratuito di Brevo
  2. Scegli un template dalla libreria o parti da zero
  3. Personalizza con il drag-and-drop: aggiungi logo, colori, blocchi di contenuto
  4. Visualizza l’anteprima su desktop e mobile
  5. Testa inviando a te stesso e ai colleghi
  6. Programma o invia subito

L’editor di Brevo salva i tuoi template personalizzati per riutilizzarli, e puoi creare librerie di template con il tuo brand per tutto il team.

Consigli per più engagement

  • Personalizza saluto e contenuti in base ai segmenti
  • A/B test di layout diversi per trovare ciò che funziona (guida A/B testing)
  • Mantieni il contenuto scansionabile, chi legge dedica in media 11 secondi a email
  • Una sola CTA principale, non dare troppe opzioni a chi legge
  • Cadenza costante, abitua chi legge ad aspettare e aprire le tue email

Collegare i template ai dati dei clienti

Un template curato vale quanto l’audience che raggiunge. I team che ottengono di più dalle newsletter collegano i dati del negozio allo strumento email, così ogni invio è mirato e non generico. Tajo sincronizza clienti, prodotti e ordini di Shopify in Brevo, così lo stesso template può essere personalizzato per segmento: un layout di benvenuto per i nuovi iscritti, un annuncio di prodotto per chi ha già comprato in quella categoria, o un’offerta di recupero per i clienti inattivi. Il template resta coerente, contenuti e audience si adattano automaticamente.

Prossimi passi

  1. Inizia con il piano gratuito di Brevo ed esplora la sua libreria di template
  2. Leggi la nostra guida al design della newsletter per consigli avanzati
  3. Dai un’occhiata agli esempi di newsletter per ispirarti
  4. Imposta la tua prima campagna email

Domande frequenti

Dove posso trovare template per newsletter gratuiti?
Brevo include decine di template per newsletter gratuiti e responsive nel suo editor drag-and-drop, senza bisogno di competenze di design. Puoi trovare template gratuiti anche su piattaforme come Canva, Stripo e BEEFree.
Cosa rende buono un template per newsletter?
Un buon template per newsletter è responsive su mobile, ha una gerarchia visiva chiara, usa i colori del tuo brand, include una CTA in evidenza, si carica velocemente e funziona su tutti i client email (Gmail, Outlook, Apple Mail).
Servono competenze HTML per creare template per newsletter?
No. Le piattaforme moderne come Brevo offrono editor drag-and-drop che producono template responsive senza scrivere codice. Personalizzi colori, layout, immagini e font in modo visuale.
Ogni quanto dovrei inviare una newsletter?
Scegli una cadenza che riesci a mantenere nel tempo. Un calendario prevedibile, settimanale o mensile, abitua chi legge ad aspettare e aprire le tue email, e questo conta più della frequenza pura.
Condividi questo articolo:
Torna a tutti gli articoli

Richiedi l’accesso anticipato

Inserisci il tuo nome e un indirizzo email o un numero di telefono. Ti contatteremo con tutte le informazioni per accedere a Tajo.

rilevamento automatico
Ottieni Brevo