Template newsletter gratuiti: 15 migliori design per ogni settore
Scopri 15 template di newsletter gratuiti per e-commerce, SaaS, agenzie e altro. Design professionali che puoi personalizzare e iniziare a usare oggi con qualsiasi piattaforma email.
Iniziare una newsletter da una tela bianca è intimidatorio. Fissi l’editor vuoto chiedendoti come strutturare il contenuto, quale layout usare e come farla apparire professionale senza passare ore sul design.
I template di newsletter risolvono questo problema. Forniscono una struttura collaudata e un design professionale che puoi personalizzare con i tuoi contenuti, brand e immagini. I migliori template sono responsive mobile, compatibili con i client email e progettati pensando alla conversione.
Questa guida copre 15 design di template di newsletter gratuiti organizzati per settore e caso d’uso. Per ogni tipo di template, spieghiamo i principi di design, la struttura di contenuto consigliata e consigli di personalizzazione.
Cosa rende efficace un template di newsletter
Prima di tuffarsi in template specifici, è importante capire cosa separa un buon template da uno eccellente.
Requisiti tecnici
| Requisito | Perché è importante |
|---|---|
| Responsive mobile | Oltre il 60% delle email è aperto su mobile |
| Compatibilità cross-client | Si renderizza correttamente in Gmail, Outlook, Apple Mail, ecc. |
| Caricamento veloce | Immagini sotto 1MB totali; template sotto 100KB |
| Supporto dark mode | Adozione crescente nei client email |
| Accessibilità | Compatibile con screen reader, contrasto sufficiente |
| Font web-safe | Rendering coerente tra piattaforme |
Principi di design
Gerarchia visiva. Il contenuto più importante dovrebbe essere il più prominente. Usa dimensione, colore e posizionamento per guidare l’occhio del lettore dall’alto verso il basso.
Layout scannabile. La maggior parte dei destinatari email scansiona piuttosto che leggere. Usa intestazioni, elenchi puntati, paragrafi brevi e chiare interruzioni di sezione per rendere il contenuto digeribile.
Branding coerente. La tua newsletter dovrebbe essere immediatamente riconoscibile. Usa i colori del brand, il logo e la tipografia in modo coerente in ogni edizione.
Colonna singola su mobile. I layout multi-colonna possono rompersi su dispositivi mobili. Usa un layout a colonna singola o assicurati che le sezioni multi-colonna si impilino correttamente su schermi più piccoli.
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
<!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;"> ͏ ͏ ͏ ͏ ͏</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 →</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> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vedi nel browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue il tuo tema — cambialo nell'intestazione per vedere l'altro.
Leggi l'HTML di The Digest
<!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 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;">Sei cose che valgono il tuo martedì. Due riguardano i prezzi.</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 agosto 2026 · 6 argomenti · 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;">NUMERO 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="Archi turchese astratti attraversati da una fascia diagonale" 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 · PREZZI</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;">Tre aziende sono passate al prezzo a consumo e due sono tornate indietro</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Le due che hanno fatto marcia indietro dicono la stessa cosa: il carico del supporto è cresciuto prima del fatturato.</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="Anelli turchese astratti con un punto focale spostato" 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 · RECAPITABILITÀ</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;">Le regole di Gmail per i grandi mittenti compiono un anno. Ecco cosa è cambiato davvero</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Il tasso di reclamo è l'unica soglia a cui qualcuno si è avvicinato. Il resto era già scontato.</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="Archi concentrici turchese astratti su bianco sporco" 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 · MESTIERE</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;">L'archivio di una newsletter è un prodotto di ricerca, non un elenco di link</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Nove giorni di lavoro, nessuna crescita di iscritti, il triplo di tempo sul sito. La parte interessante è il compromesso.</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;">Altri tre più in basso, compreso quello sulla fatturazione a cui rispondono tutti.</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;">Leggi tutti e sei</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;">Annulla l'iscrizione</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Gestisci le preferenze</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vedi nel browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue il tuo tema — cambialo nell'intestazione per vedere l'altro.
Leggi l'HTML di The Storefront
<!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 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;">Quattro stampe nuove. Quella del porto ha 40 copie e non arriva a fine settimana.</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;">Uscita d'autunno · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Quattro nuove stampe Northlight: archi rosso ruggine sovrapposti su bianco sporco caldo" 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;">Quattro stampe. Quaranta copie ciascuna.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Ogni stampa di questa uscita è tirata a mano, numerata, e finita quando finisce. Qui non si ristampa nulla.</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;">Scopri l'uscita</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 stampa astratta rosso ruggine" 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 su carta di cotone</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;">Aggiungi al carrello</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 stampa astratta ambra" 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 su carta di cotone</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;">Aggiungi al carrello</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 stampa astratta viola" 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 su carta di cotone</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;">Aggiungi al carrello</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 stampa astratta verde profondo" 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 su carta di cotone</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;">Aggiungi al carrello</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>Spedizione gratuita nel Regno Unito da 75 £.</strong> Opzioni con cornice al pagamento. Resi entro 30 giorni, senza cornice.</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;">Annulla l'iscrizione</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vedi nel browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Segue il tuo tema — cambialo nell'intestazione per vedere l'altro.
Leggi l'HTML di The Brief
<!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 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;">Il tasso di risposta sale di 4 punti e ancora non sappiamo perché. L'ipotesi migliore è 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="Testata Ledger Weekly: archi viola su quasi nero" 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 · Settimana 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Il tasso di risposta si è mosso e nessuno ha rilasciato niente</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;">Tasso di apertura</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 pt</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;">Tasso di clic</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 pt</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;">Tasso di risposta</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 pt</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;">Nell'invio non è cambiato nulla. Stessa lista, stesso giovedì, stesso modello. L'unica variabile che troviamo è che l'oggetto poneva una domanda per la prima volta in undici numeri.</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;">Risposte per 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;">Iscritti paganti</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;">Gratuiti, attivi 90 gg</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;">Gratuiti, inattivi</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;">Prova</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;">Leggi l'analisi completa</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;">Annulla l'iscrizione</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vedi nel browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 15 design di template di newsletter gratuiti
1. L’aggiornamento aziendale classico
Ideale per: aziende B2B, agenzie, servizi professionali
Questo template segue una struttura semplice:
- Logo aziendale e intestazione
- Breve introduzione editoriale (2-3 frasi)
- 3-4 blocchi di contenuto con titoli, brevi descrizioni e CTA
- Footer con link social e cancellazione
Note di design: layout pulito e professionale con ampio spazio bianco. Usa il colore primario del tuo brand per intestazioni e pulsanti CTA. Limita le immagini a un’immagine hero e piccole miniature per i blocchi di contenuto.
Struttura dei contenuti:
- Saluto personale da un membro del team
- Articolo in evidenza o annuncio
- 2-3 elementi di contenuto secondari
- Sezione link rapidi o risorse
- Footer con informazioni di contatto
2. La vetrina prodotti e-commerce
Ideale per: store online, brand retail, aziende DTC
Layout focalizzato sui prodotti progettato per generare vendite:
- Banner hero con prodotto in evidenza o promozione
- Griglia prodotti (2x2 o 3x1) con immagini, nomi, prezzi e pulsanti di acquisto
- Sezione recensioni cliente o testimonianze
- Promozione secondaria o nuovi arrivi
Note di design: immagini di prodotto grandi e di alta qualità sono essenziali. Usa un layout a griglia che si impila in una singola colonna su mobile. Prezzi e pulsanti CTA dovrebbero essere immediatamente visibili.
Per i brand e-commerce che usano Tajo con Brevo, questi template possono essere popolati dinamicamente con raccomandazioni di prodotti personalizzate in base alla cronologia di navigazione e acquisto di ogni iscritto. Vedi la nostra guida sull’email marketing e-commerce per strategie di personalizzazione.
3. Il digest di contenuti
Ideale per: media company, content creator, pubblicazioni
Un template ricco di contenuti progettato per mostrare più articoli:
- Articolo in evidenza con grande immagine ed estratto
- Lista di 5-8 articoli aggiuntivi con titoli e riassunti in una riga
- Etichette di categoria per ogni articolo
- Callout “Più popolare” o “Scelto dall’editor”
Note di design: dai priorità alla leggibilità con una tipografia pulita e un’interlinea generosa. Usa una formattazione coerente per ogni voce di articolo in modo che i lettori possano scansionare rapidamente il digest.
4. La newsletter personale
Ideale per: solopreneur, thought leader, consulenti
Un template minimale e focalizzato sul testo che sembra una lettera personale:
- Foto e nome dell’autore
- Contenuto scritto long-form (500-800 parole)
- Immagini ed elementi di design minimali
- Semplici link testuali invece di pulsanti stilizzati
- Saluto personale di chiusura
Note di design: questo template ha successo grazie alla semplicità. Usa un layout a colonna singola, font standard e uno stile minimo. L’obiettivo è sembrare un’email personale invece di una comunicazione di marketing.
5. L’aggiornamento di prodotto SaaS
Ideale per: software house, startup tech, strumenti per sviluppatori
Layout focalizzato sulle feature per comunicare aggiornamenti di prodotto:
- Numero di versione o titolo dell’aggiornamento
- Highlight di feature con screenshot o GIF
- Elenco puntato di migliorie e correzioni
- Teaser “Cosa arriverà dopo”
- CTA per provare le nuove feature
Note di design: includi screenshot del prodotto o immagini dell’interfaccia per mostrare invece di raccontare. Usa un design pulito e moderno che riflette l’estetica del tuo software.
6. L’invito a un evento
Ideale per: organizzatori di eventi, conferenze, host di webinar
Un template a singolo scopo focalizzato sul generare iscrizioni:
- Nome dell’evento e branding visivo
- Data, ora e luogo (o piattaforma virtuale)
- Highlight dei relatori con foto e biografie
- Panoramica dell’agenda
- CTA di registrazione prominente
- Urgenza per prezzi early bird o posti limitati
Note di design: il pulsante CTA dovrebbe apparire almeno due volte, una sopra la piega e una dopo i dettagli. Usa elementi di conto alla rovescia o linguaggio di urgenza quando appropriato.
7. Il roundup settimanale
Ideale per: newsletter di settore, publisher di contenuti curati
Un template strutturato per curare contenuti dal web:
- Nota dell’editore (2-3 frasi)
- 5-10 link curati con attribuzione della fonte, titolo e breve commento
- Sezioni numerate o categorizzate
- Sezione “Sponsor” o “In evidenza” se monetizzata
- Sondaggio per i lettori o richiesta di feedback
Note di design: una numerazione chiara e una formattazione coerente per ogni elemento curato aiutano i lettori a navigare. Usa bordi sottili o colori di sfondo per separare le sezioni.
8. Il report d’impatto no-profit
Ideale per: enti benefici, ONG, imprese sociali
Un template progettato per condividere storie d’impatto e generare donazioni:
- Titolo con statistica d’impatto (“Abbiamo aiutato 1.000 famiglie questo mese”)
- Storia con foto (un beneficiario o progetto)
- Barra di progresso verso un obiettivo di campagna
- Opportunità di volontariato o eventi
- Pulsante CTA di donazione
Note di design: guida con l’impatto emotivo attraverso la fotografia e storie reali. Usa la visualizzazione dei dati (barre di progresso, statistiche) per mostrare risultati concreti.
9. La promozione stagionale
Ideale per: retail, ospitalità, business stagionali
Un template visivamente ricco progettato per campagne festive e stagionali:
- Immagine hero stagionale a tutta larghezza
- Offerta promozionale con termini chiari
- Selezione curata di prodotti o guida regali
- Elemento scadenza o conto alla rovescia
- CTA multiple ovunque
Note di design: colori audaci e immagini stagionali creano urgenza. Assicurati che l’offerta promozionale sia immediatamente chiara senza scorrere. Testa il template a fondo, poiché le email ricche di immagini possono avere problemi di rendering tra i client.
10. La serie educativa
Ideale per: corsi online, business di coaching, istituzioni educative
Un template strutturato per fornire contenuti educativi:
- Numero della lezione e titolo della serie
- Takeaway chiave o obiettivo di apprendimento
- Contenuto principale con sezioni chiare
- Esercizio pratico o azione da compiere
- Indicatore di progresso (lezione 3 di 8)
- CTA alla prossima lezione o risorsa correlata
Note di design: usa una struttura coerente in tutte le lezioni della serie in modo che gli iscritti sappiano cosa aspettarsi. Includi un indicatore di progresso per motivare il completamento.
11. L’inserzione immobiliare
Ideale per: agenti immobiliari, aziende di gestione immobiliare
Un template focalizzato sulle proprietà con ricchi elementi visivi:
- Inserzione in evidenza con grande galleria fotografica
- Dettagli della proprietà (prezzo, camere, bagni, metratura)
- 3-4 inserzioni aggiuntive in formato griglia
- Aggiornamento di mercato o spotlight quartiere
- Informazioni di contatto dell’agente con foto
Note di design: la fotografia di proprietà di alta qualità è essenziale. Includi dettagli chiave (prezzo, dimensioni, posizione) immediatamente visibili senza cliccare.
12. Il ristorante o business alimentare
Ideale per: ristoranti, food delivery, aziende di catering
Un template visivamente appetitoso:
- Immagine hero del piatto in evidenza o voce di menu
- Offerte settimanali o nuove voci di menu
- CTA di prenotazione o ordine
- Evidenziazione recensioni cliente
- Informazioni su posizione e orari
Note di design: la fotografia del cibo dovrebbe essere professionale e appetitosa. Usa colori caldi e spaziature generose. La CTA primaria (ordina, prenota, visita) dovrebbe essere impossibile da mancare.
13. Fitness e benessere
Ideale per: palestre, personal trainer, brand di benessere
Un template energico focalizzato su motivazione e azione:
- Immagine hero motivazionale
- Allenamento della settimana o consiglio di benessere
- Calendario corsi o eventi in arrivo
- Spotlight di un membro o storia di trasformazione
- CTA di prenotazione o membership
Note di design: usa fotografia orientata all’azione e una tipografia audace. Mantieni il tono motivante senza essere pressante.
14. La vetrina portfolio dell’agenzia
Ideale per: agenzie creative, freelance, studi di design
Un template stile portfolio per mostrare il lavoro recente:
- Progetto in evidenza con grandi visual e breve case study
- 2-3 progetti recenti aggiuntivi in griglia
- Testimonianza del cliente
- Aggiornamenti di team o assunzioni
- CTA di contatto per potenziali clienti
Note di design: lascia che il lavoro parli da sé con visual grandi e di alta qualità. Mantieni il testo minimo e focalizzato su risultati ed esiti invece che descrizioni di processo.
15. La newsletter della community
Ideale per: organizzazioni di membership, community online, business locali
Un template focalizzato sulla community che incoraggia il coinvolgimento:
- Notizie e annunci della community
- Spotlight o intervista a un membro
- Calendario eventi in arrivo
- Spunti di discussione o sondaggi
- Sezione contenuti generati dagli utenti
- CTA di iscrizione/partecipazione
Note di design: includi foto e nomi dei membri (con permesso) per costruire connessione con la community. Usa un tono caloroso e inclusivo e incoraggia risposte e partecipazione.
Dove trovare template di newsletter gratuiti
Piattaforme di email marketing
La maggior parte delle piattaforme di email marketing include template gratuiti nei loro piani:
| Piattaforma | Template gratuiti | Livello di personalizzazione | Piano gratuito disponibile |
|---|---|---|---|
| Brevo | 60+ | Editor drag-and-drop | Sì |
| Mailchimp | 100+ | Editor drag-and-drop | Sì (limitato) |
| HubSpot | 45+ | Editor drag-and-drop | Sì |
| MailerLite | 80+ | Editor drag-and-drop | Sì |
| Constant Contact | 200+ | Editor drag-and-drop | No |
La libreria di template di Brevo è particolarmente adatta ai business e-commerce, con template progettati per annunci di prodotto, conferme d’ordine e campagne promozionali che si integrano con i dati del tuo store attraverso Tajo.
Fonti di template di terze parti
- Litmus Community: template gratuiti, testati con dati di compatibilità cross-client
- Really Good Emails: galleria curata di esempi di newsletter reali per ispirazione
- Stripo: costruttore gratuito di template email con 1.500+ design
- BeeFree: editor drag-and-drop con 200+ template responsive gratuiti
- MJML: framework open-source per costruire template email responsive con codice
Personalizzare i template per il tuo brand
Personalizzazioni essenziali
Ogni template ha bisogno di queste modifiche prima dell’uso:
- Logo e colori del brand: sostituisci il branding di default con il tuo
- Tipografia: usa i font del tuo brand (con fallback web-safe)
- Informazioni del footer: aggiorna con i dettagli del tuo business e i requisiti legali
- Link ai social: aggiungi i tuoi profili reali
- Link di cancellazione: richiesto per legge in ogni email di marketing
Personalizzazioni avanzate
Una volta che sei a tuo agio con un template, considera questi miglioramenti:
- Blocchi di contenuto dinamici: mostra contenuti diversi a diversi segmenti di iscritti
- Token di personalizzazione: inserisci nomi, posizioni o preferenze degli iscritti
- Sezioni condizionali: mostra o nascondi sezioni in base agli attributi degli iscritti
- Elementi interattivi: aggiungi sondaggi, survey o interattività basata su AMP
Best practice per i template di newsletter
Testa prima di inviare. Invia email di test a Gmail, Outlook, Apple Mail e Yahoo come minimo. Usa uno strumento come Litmus o Email on Acid per test cross-client completi.
Ottimizza le immagini. Comprimi tutte le immagini per ridurre il tempo di caricamento. Includi alt text per ogni immagine nel caso in cui le immagini siano bloccate dal client email.
Tieni bassa la dimensione del file. La dimensione totale dell’email (HTML + immagini) dovrebbe restare sotto i 100KB per l’HTML e sotto 1MB per il contenuto totale. Email più grandi rischiano di essere tagliate da Gmail o bloccate dai filtri spam.
Mantieni la coerenza. Usa la stessa struttura di template per ogni edizione della newsletter. Gli iscritti sviluppano abitudini di lettura intorno a layout familiari e la coerenza costruisce fiducia.
Includi il testo semplice. Fornisci sempre un’alternativa in testo semplice per i client email che non renderizzano l’HTML. La maggior parte delle piattaforme email lo genera automaticamente, ma verificalo per assicurarti della leggibilità.
Testa la deliverability email regolarmente. Un bel template è senza valore se finisce nello spam. Monitora la reputazione del mittente e l’autenticazione (SPF, DKIM, DMARC) insieme agli sforzi di design.
Come iniziare
Scegli un template che corrisponda al tuo settore e stile di contenuto. Parti con personalizzazioni minime, colori del brand, logo e footer, e invia la tua prima edizione. Man mano che impari cosa risuona con il tuo pubblico attraverso tassi di apertura e dati sui clic, itera sul design e sulla struttura del contenuto.
Il miglior template di newsletter non è quello visivamente più impressionante. È quello che il tuo pubblico legge costantemente, su cui clicca regolarmente e che aspetta con ansia di ricevere.