Șabloane gratuite de newsletter: 15 cele mai bune designuri pentru fiecare industrie
Descoperă 15 șabloane gratuite de newsletter pentru e-commerce, SaaS, agenții și multe altele. Designuri profesionale pe care le poți personaliza și folosi chiar azi cu orice platformă de e-mail.
Pornirea unui newsletter dintr-o pagină albă poate fi descurajantă. Privești editorul gol, întrebându-te cum să îți structurezi conținutul, ce format să folosești și cum să-l faci să arate profesional fără a petrece ore întregi în design.
Șabloanele de newsletter rezolvă această problemă. Ele oferă o structură dovedită și un design profesional pe care le poți personaliza cu propriul conținut, branding și imagini. Cele mai bune șabloane sunt responsive pentru mobil, compatibile cu diferiți clienți de email și concepute cu scopul de a genera conversii.
Acest ghid acoperă 15 designuri gratuite de șabloane de newsletter organizate pe industrii și cazuri de utilizare. Pentru fiecare tip de șablon, explicăm principiile de design, structura de conținut recomandată și sfaturile de personalizare.
Ce face ca un șablon de newsletter să fie eficient
Înainte de a trece la șabloanele specifice, este important să înțelegi ce separă un șablon bun de unul excelent.
Cerințe tehnice
| Cerință | De ce contează |
|---|---|
| Responsive pe mobil | 60%+ din emailuri sunt deschise pe dispozitive mobile |
| Compatibilitate inter-clienți | Se afișează corect în Gmail, Outlook, Apple Mail etc. |
| Încărcare rapidă | Imagini sub 1MB total; șablon sub 100KB |
| Suport pentru modul întunecat | Adoptare crescândă la clienții de email |
| Accesibilitate | Compatibil cu cititoarele de ecran, contrast suficient |
| Fonturi sigure pentru web | Afișare consecventă pe toate platformele |
Principii de design
Ierarhie vizuală. Conținutul cel mai important ar trebui să fie cel mai proeminent. Folosește dimensiunea, culoarea și poziționarea pentru a ghida privirea cititorului de sus în jos.
Format scanabil. Majoritatea destinatarilor de emailuri scanează, nu citesc. Folosește titluri, puncte de listă, paragrafe scurte și separatoare clare de secțiuni pentru a face conținutul ușor de parcurs.
Branding consistent. Newsletter-ul tău ar trebui să fie imediat recunoscut. Folosește culorile brandului, logo-ul și tipografia în mod consecvent în fiecare număr.
O singură coloană pe mobil. Formatele cu mai multe coloane se pot strica pe dispozitivele mobile. Folosește un format cu o singură coloană sau asigură-te că secțiunile cu mai multe coloane se stivuiesc corect pe ecranele mai mici.
Patru machete, în funcțiune
Fiecare panou de mai jos este HTML-ul de e-mail real al șablonului, într-un cadru cu lățime reală. Reduceți lățimea la 375 px și priviți cum se așază coloanele una sub alta.
Urmează tema dumneavoastră — schimbați-o din antet ca să o vedeți pe cealaltă.
Citește HTML-ul șablonului The Letter
<!DOCTYPE html>
<html lang="ro" 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;">Citatul pe care îl păstrați în aplicația de notițe muncește mai mult decât calendarul dumneavoastră 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="Antet Meridian Press: arce albastre concentrice traversate de o bandă 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 · Numărul 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;">Arhiva este produsul</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Acum trei săptămâni am căutat un text scris în 2019 și nu l-am găsit. Nici pe site, nici în export, nici în căutarea platformei. O mie două sute de numere, iar singurul index care funcționa era memoria mea.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Asta este partea pe care nimeni nu ți-o spune despre șase ani de newsletter. Trimiterea e ușoară. Păstrarea nu.</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;">Tot ce publicați este un depozit. Retragerea aproape nimeni nu o construiește.</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;">Așa că săptămâna asta am reconstruit numerele vechi ca arhivă adevărată, cu etichete, căutare în tot textul și adrese permanente. A durat nouă zile. Numărul de abonați nu s-a clintit. Timpul petrecut pe site s-a triplat.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Totul este mai jos, inclusiv părțile care nu au funcționat.</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;">Citește numărul întreg →</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;">Scris de mână în fiecare joi. Răspundeți și citesc.</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;">Dezabonare</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vezi în browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Urmează tema dumneavoastră — schimbați-o din antet ca să o vedeți pe cealaltă.
Citește HTML-ul șablonului The Digest
<!DOCTYPE html>
<html lang="ro" 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;">Șase lucruri care merită marțea dumneavoastră. Două sunt despre prețuri.</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 august 2026 · 6 subiecte · 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;">NUMĂRUL 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="Arce turcoaz abstracte traversate de o bandă 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 · PREȚURI</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;">Trei companii au trecut la tarifare după consum, iar două s-au întors</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Ambele care au dat înapoi spun același lucru: încărcarea suportului a crescut înaintea veniturilor.</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="Inele turcoaz abstracte cu un punct focal decalat" 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 · LIVRABILITATE</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;">Regulile Gmail pentru expeditorii în masă au împlinit un an. Iată ce s-a schimbat cu adevărat</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Rata de reclamații este singurul prag de care cineva s-a apropiat. Restul era oricum obligatoriu.</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="Arce turcoaz concentrice abstracte pe alb spart" 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 · MESERIE</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;">Arhiva unui newsletter este un produs de căutare, nu o listă de linkuri</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Nouă zile de muncă, zero creștere de abonați, de trei ori mai mult timp pe site. Interesant este tocmai compromisul.</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;">Încă trei mai jos, inclusiv cel despre facturare la care răspunde toată lumea.</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;">Citește toate șase</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;">Dezabonare</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Gestionează preferințele</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vezi în browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Urmează tema dumneavoastră — schimbați-o din antet ca să o vedeți pe cealaltă.
Citește HTML-ul șablonului The Storefront
<!DOCTYPE html>
<html lang="ro" 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;">Patru gravuri noi. Cea cu portul are 40 de exemplare și nu rezistă săptămâna.</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;">Colecția de toamnă · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Patru gravuri Northlight noi: arce roșu-ruginiu suprapuse pe alb spart cald" 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;">Patru gravuri. Câte patruzeci de exemplare.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Fiecare gravură din această colecție este trasă manual, numerotată și dispărută când se termină. Aici nu se retipărește nimic.</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;">Vezi colecția</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, o gravură abstractă în roșu-ruginiu" 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 pe hârtie de bumbac</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;">Adaugă în coș</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, o gravură abstractă în chihlimbariu" 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 pe hârtie de bumbac</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;">Adaugă în coș</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, o gravură abstractă în violet" 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 pe hârtie de bumbac</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;">Adaugă în coș</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, o gravură abstractă în verde închis" 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 pe hârtie de bumbac</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;">Adaugă în coș</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>Livrare gratuită în Regatul Unit de la 75 £.</strong> Opțiuni de înrămare la plată. Retur în 30 de zile, fără ramă.</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;">Dezabonare</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vezi în browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Urmează tema dumneavoastră — schimbați-o din antet ca să o vedeți pe cealaltă.
Citește HTML-ul șablonului The Brief
<!DOCTYPE html>
<html lang="ro" 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;">Rata de răspuns a crescut cu 4 puncte și tot nu știm de ce. Cea mai bună ipoteză, înăuntru.</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="Antet Ledger Weekly: arce violet pe aproape negru" 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 · Săptămâna 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Rata de răspuns s-a mișcat și nimeni nu a lansat nimic</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;">Rata de deschidere</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 pct.</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;">Rata de clic</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 pct.</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;">Rata de răspuns</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 pct.</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;">Nimic nu s-a schimbat la trimitere. Aceeași listă, aceeași joi, același șablon. Singura variabilă pe care o găsim este că subiectul a pus o întrebare pentru prima dată în unsprezece numere.</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;">Răspunsuri pe segment</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;">Abonați plătitori</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;">Gratuiți, activi 90 z</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;">Gratuiți, inactivi</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;">Perioadă de probă</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;">Citește analiza completă</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;">Dezabonare</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Vezi în browser</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> 15 designuri gratuite de șabloane de newsletter
1. Actualizarea clasică a companiei
Ideal pentru: Companii B2B, agenții, servicii profesionale
Acest șablon urmează o structură simplă:
- Logo-ul companiei și antet
- Introducere editorială scurtă (2-3 propoziții)
- 3-4 blocuri de conținut cu titluri, descrieri scurte și CTA-uri
- Footer cu link-uri sociale și dezabonare
Note de design: Format curat, profesional cu spațiu alb generos. Folosește culoarea primară a brandului pentru titluri și butoanele CTA. Limitează imaginile la o imagine hero și miniaturi mici pentru blocurile de conținut.
Structura conținutului:
- Salut personal din partea unui membru al echipei
- Articol sau anunț featured
- 2-3 elemente de conținut secundar
- Secțiune cu link-uri rapide sau resurse
- Footer cu informații de contact
2. Vitrina de produse e-commerce
Ideal pentru: Magazine online, branduri de retail, companii DTC
Format axat pe produse, conceput pentru a genera vânzări:
- Banner hero cu produsul sau promoția featured
- Grilă de produse (2x2 sau 3x1) cu imagini, nume, prețuri și butoane de cumpărare
- Secțiune cu recenzie sau testimonial de la client
- Promoție secundară sau produse noi
Note de design: Imaginile mari, de înaltă calitate ale produselor sunt esențiale. Folosește un format grilă care se îngustează la o singură coloană pe mobil. Prețul și butoanele CTA ar trebui să fie imediat vizibile.
Pentru brandurile e-commerce care folosesc Tajo cu Brevo, aceste șabloane pot fi populate dinamic cu recomandări de produse personalizate bazate pe istoricul de navigare și cumpărare al fiecărui abonat. Vezi ghidul nostru despre marketingul prin email pentru e-commerce pentru strategii de personalizare.
3. Digest-ul de conținut
Ideal pentru: Companii media, creatori de conținut, publicații
Un șablon bogat în conținut, conceput pentru a prezenta mai multe articole:
- Articol featured cu imagine mare și extras
- Listă cu 5-8 articole suplimentare cu titluri și rezumate dintr-o singură linie
- Etichete de categorie pentru fiecare articol
- Rubrica „Cel mai popular” sau „Alegerea editorului”
Note de design: Prioritizează lizibilitatea cu tipografie curată și spațiere generoasă între rânduri. Folosește formatarea consecventă pentru fiecare intrare de articol, astfel încât cititorii să poată scana rapid digest-ul.
4. Newsletter-ul personal
Ideal pentru: Soloprenori, lideri de opinie, consultanți
Un șablon minimalist, axat pe text, care se simte ca o scrisoare personală:
- Fotografia și numele autorului
- Conținut scris în format lung (500-800 de cuvinte)
- Imagini și elemente de design minime
- Link-uri text simple, nu butoane stilizate
- Semnătură personală
Note de design: Acest șablon reușește prin simplitate. Folosește un format cu o singură coloană, fonturi standard și stilizare minimă. Scopul este să se simtă ca un email personal, nu ca o comunicare de marketing.
5. Actualizarea produsului SaaS
Ideal pentru: Companii de software, startup-uri tech, instrumente pentru dezvoltatori
Format axat pe funcționalități pentru comunicarea actualizărilor de produs:
- Numărul versiunii sau titlul actualizării în antet
- Prezentare a funcționalității cu captură de ecran sau GIF
- Listă punctată cu îmbunătățiri și corecturi
- Teaser „Ce urmează”
- CTA pentru a încerca noile funcționalități
Note de design: Include capturi de ecran ale produsului sau imagini ale interfeței pentru a arăta, nu doar a spune. Folosește un design curat, modern care reflectă estetica software-ului tău.
6. Invitația la eveniment
Ideal pentru: Organizatori de evenimente, conferințe, gazde de webinare
Un șablon cu un singur scop, axat pe generarea de înregistrări:
- Numele evenimentului și branding-ul vizual
- Data, ora și locația (sau platforma virtuală)
- Prezentarea vorbitorilor cu fotografii și biografie
- Prezentare generală a agendei
- CTA proeminent pentru înregistrare
- Prețul early bird sau urgența locurilor limitate
Note de design: Butonul CTA ar trebui să apară cel puțin de două ori - o dată deasupra liniei de pliere și o dată după detalii. Folosește elemente de numărătoare inversă sau limbaj de urgență când este cazul.
7. Retrospectiva săptămânală
Ideal pentru: Newsletter-uri din industrie, editori de conținut curate
Un șablon structurat pentru curatorierea conținutului de pe web:
- Nota editorului (2-3 propoziții)
- 5-10 link-uri curate cu atribuire sursei, titlu și scurt comentariu
- Secțiuni numerotate sau categorice
- Secțiunea „Sponsor” sau „Featured” dacă este monetizat
- Sondaj pentru cititori sau solicitare de feedback
Note de design: Numerotarea clară și formatarea consecventă pentru fiecare element curate ajută cititorii să navigheze. Folosește borduri subtile sau culori de fundal pentru a separa secțiunile.
8. Raportul de impact nonprofit
Ideal pentru: Organizații caritabile, ONG-uri, întreprinderi sociale
Un șablon conceput pentru a împărtăși povești de impact și a stimula donații:
- Titlu cu statistică de impact („Am ajutat 1.000 de familii luna aceasta”)
- Poveste cu fotografie (un beneficiar sau proiect)
- Bară de progres spre un obiectiv de campanie
- Oportunități de voluntariat sau evenimente
- Buton CTA pentru donație
Note de design: Conduce cu impactul emoțional prin fotografie și povești reale. Folosește vizualizarea datelor (bare de progres, statistici) pentru a arăta rezultate concrete.
9. Promoția sezonieră
Ideal pentru: Retail, ospitalitate, afaceri sezoniere
Un șablon vizual bogat conceput pentru campaniile de sărbători și sezoniere:
- Imagine hero sezonieră lățime completă
- Ofertă promoțională cu termeni clari
- Selecție curată de produse sau ghid de cadouri
- Element de termen limită sau numărătoare inversă
- Multiple CTA-uri de-a lungul conținutului
Note de design: Culorile îndrăznețe și imaginile sezoniere creează urgență. Asigură-te că oferta promoțională este imediat clară fără derulare. Testează bine șablonul, deoarece emailurile bogate în imagini pot avea probleme de afișare la diferiți clienți.
10. Seria educațională
Ideal pentru: Cursuri online, afaceri de coaching, instituții educaționale
Un șablon structurat pentru livrarea conținutului educațional:
- Numărul lecției și titlul seriei
- Concluzie cheie sau obiectiv de învățare
- Conținut principal cu secțiuni clare
- Exercițiu practic sau element de acțiune
- Indicator de progres (Lecția 3 din 8)
- CTA pentru lecția următoare sau resursa conexă
Note de design: Folosește o structură consecventă în toate lecțiile seriei, astfel încât abonații să știe la ce să se aștepte. Include un indicator de progres pentru a motiva finalizarea.
11. Listingul imobiliar
Ideal pentru: Agenți imobiliari, companii de administrare a proprietăților
Un șablon axat pe proprietăți cu elemente vizuale bogate:
- Listing featured cu galerie foto mare
- Detalii proprietate (preț, dormitoare, băi, suprafață)
- 3-4 listing-uri suplimentare în format grilă
- Actualizare de piață sau prezentare a cartierului
- Informații de contact ale agentului cu fotografie
Note de design: Fotografia de înaltă calitate a proprietăților este esențială. Include detaliile cheie (preț, suprafață, locație) imediat vizibile fără a da click.
12. Restaurantul sau afacerea alimentară
Ideal pentru: Restaurante, livrare de mâncare, companii de catering
Un șablon vizual apetisant:
- Imagine hero cu preparatul sau elementul de meniu featured
- Specialitățile săptămânii sau elementele noi de meniu
- CTA pentru rezervare sau comandă
- Evidențierea recenziei clientului
- Informații despre locație și program
Note de design: Fotografia culinară ar trebui să fie profesională și apetisantă. Folosește culori calde și spațiere generoasă. CTA-ul principal (comandă, rezervă, vizitează) ar trebui să fie imposibil de ratat.
13. Fitness și wellness
Ideal pentru: Săli de sport, antrenori personali, branduri de wellness
Un șablon energic axat pe motivație și acțiune:
- Imagine hero motivațională
- Antrenamentul săptămânii sau sfatul de wellness
- Programul cursurilor sau evenimentele viitoare
- Prezentarea unui membru sau poveste de transformare
- CTA pentru rezervare sau abonament
Note de design: Folosește fotografie orientată spre acțiune și tipografie îndrăzneață. Menține tonul motivant fără a fi insistent.
14. Portofoliul agenției
Ideal pentru: Agenții creative, freelanceri, studiouri de design
Un șablon în stil portofoliu pentru prezentarea lucrărilor recente:
- Proiect featured cu vizuale mari și scurt studiu de caz
- 2-3 proiecte recente suplimentare în grilă
- Testimonial de la client
- Actualizări despre echipă sau angajări
- CTA de contact pentru potențialii clienți
Note de design: Lasă lucrarea să vorbească de la sine cu vizuale mari, de înaltă calitate. Menține textul minimal și axat pe rezultate și efecte, nu pe descrieri ale procesului.
15. Newsletter-ul comunității
Ideal pentru: Organizații cu membri, comunități online, afaceri locale
Un șablon axat pe comunitate care încurajează implicarea:
- Știri și anunțuri ale comunității
- Prezentarea unui membru sau interviu
- Calendar cu evenimente viitoare
- Prompts de discuție sau sondaj
- Secțiune cu conținut generat de utilizatori
- CTA pentru alăturare/implicare
Note de design: Include fotografii și numele membrilor (cu permisiune) pentru a construi conexiunea cu comunitatea. Folosește un ton cald, incluziv și încurajează răspunsurile și participarea.
Unde să găsești șabloane gratuite de newsletter
Platforme de email marketing
Majoritatea platformelor de email marketing includ șabloane gratuite în planurile lor:
| Platformă | Șabloane gratuite | Nivel de personalizare | Plan gratuit disponibil |
|---|---|---|---|
| Brevo | 60+ | Editor drag-and-drop | Da |
| Mailchimp | 100+ | Editor drag-and-drop | Da (limitat) |
| HubSpot | 45+ | Editor drag-and-drop | Da |
| MailerLite | 80+ | Editor drag-and-drop | Da |
| Constant Contact | 200+ | Editor drag-and-drop | Nu |
Biblioteca de șabloane a Brevo este deosebit de potrivită pentru afacerile e-commerce, cu șabloane concepute pentru anunțuri de produse, confirmări de comenzi și campanii promoționale care se integrează cu datele magazinului tău prin Tajo.
Surse de șabloane terțe
- Litmus Community: Șabloane gratuite, testate, cu date de compatibilitate inter-clienți
- Really Good Emails: Galerie curată cu exemple reale de newsletter pentru inspirație
- Stripo: Constructor gratuit de șabloane de email cu 1.500+ designuri
- BeeFree: Editor drag-and-drop cu 200+ șabloane responsive gratuite
- MJML: Framework open-source pentru construirea de șabloane de email responsive cu cod
Personalizarea șabloanelor pentru brandul tău
Personalizări esențiale
Fiecare șablon necesită aceste modificări înainte de utilizare:
- Logo și culorile brandului: Înlocuiește branding-ul implicit cu al tău propriu
- Tipografie: Folosește fonturile brandului (cu alternative sigure pentru web)
- Informații footer: Actualizează cu detaliile afacerii tale și cerințele legale
- Link-uri rețele sociale: Adaugă profilurile tale reale
- Link dezabonare: Obligatoriu prin lege în fiecare email de marketing
Personalizări avansate
Odată ce ești confortabil cu un șablon, ia în considerare aceste îmbunătățiri:
- Blocuri de conținut dinamic: Arată conținut diferit diferitelor segmente de abonați
- Token-uri de personalizare: Inserează numele abonaților, locațiile sau preferințele
- Secțiuni condiționale: Arată sau ascunde secțiuni bazate pe atributele abonaților
- Elemente interactive: Adaugă sondaje, chestionare sau interactivitate bazată pe AMP
Bune practici pentru șabloanele de newsletter
Testează înainte de a trimite. Trimite emailuri de test la Gmail, Outlook, Apple Mail și Yahoo cel puțin. Folosește un instrument precum Litmus sau Email on Acid pentru testare completă inter-clienți.
Optimizează imaginile. Comprimă toate imaginile pentru a reduce timpul de încărcare. Include text alternativ pentru fiecare imagine în cazul în care imaginile sunt blocate de clientul de email.
Menține dimensiunea fișierului mică. Dimensiunea totală a emailului (HTML + imagini) ar trebui să rămână sub 100KB pentru HTML și sub 1MB pentru conținutul total. Emailurile mai mari riscă să fie trunchiate de Gmail sau blocate de filtrele de spam.
Menține consistența. Folosește aceeași structură de șablon pentru fiecare număr de newsletter. Abonații dezvoltă obiceiuri de citire în jurul formatelor familiare, iar consecvența construiește încrederea.
Include text simplu. Oferă întotdeauna o alternativă în text simplu pentru clienții de email care nu redau HTML. Majoritatea platformelor de email generează aceasta automat, dar revizuiește-o pentru a asigura lizibilitatea.
Testează livrabilitatea emailului regulat. Un șablon frumos este inutil dacă ajunge în spam. Monitorizează reputația expeditorului și autentificarea (SPF, DKIM, DMARC) alături de eforturile de design.
Cum să începi
Alege un șablon care se potrivește industriei și stilului tău de conținut. Începe cu personalizări minime - culorile brandului, logo-ul și footer-ul - și trimite primul număr. Pe măsură ce afli ce rezonează cu publicul tău prin datele de deschidere și click, iterează asupra structurii de design și conținut.
Cel mai bun șablon de newsletter nu este cel mai impresionant din punct de vedere vizual. Este cel pe care publicul tău îl citește în mod constant, pe care dă click regulat și pe care se bucură să-l primească.