E-mail sablonok: 50+ ingyenes sablon és design bevált módszerek [2025]
Töltsd le a 50+ ingyenes e-mail sablont minden felhasználási esetre. Hírleveltől az akciókig: találj testreszabható sablonokat, és tanuld meg a design bevált módszereit.
Az e-mail sablonok a hatékony e-mail marketing alapjai. Akár hírleveleket, promóciós kampányokat vagy tranzakciós e-maileket küldesz, a jól megtervezett sablonok időt takarítanak meg, megőrzik a márkakohéziót, és javítják az elköteleződési arányokat.
Ebben az átfogó útmutatóban 50+ ingyenes e-mail sablont kínálunk minden fontosabb kategóriában, valamint design bevált módszereket, amelyek segítenek konvertáló e-maileket létrehozni.
Miért számítanak az e-mail sablonok?
A számok magukért beszélnek:
- A marketingesek 67%-a szerint az e-mail design a legnagyobb kihívás
- A 80% a rosszul megtervezett e-maileket azonnal törli
- A sablonos e-mailek 75%-kal csökkentik a gyártási időt
- A következetes márkaépítés akár 23%-kal növeli a bevételt
A jól megtervezett e-mail sablonok megoldják ezeket a kihívásokat, miközben biztosítják, hogy minden elküldött e-mail professzionálisnak és márkakonsisztensnek tűnjön.
Négy elrendezés működés közben
Az alábbi panelek mindegyike a sablon valódi e-mail HTML-je, valódi szélességű keretben. Húzza a szélességet 375 px-re, és nézze meg, hogyan rendeződnek egymás alá az oszlopok.
Követi a témáját — váltson a fejlécben, ha a másikat szeretné látni.
A(z) The Letter HTML-jének elolvasása
<!DOCTYPE html>
<html lang="hu" 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;">Az az idézet, amit a jegyzetalkalmazásában őriz, többet dolgozik, mint a tartalomnaptára.</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="Meridian Press fejléc: koncentrikus kék ívek, átlós sávval keresztezve" 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 · 47. szám</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;">Az archívum maga a termék</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Három hete kerestem egy 2019-ben írt szöveget, és nem találtam. Sem az oldalon, sem az exportban, sem a platform saját keresőjében. Ezerkétszáz szám, és az egyetlen működő mutató a memóriám volt.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Ezt nem mondja el senki hat év hírlevélről. Küldeni könnyű. Megőrizni nem.</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;">Minden, amit közzétesz, betét. A kivételt szinte senki nem építi meg.</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;">Ezen a héten tehát valódi archívummá építettem újra a korábbi számokat: címkékkel, teljes szöveges kereséssel és állandó címekkel. Kilenc napig tartott. Az előfizetők száma nem mozdult. Az oldalon töltött idő megháromszorozódott.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Az egész lent van, azokkal a részekkel együtt, amelyek nem működtek.</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;">A teljes szám elolvasása →</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;">Minden csütörtökön kézzel írom. Válaszoljon, és elolvasom.</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;">Leiratkozás</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Megtekintés böngészőben</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Követi a témáját — váltson a fejlécben, ha a másikat szeretné látni.
A(z) The Digest HTML-jének elolvasása
<!DOCTYPE html>
<html lang="hu" 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;">Hat dolog, ami megéri a keddjét. Kettő az árazásról szól.</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;">2026. augusztus 26. · 6 téma · 9 perc</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;">212. SZÁM</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="Absztrakt türkiz ívek, átlós sávval keresztezve" 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 · ÁRAZÁS</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;">Három cég áttért a használatalapú árazásra, kettő visszatért</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Mindkét visszatérő ugyanazt mondja: a támogatási terhelés hamarabb nőtt, mint a bevétel.</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="Absztrakt türkiz gyűrűk eltolt fókuszponttal" 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 · KÉZBESÍTHETŐSÉG</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;">A Gmail tömeges feladókra vonatkozó szabályai egyévesek. Íme, ami valóban változott</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">A panaszarány az egyetlen küszöb, amelyet bárki megközelített. A többi eddig is alapelvárás volt.</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="Absztrakt koncentrikus türkiz ívek törtfehér alapon" 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 · MESTERSÉG</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;">A hírlevélarchívum keresési termék, nem hivatkozáslista</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Kilenc nap munka, nulla előfizetőnövekedés, háromszoros idő az oldalon. Éppen a kompromisszum az érdekes.</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;">Lent még három, köztük az a számlázásról szóló, amelyre mindenki válaszol.</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;">Mind a hat elolvasása</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;">Leiratkozás</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Beállítások kezelése</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Megtekintés böngészőben</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Követi a témáját — váltson a fejlécben, ha a másikat szeretné látni.
A(z) The Storefront HTML-jének elolvasása
<!DOCTYPE html>
<html lang="hu" 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;">Négy új nyomat. A kikötős 40 példány, és nem éli túl a hetet.</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;">Őszi kollekció · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Négy új Northlight nyomat: egymást átfedő rozsdavörös ívek meleg törtfehér alapon" 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;">Négy nyomat. Egyenként negyven példány.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">A kollekció minden nyomata kézzel készült, számozott, és elfogy, amikor elfogy. Itt semmit nem nyomunk újra.</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;">Kollekció megtekintése</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, absztrakt nyomat rozsdavörösben" 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 pamutpapíron</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;">Kosárba</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, absztrakt nyomat borostyánsárgában" 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 pamutpapíron</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;">Kosárba</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, absztrakt nyomat ibolyakékben" 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 pamutpapíron</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;">Kosárba</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, absztrakt nyomat mélyzöldben" 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 pamutpapíron</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;">Kosárba</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>Ingyenes szállítás az Egyesült Királyságban 75 £ felett.</strong> Keretezési lehetőségek a fizetésnél. Visszaküldés 30 napon belül, keret nélkül.</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;">Leiratkozás</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Megtekintés böngészőben</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Követi a témáját — váltson a fejlécben, ha a másikat szeretné látni.
A(z) The Brief HTML-jének elolvasása
<!DOCTYPE html>
<html lang="hu" 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;">A válaszarány 4 ponttal nőtt, és még mindig nem tudjuk, miért. A legjobb tippünk odabent.</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="Ledger Weekly fejléc: ibolyakék ívek majdnem feketén" 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 · 35. hét</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">A válaszarány elmozdult, és senki nem adott ki semmit</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;">Megnyitási arány</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 pont</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;">Kattintási arány</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 pont</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;">Válaszarány</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 pont</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;">A küldésben semmi nem változott. Ugyanaz a lista, ugyanaz a csütörtök, ugyanaz a sablon. Az egyetlen változó, amit találunk: a tárgy tizenegy szám óta először tett fel kérdést.</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;">Válaszok szegmensenként</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;">Fizető előfizetők</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;">Ingyenes, 90 napja aktív</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;">Ingyenes, alvó</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;">Próbaidőszak</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;">A teljes elemzés elolvasása</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;">Leiratkozás</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Megtekintés böngészőben</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Milyen típusú e-mail sablon kell neked?
Mielőtt belevágnánk a konkrét sablonokba, értsd meg a kategóriákat:
| Sablon típusa | Cél | Tipikus gyakoriság |
|---|---|---|
| Üdvözlő | Új előfizetők bevonása | Előfizetőnként egyszer |
| Hírlevél | Rendszeres tartalomfrissítések | Hetente/Havonta |
| Promóciós | Értékesítések és ajánlatok | Szükség szerint |
| Tranzakciós | Rendelés/fiók frissítések | Esemény által kiváltva |
| Újraaktiválási | Inaktív felhasználók visszahozása | Negyedévente |
| Bejelentési | Hírek és bemutatók | Szükség szerint |
Üdvözlő e-mail sablonok (5 sablon)
Az üdvözlő e-mailek megadják az alaphangot az előfizetői kapcsolathoz. Négyszer magasabb megnyitási arányuk van, mint a hagyományos e-mailek.
1. sablon: Az egyszerű üdvözlő
A legjobb: Minimalista márkáknak, B2B vállalatoknak
Tárgy: Üdvözlünk a [Márka] közösségében!
---
[LOGÓ]
Szia [Név],
Üdvözlünk a fedélzeten!
Épp csatlakoztál [X XXX] másik [vásárlóhoz/olvasóhoz/taghoz],akik megbíznak bennünk a [értékajánlat] terén.
Mire számíthatsz:
• Heti [tartalom típusa] minden [nap]• Exkluzív hozzáférés a [juttatáshoz]• Elsők között értesülsz az [ajánlatokról/tartalmakról]
Kezdd el ismerkedni a legnépszerűbb [tartalmakkal/termékekkel]:
[CTA GOMB: Fedezd fel]
Kérdésed van? Csak válaszolj erre az e-mailre.
Üdvözlettel,A [Márka] csapataDesign megjegyzések:
- Egyoszlopos elrendezés
- Kiemelkedő logóelhelyezés
- Felsoroláspontok az áttekinthetőségért
- Egyetlen egyértelmű CTA
2. sablon: A kedvezményes üdvözlő
A legjobb: E-kereskedelemnek, DTC márkáknak
Tárgy: Üdvözlünk! A 15%-os kedvezménykódod belül van
---
[HŐSKÉP - Életstílus/Termék]
Üdvözlünk a [Márka] közösségében, [Név]!
Köszönjük, hogy csatlakoztál hozzánk:kapsz 15% kedvezményt az első rendelésedre:
╔═══════════════════════════════╗║ KÓD: WELCOME15 ║╚═══════════════════════════════╝
[CTA GOMB: Vásárolj most]
Ez a kód 7 nap múlva lejár.
Kérdésed van? Szívesen segítünk.[Kapcsolati e-mail] | [Telefon]
[KÖZÖSSÉGI IKONOK]Design megjegyzések:
- Figyelemfelkeltő hőskép
- Kiemelkedő kedvezménykód-doboz
- Az egyértelmű lejárat sürgősséget teremt
- Több kapcsolatfelvételi lehetőség
3. sablon: A többrészes üdvözlő
A legjobb: Előfizetéses szolgáltatásoknak, oktatási platformoknak
Tárgy: Üdvözlünk! Mindent, amit tudnod kell
---
Szia [Név]!
Üdvözlünk a [Márka] közösségében. Íme a gyorsindítási útmutatód:
┌─────────────────────────────────┐│ 📖 KEZDÉS ││ ││ 1. Töltsd ki a profilodat ││ 2. Állítsd be a preferenciáidat ││ 3. Fedezd fel a [funkciót] ││ ││ [Beállítás megkezdése] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 🎁 ÜDVÖZLŐ AJÁNDÉKOD ││ ││ Használd a NEWBIE20 kódot 20% ││ kedvezményért az első ││ [vásárlásnál/hónapban] ││ ││ [Ajándék igénylése] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ 💬 SEGÍTSÉGRE VAN SZÜKSÉGED? ││ ││ Csapatunk 24/7 elérhető ││ chaten, e-mailen vagy telefonon ││ ││ [Ügyfélszolgálat] │└─────────────────────────────────┘
Örülünk, hogy itt vagy!
A [Márka] csapataDesign megjegyzések:
- Kártyaalapú elrendezés
- Vizuális hierarchia ikonokkal
- Több CTA különböző célokhoz
- Átfogó bevezetés
4. sablon: Az alapítói üdvözlő
A legjobb: Kis márkáknak, startupoknak
Tárgy: Személyes üzenet alapítónktól
---
[ALAPÍTÓI FOTÓ - Laza/Hiteles]
Szia [Név],
Én vagyok [Alapító neve], és személyesen szeretnémüdvözölni a [Márka] közösségében.
Azért hoztam létre ezt a céget [X] évvel ezelőtt, mert[rövid eredettörténet].
Ma már [eredmény] emberen segítettünk, de a küldetésünkváltozatlan maradt: [alapküldetés].
Közösségünk új tagjaként megkapod:
✓ [Juttatás 1]✓ [Juttatás 2]✓ [Juttatás 3]
Minden választ elolvasok ezekre az e-mailekre, ezértne habozz kérdéssel, ötlettel vagy üdvözlettel keresni.
Kezdéshez kapsz 15% kedvezményt: FOUNDER15
[CTA GOMB: Vásárolj most]
Köszönettel,
[Alapítói aláírás][Alapító neve]Alapító és vezérigazgató
U.i. Kövesd utunkat: @[azonosító]Design megjegyzések:
- Személyes, hiteles hangnem
- Az alapítói fotó bizalmat épít
- Az aláírás emberi kapcsolatot ad
- Az utóirat kihasználja a magas olvasottságú területet
5. sablon: Az interaktív üdvözlő
A legjobb: Változatos termékpalettával rendelkező márkáknak
Tárgy: Segíts személyre szabni az élményedet
---
Üdvözlünk a [Márka] közösségében, [Név]!
Mielőtt elkezdenénk küldeni az e-maileket,győződjünk meg arról, hogy relevánsak lesznek.
Mi érdekli a legjobban?
[ ] Új termékek[ ] Akciók és promóciók[ ] Tippek és oktatóanyagok[ ] Iparági hírek[ ] Minden fentiek közül
[PREFERENCIÁK MENTÉSE]
Ha tudjuk, mit szeretnél, csak a jókat fogjuk küldeni.
Köszönjük, hogy segítesz nekünk segíteni!
A [Márka] csapata
U.i. Ezeket bármikor frissítheted az e-mailek„Preferenciák" gombjára kattintva.Design megjegyzések:
- Interaktív preferencia-kiválasztás
- Az előfizető irányíthat
- Jobb szegmentálást tesz lehetővé
- Csökkenti a jövőbeli leiratkozásokat
Hírlevél e-mail sablonok (8 sablon)
A hírlevelek a vásárlások közötti időszakban is elkötelezetté tartják a közönséget.
6. sablon: A klasszikus hírlevél
A legjobb: Rendszeres tartalomösszefoglalókhoz, heti összesítésekhez
Tárgy: [Márka] Heti: [Fő téma]
---
[LOGÓ]
A [MÁRKA] HETILAP[Dátum]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
KIEMELT CIKK
[HŐSKÉP]
[Főcím]
[2-3 mondatos összefoglaló a főcikkről]
[TOVÁBB OLVASOM]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
MÉG EZA HÉTEN
[BÉLYEGKÉP] [2. cikk címe]Rövid leírás...[Olvasd →]
[BÉLYEGKÉP] [3. cikk címe]Rövid leírás...[Olvasd →]
[BÉLYEGKÉP] [4. cikk címe]Rövid leírás...[Olvasd →]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
GYORS LINKEK
• [Link 1]• [Link 2]• [Link 3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[KÖZÖSSÉGI IKONOK]
[Leiratkozás] | [Preferenciák] | [Online megtekintés]Design megjegyzések:
- Egyértelmű vizuális hierarchia
- Kiemelt cikk kiemelkedése
- Könnyen áttekinthető másodlagos cikkek
- Gyors linkek szekció
7. sablon: A kurált összefoglaló
A legjobb: Iparági hírnek, véleményvezér tartalomnak
Tárgy: 5 dolog, amit tudnod kell ezen a héten
---
[LOGÓ]
A HETI ÖSSZEFOGLALÓ[Dátum] | [szám]. szám
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Íme ezen a héten a legfontosabb tudnivalók:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1️⃣ [FŐCÍM 1]
[2-3 mondatos összefoglaló a fő tanulsággal]
💡 Miért számít: [Egysoros felismerés]
[Forrás/Link]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2️⃣ [FŐCÍM 2]
[2-3 mondatos összefoglaló a fő tanulsággal]
💡 Miért számít: [Egysoros felismerés]
[Forrás/Link]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3️⃣ [FŐCÍM 3]
[Összefoglaló]
💡 Miért számít: [Felismerés]
[Forrás/Link]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4️⃣ [FŐCÍM 4]
[Összefoglaló]
💡 Miért számít: [Felismerés]
[Forrás/Link]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
5️⃣ [FŐCÍM 5]
[Összefoglaló]
💡 Miért számít: [Felismerés]
[Forrás/Link]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ennyi mára!
Válaszolj és mondd el, melyik cikk rezonált a legjobban.
[Aláírás][Szerkesztő neve]Design megjegyzések:
- A számozott formátum struktúrát teremt
- A „Miért számít” értéket ad
- Személyes búcsúzó
- Válaszokat ösztönöz
8. sablon: A vizuális hírlevél
A legjobb: Divatnak, lifestyle-nak, kreatív márkáknak
Tárgy: Friss találatok [Évszakra/Hónapra]
---
[TELJES SZÉLESSÉGŰ HŐSKÉP]
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[FŐ FŐCÍM][Alcím szövege]
[CTA GOMB]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[2 OSZLOPOS KÉPRÁCS]
[Kép 1] [Kép 2][Felirat] [Felirat][Vásárolj] [Vásárolj]
[Kép 3] [Kép 4][Felirat] [Felirat][Vásárolj] [Vásárolj]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
MOST TRENDI
[3 OSZLOPOS TERMÉKRÁCS]
[Termék 1] [Termék 2] [Termék 3]XX Ft XX Ft XX Ft[Vásárolj] [Vásárolj] [Vásárolj]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[KÖZÖSSÉGI IKONOK]
[Lábléc linkek]Design megjegyzések:
- Képközpontú design
- Rácselrendezések a termékekhez
- Minimális szöveg
- Erős vizuális hierarchia
9. sablon: A személyes hírlevél
A legjobb: Alkotóknak, tanácsadóknak, véleményvezéreknek
Tárgy: [Személyes megfigyelés vagy gondolat]
---
Szia [Név],
[Nyitó személyes anekdota vagy megfigyelés, 2-3 mondat, amely leköti az olvasót]
[Átvezetés a fő témára]
---
[FŐ TARTALOM SZEKCIÓ]
[Törzstartalom, társalgó hangnem,általában 300-500 szó egyetlen témáról]
[Fő felismerés vagy cselekvésre ösztönző tanulság]
---
📚 MIT OLVASOK/NÉZEK
[Könyv/Cikk cím][1-2 mondatos ajánló]
🔗 HASZNOS LINKEK
• [Link 1 rövid leírással]• [Link 2 rövid leírással]
---
Ennyi mára!
Válaszolj és mondd el a véleményed.
[Búcsúzó][Név]
U.i. [Személyes megjegyzés vagy közelgő hír]Design megjegyzések:
- Társalgó, bensőséges hangnem
- Egytémás fókusz
- Személyes ajánlók
- Utóirat a fontos frissítésekhez
10. sablon: A termék hírlevél
A legjobb: E-kereskedelemnek, kiskereskedelmi márkáknak
Tárgy: Új termékek, amelyek tetszeni fognak + [ajánlat]
---
[LOGÓ]
[NAVIGÁCIÓ: Vásárolj | Új | Akció | Rólunk]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[HŐSBANNER]ÚJ TERMÉKEK[Évszak/Kollekció neve]
[VÁSÁROLJ MOST]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ÉPPEN ÉRKEZETT
[3 OSZLOPOS TERMÉKRÁCS]
[Termékkép] [Termékkép] [Termékkép][Név] [Név] [Név]XX Ft XX Ft XX Ft[Vásárolj] [Vásárolj] [Vásárolj]
[ÖSSZES ÚJ TERMÉK MEGTEKINTÉSE]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[PROMÓCIÓS BANNER]INGYENES SZÁLLÍTÁS 15 000 FT FELETTI RENDELÉSNÉL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ÚJRA ELÉRHETŐ
[2 OSZLOPOS RÁCS]
[Termék] [Termék][Név] [Név]XX Ft XX Ft
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[KÖZÖSSÉGI IKONOK][Lábléc]Design megjegyzések:
- A navigáció tükrözi a webhelyet
- Termékközpontú elrendezés
- Egyértelmű árazás
- Visszaraktározási sürgősség
11. sablon: Az oktató hírlevél
A legjobb: B2B-nek, SaaS-nak, oktató tartalomnak
Tárgy: Hogyan [érj el konkrét eredményt]
---
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
A [MÁRKA] INSIDERTippek, trükkök és stratégiák [közönségnek]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Ezen a héten foglalkozunk: [Téma]
[Nyitó bekezdés a probléma vagy lehetőség meghatározásával]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📖 MAI LECKE
[TÉMA FŐCÍME]
[Oktató tartalom, egyértelmű szekciókra bontva]
1. LÉPÉS: [Tevékenység]
[Magyarázat]
2. LÉPÉS: [Tevékenység]
[Magyarázat]
3. LÉPÉS: [Tevékenység]
[Magyarázat]
💡 PROFI TIPP
[Haladó felismerés tapasztalt olvasóknak]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📊 GYORS STATISZTIKÁK
[Releváns statisztika vagy adatpont, amely megerősíti a leckét]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎯 FELADAT
Ezen a héten teendőd:[Konkrét, cselekvésre ösztönző házi feladat]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
A következő alkalomig,[Név]
[KAPCSOLÓDÓ ERŐFORRÁSOK]• [Link releváns cikkhez]• [Link eszközhöz/sablonhoz]• [Link esettanulmányhoz]Design megjegyzések:
- Egyértelmű struktúra a tanuláshoz
- Számozott lépések
- Cselekvési elemek az elköteleződéshez
- Kapcsolódó erőforrások
12. sablon: A közösségi hírlevél
A legjobb: Tagsági oldalaknak, közösségeknek
Tárgy: Közösségi kiemelések | [Hónap]
---
[LOGÓ]
A [KÖZÖSSÉG] ÖSSZEFOGLALÓJA[Hónap Év]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név]!
Íme, mi történt a közösségünkben:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🌟 TAG KIEMELÉSE
[TAG FOTÓJA]
Ismerkedjetek [Tag neve]-vel!
[2-3 mondat a történetükről/eredményükről]
[TELJES TÖRTÉNET OLVASÁSA]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔥 FORRÓ VITÁK
A hónap legtöbb aktivitást generáló témakörei:
1. [Témakör title] - [XX] válasz2. [Témakör title] - [XX] válasz3. [Témakör title] - [XX] válasz
[CSATLAKOZZ A VITÁHOZ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📅 KÖZELGŐ ESEMÉNYEK
[Dátum] | [Esemény neve][Rövid leírás][RSVP]
[Dátum] | [Esemény neve][Rövid leírás][RSVP]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📈 KÖZÖSSÉGI STATISZTIKÁK
• [X] új tag ebben a hónapban• [X] vita elindítva• [X] megosztott erőforrás
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Legyetek továbbra is ilyen fantasztikusak!
[Közösségi csapat]Design megjegyzések:
- Tagközpontú tartalom
- Szociális bizonyíték az aktivitás révén
- Esemény-promóció
- Közösségi statisztikák
13. sablon: A bejelentési hírlevél
A legjobb: Termékbemutatókhoz, vállalati hírekhez
Tárgy: Bemutatjuk: [Termék/Funkció neve]
---
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[HŐSKÉP/TERMÉK FOTÓ]
BEMUTATJUK A[TERMÉK NEVÉT]
[Tagline vagy értékajánlat]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Dolgoztunk valamin különlegesen, és ma örömmelosztjuk meg veled.
[1-2 bekezdés arról, mi ez és miért számít]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FŐ JELLEMZŐK
✓ [Jellemző 1] [Rövid előny-magyarázat]
✓ [Jellemző 2] [Rövid előny-magyarázat]
✓ [Jellemző 3] [Rövid előny-magyarázat]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[TERMÉK KÉP/KÉPERNYŐKÉP]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
KÜLÖNLEGES BEMUTATÓ AJÁNLAT
Korai felhasználóként exkluzív hozzáférést kapsz:
[Ajánlat részletei: kedvezmény, korai hozzáférés, bónusz]
[KEZDJ EL MOST]
Ez az ajánlat [Dátumig] érvényes.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Kérdésed van? Válaszolj erre az e-mailre, vagylátogasd meg a [GYIK oldalunkat].
Alig várjuk, hogy kipróbáld!
A [Márka] csapataDesign megjegyzések:
- Egyértelmű termékalap
- Kiemelt jellemzőelőnyök
- Bemutató ajánlat sürgősséget teremt
- GYIK az ellenvetések kezeléséhez
Promóciós e-mail sablonok (10 sablon)
A promóciós e-mailek bevételt generálnak.
14. sablon: A villámakció
A legjobb: Időkorlátos ajánlatoknak, készletkiárusításnak
Tárgy: ⚡ 24 ÓRÁS VILLÁMAKCIÓ: 40% kedvezmény mindenre
---
[ANIMÁLT/FÉLKÖVÉR FEJLÉC]
⚡ VILLÁMAKCIÓ ⚡40% KEDVEZMÉNY MINDENRE
VÉGET ÉR: [VISSZASZÁMOLÓ]
[VÁSÁROLJ MOST]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
KÓD NEM SZÜKSÉGESA kedvezmény automatikusan érvényesül a pénztárnál
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP VÁLASZTÁSOK
[TERMÉKRÁCS - 6 tétel]
[Kép] [Kép] [Kép][Név] [Név] [Név]XX→XX Ft XX→XX Ft XX→XX Ft
[Kép] [Kép] [Kép][Név] [Név] [Név]XX→XX Ft XX→XX Ft XX→XX Ft
[ÖSSZES AKCIÓS TERMÉK MEGTEKINTÉSE]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏰ Emlékezz: Ez az akció éjfélkor véget ér!
[VÁSÁROLJ MOST]Design megjegyzések:
- Félkövér, sürgős fejléc
- A visszaszámláló sürgősséget teremt
- Áthúzott árazás
- Több CTA
15. sablon: A szezonális vásár
A legjobb: Ünnepi promóciókhoz, szezonális kiárusításhoz
Tárgy: [Évszak] Vásár: Akár 50% kedvezmény most kezdődik
---
[SZEZONÁLIS HŐSKÉP]
[ÉVSZAK] VÁSÁRAKÁR 50% KEDVEZMÉNY
[VÁSÁROLJ MOST]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
VÁSÁROLJ KATEGÓRIA SZERINT
[KATEGÓRIABANNER - 3 oszlop]
[Kép] [Kép] [Kép][Kategória 1] [Kategória 2] [Kategória 3]Akár 40% off Akár 50% off Akár 30% off
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
BESTSELLER TERMÉKEK AKCIÓN
[TERMÉKRÁCS]
[Kép] [Kép] [Kép] [Kép][Név] [Név] [Név] [Név]XX Ft XX Ft XX Ft XX Ft-30% -40% -25% -50%
[ÖSSZES AJÁNLAT MEGTEKINTÉSE]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
INGYENES SZÁLLÍTÁS15 000 Ft feletti rendelésekre
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Az akció [Dátumig] tart
[VÁSÁROLJ MOST]Design megjegyzések:
- Szezonális képiség
- Kategóriaszervezés
- Kiemelt százalékos megtakarítás
- Ingyenes szállítási küszöb
16. sablon: Az exkluzív ajánlat
A legjobb: VIP vásárlóknak, hűségprogramtagoknak
Tárgy: [Név], korai hozzáférést szereztél
---
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[VIP/EXKLUZÍV JELVÉNY]
KORAI HOZZÁFÉRÉSCSAK NEKED
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Legértékesebb vásárlóink egyikekéntelsőként férhetsz hozzá az év legnagyobb akciójához.
Vásárolj most, mielőtt [Dátum]-án megnyitjuk a nyilvánosság előtt.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
EXKLUZÍV AJÁNLATOD
30% KEDVEZMÉNY AZ EGÉSZ WEBÁRUHÁZBAN+ INGYENES SZÁLLÍTÁS
Kód: VIP30
[KORAI HOZZÁFÉRÉS VÁSÁRLÁSA]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[TERMÉKAJÁNLÓK]
A vásárlási előzmények alapján:
[Kép] [Kép] [Kép][Név] [Név] [Név]XX Ft XX Ft XX Ft
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ez a korai hozzáférés 48 óra múlva lejár.
Köszönjük, hogy hűséges vásárlónk vagy!
A [Márka] csapataDesign megjegyzések:
- VIP-pozicionálás
- Személyre szabott ajánlók
- Exkluzív kód
- Korlátozott hozzáférési időkeret
17-23. sablonok
A [Új termékbemutató], [Csomag ajánlat], [Ingyenes szállítás], [Kiárusítás], [BOGO ajánlat], [Hűségpont emlékeztető] és [Ajánló ajánlat] sablonok ugyanazt a minta struktúrát követik: erős fejléc, egyértelmű értékajánlat, termékrács vagy kód doboz, CTA és lábléc. Igazítsd hozzá a márkád színeihez és hangjához.
Tranzakciós e-mail sablonok (12 sablon)
A tranzakciós e-mailek rendelkeznek a legmagasabb megnyitási arányokkal.
24. sablon: Rendelés visszaigazolása
Tárgy: Rendelés megerősítve! #[Rendelési szám]
---
[LOGÓ]
✓ RENDELÉS MEGERŐSÍTVE
Köszönjük a rendelést, [Név]!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
RENDELÉS #[SZÁM]Leadva: [Dátum]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
RENDELÉS ÖSSZEFOGLALÓJA
[Termékkép] [Terméknév] Db: [X] [XX XXX] Ft
[Termékkép] [Terméknév] Db: [X] [XX XXX] Ft
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━Részösszeg: [XX XXX] FtSzállítás: [X XXX] FtÁFA: [X XXX] Ft━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ÖSSZESEN: [XX XXX] Ft
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SZÁLLÍTÁSI CÍM:
[Vásárló neve][Cím 1. sor][Cím 2. sor][Irányítószám, Város]
Becsült kézbesítés: [Dátum tartomány]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[RENDELÉS NYOMKÖVETÉSE] [RENDELÉS MEGTEKINTÉSE]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Kérdésed van? Lépj velünk kapcsolatba: [e-mail]vagy hívj minket: [telefonszám].
Köszönjük, hogy nálunk vásároltál!
A [Márka] csapata25-35. sablonok
A [Szállítási visszaigazolás], [Kézbesítés visszaigazolása], [Véleménykérés], [Fiók létrehozása], [Jelszó visszaállítása], [Előfizetés visszaigazolása], [Sikertelen fizetés], [Visszatérítés visszaigazolása], [Kosárelhagyás], [Visszaraktározás] és [Áresés értesítés] sablonok mind ugyanazt a struktúrát követik: egyértelmű fejléc, releváns adatok, cselekvésre ösztönző gomb és support elérhetőség.
Újraaktiválási e-mail sablonok (5 sablon)
36. sablon: A „Hiányolunk” e-mail
Tárgy: Hiányolunk, [Név]!
---
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HIÁNYOLUNK!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Egy ideje nem láttuk. Reméljük, minden rendben!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
MI ÚJSÁG
Amíg nem voltál itt, mi sem tétlenkedtünk:
• [Új termék/funkció 1]• [Új termék/funkció 2]• [Új termék/funkció 3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
VISSZATÉRÉSI AJÁNDÉK
Íme 20% kedvezmény az üdvözlésedre:
KÓD: MISSYOU20
[VÁSÁROLJ MOST]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szívesen látunk vissza!
A [Márka] csapata37. sablon: Az „Utolsó esély” e-mail
Tárgy: Ez búcsú, [Név]?
---
[LOGÓ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
EZ BÚCSÚ?
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Szia [Név],
Egy ideje nem hallottunk felőled.
Nem szeretnénk tele ütemezni a beérkező mappádat,ha már nem érdekelnek az üzeneteink, ezértutoljára keresünk meg.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
MARADNI SZERETNÉL?
Kattints alább, és megtartjuk a feliratkozásodat.
[IGEN, MARADOK FELIRATKOZVA]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ha 7 napon belül nem hallunk felőled,töröljük a listánkról.
Semmi neheztelés: bármikor újracsatlakozhatsz a [webhelyen].
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ha mégis menni szeretnél, íme egy utolsó ajándék:
25% kedvezmény a következő rendelésedre: COMEBACK25(30 napig érvényes)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Sok sikert kívánunk,
A [Márka] csapata38-40. sablonok
A „Mi változott” visszajelzési e-mail, a „Frissítések, amíg nem voltál” e-mail és a „Születésnap/Évforduló” újraaktiválási e-mail mind hasonló elveket követ: azonosítsd az inaktivitást, nyújts értéket, és tegyél visszatérési ajánlatot.
Bejelentési e-mail sablonok (5 sablon)
Az [Új funkció bejelentés], [Vállalati hír/mérföldkő], [Rendezvény meghívó], [Irányelvfrissítés] és [Szolgáltatás megszakítás/karbantartás] sablonok mind egyértelmű struktúrát követnek: mi változik, miért számít, mit kell tenni.
Felmérési és visszajelzési sablonok (5 sablon)
Az [NPS felmérés], [Vásárlás utáni felmérés], [Vásárlói elégedettségi felmérés], [Éves felmérés] és [Funkcióigény] sablonok az egyszerű, egykérdéses CTA-tól az átfogó visszajelzési formákig terjednek.
E-mail design bevált módszerek
Most, hogy megvannak a sablonok, nézzük meg, milyen designelvek teszik konvertálóvá az e-maileket.
Elrendezési alapok
Az egyoszlopos elrendezés működik a legjobban:
- Az e-mailek 93%-át mobilon olvassák
- Az egyoszlopos elrendezés alapértelmezés szerint reszponzív
- Könnyebb a hierarchia fenntartása
- Jobb akadálymentesség
Optimális szélesség:
- Maximum 600 px asztali gépen
- Teljes szélesség mobilon
- 20 px belső margó minden oldalon
Tipográfiai irányelvek
| Elem | Méret | Vastagság |
|---|---|---|
| Főcímek | 22-28 px | Félkövér |
| Alcímek | 18-20 px | Félkövér |
| Törzsszöveg | 14-16 px | Normál |
| Képfeliratok | 12-14 px | Normál |
| CTA gombok | 14-16 px | Félkövér |
Betűtípus-ajánlások:
- Talp nélküli digitális: Arial, Helvetica, Verdana
- Modern lehetőségek: Open Sans, Roboto, Lato
- Rendszerbetűtípusok a sebességért: -apple-system, BlinkMacSystemFont
Színstratégia
Elsődleges paletta:
- Márka szín a CTA-khoz és fejlécekhez
- Semleges szürkék a törzsszöveghez
- Fehér/világos háttér
Kontraszt követelmények:
- 4,5:1 minimum a törzsszöveghez
- 3:1 minimum a nagy szöveghez
- Tesztelés színvakság-szimulátorral
CTA gomb design
Hatékony gomb specifikációk:
- Minimum 44 px magasság (érintésbarát)
- Teljes szélesség mobilon
- Magas kontraszt színek
- Egyértelmű, cselekvésorientált szöveg
- Maximum 2-4 szó
Működő CTA szövegek:
- Vásárolj most
- Kezdd el
- Igényeld a kedvezményt
- Töltsd le az ingyenes útmutatót
- Indítsd el az ingyenes próbát
Képirányelvek
Optimalizálás:
- Maximum 1 MB teljes e-mail méret
- 72 DPI webhez
- WebP használata JPEG visszaeséssel
- Tömörítés feltöltés előtt
Alt szöveg:
- Írd le a kép tartalmát
- Tartalmazz CTA-t, ha releváns
- Tartsd 125 karakteren belül
Mobiloptimalizálási ellenőrzőlista
- Egyoszlopos elrendezés
- Érintésbarát gombok (minimum 44x44 px)
- 14 px vagy nagyobb betűméret
- Megfelelő sortávolság (1,5-szoros)
- Tömörített képek
- Rövid tárgysorok (40 karakter alatt)
- Optimalizált előnézeti szöveg
- Könnyen érinthetők a linkek (nincs szoros elhelyezés)
Akadálymentességi követelmények
Nélkülözhetetlen akadálymentességi jellemzők:
- Alt szöveg minden képhez
- Elegendő szín kontraszt
- Logikus olvasási sorrend
- Leíró link szöveg (ne „kattints ide”)
- Role attribútumok a táblázatokhoz
- HTML lang attribútum
- Skálázható szöveg (nincs rögzített pixelméret)
Sötét mód szempontok
Tervezz mindkét módra:
- Átlátszó PNG-ket használj a logókhoz
- Tesztelj sötét módban
- Biztosíts sötét módú képvariánsokat
- Használj CSS médiakérdéseket a színbeállításhoz
Hogyan szabd testre a sablonokat?
1. lépés: Márkád hozzáadása
Cseréld le a helyőrző elemeket a márkáddal:
- Logó elhelyezés - Felül középen vagy bal oldalon
- Márka színek - CTA-k, fejlécek, kiemelések
- Tipográfia - Illeszkedjen a márka betűtípusaihoz
- Képiség - Márkakonform fotók
- Hangnem - Igazítsd a szöveget a márka személyiségéhez
2. lépés: Tartalom személyre szabása
A dinamikus tartalom 20%-kal növeli a konverziókat:
- Merge tagek: Keresztnév, helyszín, preferenciák
- Viselkedési kiváltók: Böngészési előzmények, vásárlási előzmények
- Dinamikus termékek: Adatokon alapuló ajánlók
- Feltételes tartalom: Különböző szegmenseknek különböző tartalom
3. lépés: Tesztelés küldés előtt
Küldés előtti ellenőrzőlista:
- Előnézet főbb e-mail kliensekben
- Összes link tesztelése
- Mobilos megjelenítés ellenőrzése
- Személyre szabás ellenőrzése
- Tárgysor és előnézeti szöveg áttekintése
- Feladó neve és reply-to megerősítése
- Akadálymentesség ellenőrzése
- Betöltési idő tesztelése
4. lépés: Iterálj az adatok alapján
Kövesd nyomon és optimalizálj:
| Mérőszám | Mit mond el | Hogyan javíts |
|---|---|---|
| Megnyitási arány | Tárgysor hatékonysága | Tesztelj különböző megközelítéseket |
| Kattintási arány | Tartalom elkötelezettsége | Javíts CTA-n, elrendezésen |
| Konverziós arány | Ajánlat relevanciája | Tesztelj ajánlatokat, landing oldalakat |
| Leiratkozási arány | Frekvencia/releváns problémák | Módosíts ütemezésen, szegmentáláson |
Sablonok használata Tajóval
A Tajo beépített sablonkönyvtára egyszerűvé teszi az e-mail létrehozást:
Előre elkészített sablonkönyvtár
Professzionálisan megtervezett sablonokhozzáférés minden felhasználási esetre:
- Üdvözlő sorozatok
- Promóciós kampányok
- Tranzakciós e-mailek
- Újraaktiválási folyamatok
- Hírlevél designok
Drag-and-Drop szerkesztő
Testreszabás kódolás nélkül:
- Tartalomblokkok hozzáadása/eltávolítása
- Színek és betűtípusok frissítése
- Termékajánlók beillesztése
- Dinamikus tartalom beépítése
Brevo integráció
Használd ki a Brevo e-mail infrastruktúráját:
- Automatikus vásárlói adat szinkronizálás
- Fejlett szegmentálás
- Többcsatornás hangolás
- Valós idejű analitika
Sablon jellemzők
- Alapértelmezés szerint reszponzív - Minden eszközön működik
- Beépített A/B tesztelés - Könnyedén tesztelj variációkat
- Dinamikus tartalom támogatás - Személyre szabás nagy léptékben
- Előnézet kliensek szerint - Lásd, hogyan jelennek meg az e-mailek
Kész egyszerűsíteni az e-mail létrehozásodat? Indítsd el az ingyenes próbát a Tajóval, és férhess hozzá a teljes sablonkönyvtárhoz.
Összefoglalás
A nagyszerű e-mail sablonok a hatékony e-mail marketing alapjai. Időt takarítanak meg, következetességet biztosítanak, és jól megtervezve javítják az eredményeket.
Használd az ebben az útmutatóban szereplő 50+ sablont kiindulópontként, majd szabd őket testre a márkádhoz és a közönségedhez. Emlékezz az alapokra:
- Mobil-első design
- Egyértelmű vizuális hierarchia
- Egyetlen, fókuszált CTA-k
- Akadálymentes és befogadó design
A legjobb sablon az, amelyre a közönséged reagál. Tesztelj, iterálj és optimalizálj a saját adataid alapján.
Kész munkába állítani ezeket a sablonokat? Kezdd el a Tajóval, és férhess hozzá a teljes testreszabható e-mail sablon könyvtárhoz, valamint az automatizálási eszközökhöz, hogy nagy léptékben is bevetheted őket.
Kapcsolódó cikkek
- E-mail marketing kampányok: átfogó útmutató a tervezéshez, végrehajtáshoz és optimalizáláshoz
- E-mail marketing stratégia: teljes tervezési és végrehajtási útmutató [2025]
- E-mail marketing kisvállalkozásoknak: teljes útmutató (2026)
- E-mail marketing megtérülése: hogyan számítsd ki, kövesd nyomon és javítsd [2025]
- E-mail marketing kezdőknek: teljes kezdési útmutató (2026)