Ezen az oldalon
- Miért számítanak az e-mail sablonok?
- Milyen típusú e-mail sablon kell neked?
- Üdvözlő e-mail sablonok (5 sablon)
- Hírlevél e-mail sablonok (8 sablon)
- Promóciós e-mail sablonok (10 sablon)
- Tranzakciós e-mail sablonok (12 sablon)
- Újraaktiválási e-mail sablonok (5 sablon)
- Bejelentési e-mail sablonok (5 sablon)
- Felmérési és visszajelzési sablonok (5 sablon)
- E-mail design bevált módszerek
- Hogyan szabd testre a sablonokat?
- Sablonok használata Tajóval
- Összefoglalás
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.
Gyakran Ismételt Kérdések
Mik az e-mail sablonok?
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.
Hogyan kezdjek el e-mail sablonokat használni?
Kezdd az alapokkal: értsd meg az alapvető fogalmakat, válaszd ki a megfelelő eszközöket, és lépésről lépésre vezérelj be. Ez az útmutató mindent lefed a kezdőtől a haladó szintig.
Melyek a legjobb eszközök az e-mail sablonokhoz?
A legjobb eszközök a költségvetésedtől és igényeidtől függnek. A Brevo átfogó ingyenes szintet kínál, amely lefedi az e-mailt, SMS-t, CRM-et és az automatizálást. Részletes ajánlásokért lásd ezt az útmutatót.
Hány e-mail sablon kell nekem?
Kezdd ezekkel az alapokkal: - 1 üdvözlő sablon (vagy 3-5 sorozathoz) - 1 hírlevél sablon - 2-3 promóciós sablon - 5-6 tranzakciós sablon (visszaigazolás, szállítás stb.) - 1-2 újraaktiválási sablon Ahogy növekszel, adj hozzá specializált sablonokat konkrét kampányokhoz.
HTML vagy sima szöveges e-maileket használjak?
A céltól függ: - **HTML:** Promóciós, hírleveles, márkázott kommunikáció - **Sima szöveg:** Személyes kapcsolatfelvétel, egyes tranzakciós, B2B Sok sikeres e-mail program mindkettőt használja. A HTML sablonok jobban teljesítenek vizuális tartalomhoz, míg a sima szöveg személyesebbnek érezhet egyes közönségek számára.
Milyen gyakran frissítsem a sablonokat?
Negyedévente áttekintés: - Képek évszakos frissítése - Termékajánlók frissítése - Új elrendezések és CTA-k tesztelése - Márkakonzisztencia biztosítása A nagy újratervezések évente vagy márkaarculat-váltáskor ajánlottak.
Mi az ideális e-mail sablon hossz?
Nincs univerzális szabály, de típusonkénti irányelvek: - **Promóciós:** 50-150 szó - **Hírlevél:** 200-500 szó - **Tranzakciós:** Amilyen rövid, de teljes - **Üdvözlő:** 100-200 szó e-mailenként Koncentrálj az áttekinthetőségre és az egyetlen egyértelmű CTA-ra a hossztól függetlenül.
Hogyan tegyem mobilreszponzívvá a sablonokat?
Fő mobiloptimalizálási stratégiák: 1. Egyoszlopos elrendezés használata 2. Betűméret minimum 14 px 3. Gombok teljes szélességű és legalább 44 px magas 4. Folyékony szélességek (százalékok, nem rögzített pixelek) 5. Többoszlopos tartalom függőleges egymásra rakása 6. Tesztelés több eszközön
Használhatok ugyanolyan sablont különböző szegmensekhez?
Igen, dinamikus tartalomblokkokkal: - Különböző termékek mutatása preferenciák alapján - Üzenetküldés módosítása vásárlói szint alapján - Ajánlatok személyre szabása vásárlási előzmények szerint - Tartalom módosítása helyszín alapján A legtöbb e-mail platform feltételes tartalmat támogat a sablonokban.
Hogyan tartom fenn a márkakonzisztenciát a sablonok között?
Hozz létre sablonstílus-útmutatót, amely tartalmazza: - Logó elhelyezést és méretezést - Szín kódokat (pontos hex értékek) - Tipográfiai specifikációkat - Képstílus irányelveket - Hangnem és stílus példákat - CTA gomb stílusokat Mentsd el a márka elemeket újrafelhasználható modulokként az e-mail platformban.
Mi a legjobb módszer az e-mail sablonok tesztelésére?
Átfogó tesztelési megközelítés: 1. **Belső előnézet:** Áttekintés az e-mail platformban 2. **E-mail kliens tesztelés:** Litmus vagy Email on Acid 3. **Mobil tesztelés:** Ellenőrzés valódi eszközökön 4. **Akadálymentességi tesztelés:** Képernyőolvasók használata 5. **A/B tesztelés:** Tesztelés valódi közönséggel 6. **Link tesztelés:** Összes URL ellenőrzése