Na této stránce
- Proč záleží na e-mailových šablonách
- Typy e-mailových šablon, které potřebuješ
- Uvítací e-mailové šablony (5 šablon)
- Šablony newsletterů (8 šablon)
- Šablony propagačních e-mailů (10 šablon)
- Šablony transakčních e-mailů (12 šablon)
- Šablony re-engagementových e-mailů (5 šablon)
- Šablony oznamovacích e-mailů (5 šablon)
- Šablony průzkumů a zpětné vazby (5 šablon)
- Osvědčené postupy designu e-mailů
- Jak přizpůsobit šablony
- Použití šablon s Tajo
- Závěr
E-mailové šablony jsou páteří efektivního e-mail marketingu. Ať posíláš newslettery, propagační kampaně nebo transakční e-maily, dobře navržené šablony šetří čas, udržují konzistentnost značky a zlepšují míru zapojení.
V tomto komplexním průvodci poskytneme 50+ bezplatných e-mailových šablon napříč každou hlavní kategorií, plus osvědčené postupy designu, které ti pomohou vytvářet e-maily, které konvertují.
Proč záleží na e-mailových šablonách
Čísla hovoří za vše:
- 67 % marketérů říká, že design e-mailů je jejich největší výzvou
- 80 % příjemců okamžitě smaže špatně navržené e-maily
- Šablonové e-maily snižují dobu produkce o 75 %
- Konzistentní branding zvyšuje příjmy až o 23 %
Dobře navržené e-mailové šablony tyto výzvy řeší a zajišťují, že každý e-mail, který odešleš, vypadá profesionálně a je v souladu se značkou.
Čtyři rozvržení v provozu
Každý panel níže je skutečné e-mailové HTML šablony v rámu o skutečné šířce. Stáhněte šířku na 375 px a sledujte, jak se sloupce skládají pod sebe.
Sleduje váš motiv — přepněte jej v záhlaví a uvidíte ten druhý.
Přečíst HTML šablony The Letter
<!DOCTYPE html>
<html lang="cz" 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;">Citát, který si necháváte v poznámkách, odvádí víc práce než váš obsahový kalendář.</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="Hlavička Meridian Press: soustředné modré oblouky protnuté šikmým pásem" 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 · Číslo 47</p>
</td></tr>
<tr><td class="gutter" style="padding:0 88px;font-family:Georgia,'Times New Roman',Times,serif;">
<h1 class="h1 d-ink" style="margin:0 0 20px 0;font-size:34px;line-height:42px;font-weight:400;color:#141414;">Archiv je ten produkt</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Před třemi týdny jsem hledal text, který jsem napsal v roce 2019, a nenašel jsem ho. Ani na webu, ani v exportu, ani ve vyhledávání samotné platformy. Dvanáct set čísel a jediný fungující rejstřík byla moje paměť.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">To je ta část, kterou vám o šesti letech newsletteru nikdo neřekne. Odesílat je snadné. Uchovávat ne.</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;">Všechno, co publikujete, je vklad. Výběr skoro nikdo nestaví.</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;">Tenhle týden jsem tedy starší čísla přestavěl na skutečný archiv, se štítky, fulltextovým vyhledáváním a trvalými adresami. Zabralo to devět dní. Počet odběratelů se nehnul. Čas strávený na webu se ztrojnásobil.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Všechno je níže, včetně částí, které nevyšly.</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;">Přečíst celé číslo →</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;">Psáno rukou každý čtvrtek. Odpovězte a já si to přečtu.</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;">Odhlásit odběr</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Zobrazit v prohlížeči</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sleduje váš motiv — přepněte jej v záhlaví a uvidíte ten druhý.
Přečíst HTML šablony The Digest
<!DOCTYPE html>
<html lang="cz" 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;">Šest věcí, které stojí za vaše úterý. Dvě jsou o cenách.</span><span style="display:none;font-size:1px;color:#fefefe;"> ͏ ͏ ͏ ͏ ͏</span>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="d-bg" style="background-color:#f4f3f0;">
<tr><td align="center" style="padding:28px 12px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" class="wrap d-card" style="width:600px;max-width:600px;background-color:#ffffff;border-radius:6px;">
<tr><td class="gutter" style="padding:30px 32px 22px 32px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="middle" style="font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;">
<p class="d-ink" style="margin:0;font-size:20px;line-height:26px;font-weight:800;color:#141414;">The Tuesday Digest</p>
<p class="d-mute" style="margin:4px 0 0 0;font-size:14px;line-height:20px;color:#6b6b6b;">26. srpna 2026 · 6 témat · 9 min</p>
</td>
<td valign="middle" align="right" class="hide-sm">
<span class="d-chip" style="display:inline-block;background:#e2f4ef;color:#00614f;border-radius:999px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;padding:6px 12px;">ČÍSLO 212</span>
</td>
</tr>
</table>
</td></tr>
<tr><td class="gutter" style="padding:0 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="d-rule" style="border-top:2px solid #141414;font-size:0;line-height:0;"> </td></tr></table></td></tr>
<tr><td class="gutter" style="padding:0 32px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:22px 0;">
<tr>
<td class="row-thumb" width="112" valign="top" style="width:112px;padding:0;padding-right:20px;">
<img src="/_astro/digest-1.gDWNYw1C.png" width="112" height="112" alt="Abstraktní tyrkysové oblouky protnuté šikmým pásem" 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 · CENY</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;">Tři firmy přešly na platbu za využití a dvě se vrátily zpět</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Obě, které couvly, říkají totéž: zátěž podpory vyrostla dřív než tržby.</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="Abstraktní tyrkysové kruhy s posunutým ohniskovým bodem" 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 · DORUČITELNOST</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;">Pravidla Gmailu pro hromadné odesílatele mají rok. Tohle se skutečně změnilo</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Míra stížností je jediný práh, ke kterému se vůbec někdo přiblížil. Zbytek byl už tak samozřejmostí.</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="Abstraktní soustředné tyrkysové oblouky na lomené bílé" 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 · ŘEMESLO</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;">Archiv newsletteru je vyhledávací produkt, ne seznam odkazů</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Devět dní práce, nulový přírůstek odběratelů, trojnásobný čas na webu. Zajímavý je právě ten kompromis.</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;">Další tři níže, včetně toho o fakturaci, na který odpovídají všichni.</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;">Přečíst všech šest</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;">Odhlásit odběr</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Spravovat předvolby</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Zobrazit v prohlížeči</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sleduje váš motiv — přepněte jej v záhlaví a uvidíte ten druhý.
Přečíst HTML šablony The Storefront
<!DOCTYPE html>
<html lang="cz" 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;">Čtyři nové grafiky. Ta s přístavem má 40 kusů a týden nevydrží.</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;">Podzimní kolekce · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Čtyři nové grafiky Northlight: překrývající se rezavě červené oblouky na teplé lomené bílé" 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;">Čtyři grafiky. Po čtyřiceti kusech.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Každá grafika v této kolekci je tištěná ručně, číslovaná a pryč, jakmile dojde. Tady se nic nedotiskuje.</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;">Prohlédnout kolekci</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, abstraktní grafika v rezavě červené" 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 na bavlněném papíře</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;">Do košíku</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, abstraktní grafika v jantarové" 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 na bavlněném papíře</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;">Do košíku</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, abstraktní grafika ve fialové" 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 na bavlněném papíře</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;">Do košíku</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, abstraktní grafika v temně zelené" 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 na bavlněném papíře</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;">Do košíku</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>Doprava po Spojeném království zdarma od 75 £.</strong> Možnosti rámování u pokladny. Vrácení do 30 dnů, bez rámu.</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;">Odhlásit odběr</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Zobrazit v prohlížeči</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Sleduje váš motiv — přepněte jej v záhlaví a uvidíte ten druhý.
Přečíst HTML šablony The Brief
<!DOCTYPE html>
<html lang="cz" 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;">Míra odpovědí vzrostla o 4 body a pořád nevíme proč. Nejlepší odhad uvnitř.</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="Hlavička Ledger Weekly: fialové oblouky na téměř černé" 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 · Týden 35</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Míra odpovědí se pohnula a nikdo nic nevydal</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;">Míra otevření</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 b.</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;">Míra prokliků</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 b.</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;">Míra odpovědí</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 b.</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;">V odeslání se nic nezměnilo. Stejný seznam, stejný čtvrtek, stejná šablona. Jediná proměnná, kterou nacházíme, je, že předmět poprvé za jedenáct čísel položil otázku.</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;">Odpovědi podle segmentu</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;">Platící odběratelé</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;">Zdarma, aktivní 90 dní</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;">Zdarma, spící</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;">Zkušební verze</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;">Přečíst celý rozbor</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;">Odhlásit odběr</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Zobrazit v prohlížeči</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Typy e-mailových šablon, které potřebuješ
Než se ponoříme do konkrétních šablon, pojďme pochopit kategorie:
| Typ šablony | Účel | Typická frekvence |
|---|---|---|
| Uvítací | Onboarding nových odběratelů | Jednou na odběratele |
| Newsletter | Pravidelné aktualizace obsahu | Týdně/Měsíčně |
| Propagační | Výprodeje a nabídky | Dle potřeby |
| Transakční | Aktualizace objednávky/účtu | Spouštěné událostí |
| Re-engagement | Získání zpět neaktivních uživatelů | Čtvrtletně |
| Oznámení | Novinky a spuštění | Dle potřeby |
Uvítací e-mailové šablony (5 šablon)
Uvítací e-maily nastavují tón pro vztah s odběratelem. Mají 4x vyšší míry otevření než běžné e-maily.
Šablona 1: Jednoduché uvítání
Nejlepší pro: Minimalistické značky, B2B společnosti
Předmět: Vítejte v [Značka]!
---
[LOGO]
Ahoj [Jméno],
Vítejte na palubě!
Právě jste se připojili k [X XXX] dalším [zákazníkům/čtenářům/členům],kteří nám důvěřují pro [hodnotová nabídka].
Co očekávat:
• Týdenní [typ obsahu] každý [den]• Exkluzivní přístup k [výhodě]• Přednostní přístup k [nabídkám/obsahu]
Začněte prozkoumáním našich nejpopulárnějších [obsahu/produktů]:
[TLAČÍTKO CTA: Prozkoumat]
Máte otázky? Stačí odpovědět.
S pozdravem,Tým [Značka]Poznámky k designu:
- Jednosloupcové rozvržení
- Prominentní umístění loga
- Odrážky pro snazší prohlížení
- Jedno jasné CTA
Šablona 2: Uvítání se slevou
Nejlepší pro: E-commerce, DTC značky
Předmět: Vítejte! Uvnitř je váš kód na 15% slevu
---
[HERO OBRÁZEK - lifestyle/produkt]
Vítejte v [Značka], [Jméno]!
Jako poděkování za připojení k naší komunitě,tady je 15% sleva na první objednávku:
╔═══════════════════════════════╗║ KÓD: WELCOME15 ║╚═══════════════════════════════╝
[TLAČÍTKO CTA: Nakupovat]
Tento kód vyprší za 7 dní.
Otázky? Jsme tu, abychom pomohli.[Kontaktní e-mail] | [Telefon]
[IKONY SOCIÁLNÍCH SÍTÍ]Poznámky k designu:
- Poutavý hero obrázek
- Prominentní rámeček se slevovým kódem
- Jasná expirace vytváří naléhavost
- Více možností kontaktu
Šablona 3: Vícestupňové uvítání
Nejlepší pro: Předplatné, vzdělávací platformy
Předmět: Vítejte! Zde je vše, co potřebujete vědět
---
Ahoj [Jméno]!
Vítejte v [Značka]. Zde je váš průvodce pro rychlý start:
┌─────────────────────────────────┐│ ZAČÍNÁME ││ ││ 1. Dokončete svůj profil ││ 2. Nastavte si preference ││ 3. Prozkoumejte [klíčovou fci] ││ ││ [Zahájit nastavení] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ VÁŠ UVÍTACÍ DÁREK ││ ││ Použijte kód NEWBIE20 pro 20% ││ sleva na první [nákup/měsíc] ││ ││ [Uplatnit dárek] │└─────────────────────────────────┘
┌─────────────────────────────────┐│ POTŘEBUJETE POMOC? ││ ││ Náš tým je k dispozici 24/7 ││ přes chat, e-mail nebo telefon ││ ││ [Kontaktovat podporu] │└─────────────────────────────────┘
Těšíme se, že vás máme!
Tým [Značka]Poznámky k designu:
- Rozvržení s kartami
- Vizuální hierarchie s ikonami
- Více CTA pro různé cíle
- Komplexní onboarding
Šablona 4: Uvítání od zakladatele
Nejlepší pro: Malé značky, startupy
Předmět: Osobní vzkaz od našeho zakladatele
---
[FOTO ZAKLADATELE - Neformální/autentické]
Ahoj [Jméno],
Jsem [Jméno zakladatele] a chtěl/a jsem tě osobněpřivítat v [Značka].
Tuto společnost jsem před [X] lety zahájil/a, protože[stručný příběh o vzniku].
Dnes jsme pomohli [dosažení], ale našemise zůstává stejná: [klíčová mise].
Jako nový člen naší komunity získáte:
✓ [Výhoda 1]✓ [Výhoda 2]✓ [Výhoda 3]
Čtu každou odpověď na tyto e-maily, takže neváhejoslovit s otázkami, nápadynebo jen pozdravit.
Tady je 15% sleva pro začátek: FOUNDER15
[TLAČÍTKO CTA: Začít nakupovat]
S vděčností,
[Podpis zakladatele][Jméno zakladatele]Zakladatel/ka a CEO
P.S. - Sledujte naši cestu: @[handle]Poznámky k designu:
- Osobní, autentický tón
- Foto zakladatele buduje důvěru
- Podpis přidává lidský dotek
- P.S. využívá oblast s vysokou čteností
Šablona 5: Interaktivní uvítání
Nejlepší pro: Značky s rozmanitými produktovými liniemi
Předmět: Pomozte nám personalizovat váš zážitek
---
Vítejte v [Značka], [Jméno]!
Než vám začneme posílat e-maily,ujistěme se, že jsou relevantní.
Co vás nejvíce zajímá?
[ ] Novinky[ ] Výprodeje a akce[ ] Tipy a návody[ ] Oborové novinky[ ] Vše výše uvedené
[ULOŽIT PREFERENCE]
Tím, že víme, co chcete, budeme posílatjen to nejlepší.
Děkujeme, že nám pomáháte pomáhat vám!
Tým [Značka]
P.S. - Toto můžete kdykoli aktualizovatkliknutím na "Preference" v jakémkoli e-mailu.Poznámky k designu:
- Interaktivní výběr preferencí
- Dává odběrateli kontrolu
- Umožňuje lepší segmentaci
- Snižuje budoucí odhlášení
Šablony newsletterů (8 šablon)
Newslettery udržují vaše publikum zapojené mezi nákupy.
Šablona 6: Klasický newsletter
Nejlepší pro: Pravidelné přehledy obsahu, týdenní souhrny
Předmět: [Značka] Týdně: [Hlavní téma]
---
[LOGO]
[ZNAČKA] TÝDNĚ[Datum]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HLAVNÍ PŘÍBĚH
[HERO OBRÁZEK]
[Nadpis]
[2-3 větný souhrn hlavního příběhu]
[ČÍST VÍCE]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TENTO TÝDEN DÁLE
[NÁHLED] [Název příběhu 2]Krátký popis...[Číst →]
[NÁHLED] [Název příběhu 3]Krátký popis...[Číst →]
[NÁHLED] [Název příběhu 4]Krátký popis...[Číst →]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
RYCHLÉ ODKAZY
• [Odkaz 1]• [Odkaz 2]• [Odkaz 3]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[IKONY SOCIÁLNÍCH SÍTÍ]
[Odhlásit] | [Preference] | [Zobrazit online]Poznámky k designu:
- Jasná vizuální hierarchie
- Prominentní hlavní příběh
- Snadno skenovatelné vedlejší příběhy
- Sekce rychlých odkazů
Šablona 7: Kurátorský přehled
Nejlepší pro: Oborové novinky, myšlenkové vedení
Předmět: 5 věcí, které musíte vědět tento týden
---
[LOGO]
TÝDENNÍ PŘEHLED[Datum] | Vydání č. [Číslo]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ahoj [Jméno],
Zde jsou letošní must-knows:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1. [NADPIS 1]
[2-3 větný souhrn s klíčovým závěrem]
Proč je to důležité: [jednořádkový přehled]
[Zdroj/Odkaz]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2. [NADPIS 2]
[Souhrn]
Proč je to důležité: [Přehled]
[Zdroj/Odkaz]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3. [NADPIS 3] | 4. [NADPIS 4] | 5. [NADPIS 5]
[Souhrn + Proč je to důležité pro každý]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
To je pro tento týden vše!
Odpovězte a dejte mi vědět, který příběh vásnejvíce oslovil.
[Podpis][Jméno redaktora]Šablona 8: Vizuální newsletter
Nejlepší pro: Módní, lifestylové, kreativní značky
Předmět: Čerstvé novinky pro [Sezónu/Měsíc]
---
[FULL-WIDTH HERO OBRÁZEK]
[LOGO]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[HLAVNÍ NADPIS][Text podnadpisu]
[TLAČÍTKO CTA]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[2-SLOUPCOVÁ MŘÍŽKA OBRÁZKŮ]
[Obrázek 1] [Obrázek 2][Popisek] [Popisek][Nakupovat] [Nakupovat]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CO JE V TRENDU
[3-SLOUPCOVÁ MŘÍŽKA PRODUKTŮ]
[Produkt 1] [Produkt 2] [Produkt 3]XXX Kč XXX Kč XXX Kč[Nakupovat] [Nakupovat] [Nakupovat]Šablona 9: Osobní newsletter
Nejlepší pro: Tvůrci, konzultanti, myšlenkové vedení
Předmět: [Osobní pozorování nebo myšlenka]
---
Ahoj [Jméno],
[Úvodní osobní anekdota - 2-3 věty, které zaujmou čtenáře]
[Přechod k hlavnímu tématu]
---
[HLAVNÍ SEKCE OBSAHU]
[Tělo - konverzační tón, obvykle 300-500 slov na jedno téma]
[Klíčový přehled nebo akční závěr]
---
CO ČTU/SLEDUJI
[Název knihy/článku][Doporučení v 1-2 větách]
UŽITEČNÉ ODKAZY
• [Odkaz 1 s krátkým popisem]• [Odkaz 2 s krátkým popisem]
---
To je pro tento týden vše!
Odpovězte a dejte mi vědět vaše myšlenky.
[Rozloučení][Jméno]
P.S. - [Osobní poznámka nebo nadcházející novinky]Šablona 10: Produktový newsletter
Nejlepší pro: E-commerce, maloobchodní značky
Předmět: Novinky, které si zamiluješ + [nabídka]
---
[LOGO]
[NAVIGACE: Obchod | Novinky | Výprodej | O nás]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[HERO BANNER]NOVINKY[Název sezóny/kolekce]
[NAKUPOVAT]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PRÁVĚ PŘIŠLO
[3-SLOUPCOVÁ MŘÍŽKA PRODUKTŮ]
[Obrázek] [Obrázek] [Obrázek][Název] [Název] [Název]XXX Kč XXX Kč XXX Kč
[ZOBRAZIT VŠECHNY NOVINKY]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
DOPRAVA ZDARMA NA OBJEDNÁVKY NAD 1 000 KČŠablona 11: Vzdělávací newsletter
Nejlepší pro: B2B, SaaS, vzdělávací obsah
Předmět: Jak [dosáhnout konkrétního výsledku]
---
[LOGO]
[ZNAČKA] INSIDERTipy, triky a strategie pro [publikum]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ahoj [Jméno],
Téma tohoto týdne: [Téma]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
DNEŠNÍ LEKCE
[NADPIS TÉMATU]
KROK 1: [Akce] | KROK 2: [Akce] | KROK 3: [Akce]
[Vysvětlení pro každý krok]
PRO TIP: [Pokročilý přehled]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ÚKOL NA TENTO TÝDEN:[Konkrétní, proveditelný domácí úkol]
[SOUVISEJÍCÍ ZDROJE]Šablona 12: Komunitní newsletter
Nejlepší pro: Členské weby, komunity
Předmět: Komunitní highlights | [Měsíc]
---
[LOGO]
PŘEHLED [KOMUNITY][Měsíc Rok]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SPOTLIGHT ČLENA
[FOTO ČLENA]
Představujeme [Jméno člena]!
[2-3 věty o jejich příběhu/úspěchu]
[ČÍST CELÝ PŘÍBĚH]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HORKÉ DISKUSE | NADCHÁZEJÍCÍ AKCE | STATISTIKY KOMUNITYŠablona 13: Oznamovací newsletter
Nejlepší pro: Spuštění produktů, firemní novinky
Předmět: Představujeme [Název produktu/funkce]
---
[HERO OBRÁZEK/ZÁBĚR PRODUKTU]
PŘEDSTAVUJEME[NÁZEV PRODUKTU]
[Tagline nebo hodnotová nabídka]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Ahoj [Jméno],
Pracovali jsme na něčem speciálníma dnes se s vámi o to rádi podělíme.
KLÍČOVÉ FUNKCE: ✓ [Funkce 1] ✓ [Funkce 2] ✓ [Funkce 3]
SPECIÁLNÍ NABÍDKA PŘI SPUŠTĚNÍ
Jako první uživatel/ka máte exkluzivní přístup:[Podrobnosti nabídky - sleva, předčasný přístup, bonus]
[ZAČÍT NYNÍ]
Tato nabídka vyprší [Datum].Šablony propagačních e-mailů (10 šablon)
Šablona 14: Bleskový výprodej
Nejlepší pro: Časově omezené nabídky, vyprodání zásob
Předmět: 24-HODINOVÝ BLESKOVÝ VÝPRODEJ: 40% sleva na vše
---
BLESKOVÝ VÝPRODEJ40% SLEVA NA VŠE
KONČÍ ZA: [ODPOČÍTÁVÁNÍ]
[NAKUPOVAT]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
BEZ KÓDUSleva se uplatní automaticky při pokladně
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TOP VÝBĚRY [MŘÍŽKA 6 PRODUKTŮ S PŘEŠKRTNUTÝMI CENAMI]
Pamatuj: Tento výprodej končí o půlnoci!Šablona 15: Sezónní výprodej
Předmět: [Sezóna] Výprodej: Až 50% sleva začíná teď
---
[SEZÓNNÍ HERO OBRÁZEK]
[SEZÓNA] VÝPRODEJ - AŽ 50% SLEVA
NAKUPOVAT PODLE KATEGORIE | BESTSELLERY V AKCI
Výprodej končí [Datum]Šablona 16: Exkluzivní nabídka
Předmět: [Jméno], získal/a jste předčasný přístup
---
PŘEDČASNÝ PŘÍSTUP - POUZE PRO VÁS
Ahoj [Jméno],
Jako jeden z našich nejvíce ceněných zákazníkůmáte první přístup k našemu největšímu výprodeji roku.
VAŠE EXKLUZIVNÍ NABÍDKA: 30% SLEVA + DOPRAVA ZDARMAKód: VIP30
[NAKUPOVAT PŘEDČASNÝ PŘÍSTUP]
Tento předčasný přístup vyprší za 48 hodin.Šablona 17: Spuštění nového produktu
Předmět: Je tady: [Název produktu]
---
PRÁVĚ SPUŠTĚNO - [NÁZEV PRODUKTU]
[PROČ SI TO ZAMILUJEŠ]
✓ [Výhoda 1] ✓ [Výhoda 2] ✓ [Výhoda 3]
SPECIÁLNÍ NABÍDKA PŘI SPUŠTĚNÍ
Objednej v příštích 48 hodinách a získej[bonus/sleva/doprava zdarma]Šablona 18: Balíčková nabídka
Předmět: Ušetři 25%, když si sestavíš balíček
---
LÉPE DOHROMADY - SESTAV SVŮJ BALÍČEK A UŠETŘI 25%
KROK 1: Vyber základní produktKROK 2: Přidej doplňující položkyKROK 3: Dokonči svůj balíček
Tvůj balíček: [X] položek | Běžná cena: XXX Kč | Cena balíčku: XXX Kč (Ušetříš XX Kč)
[SESTAVIT MŮJ BALÍČEK]Šablona 19: Nabídka dopravy zdarma
Předmět: Doprava zdarma jen tento víkend
---
DOPRAVA ZDARMA NA VŠECHNY OBJEDNÁVKY
Pouze tento víkend: [Datum] - [Datum]
Bez minima. Bez kódu.
[NAKUPOVAT] - Doprava zdarma končí v neděli o půlnociŠablona 20: Výprodej skladu
Předmět: Poslední výprodej: Dalších 40% sleva z akce
---
POSLEDNÍ VÝPRODEJ - DALŠÍCH 40% Z AKČNÍCH POLOŽEK
Ceny dle označení + kód EXTRA40
OMEZENÉ MNOŽSTVÍ - Když to zmizí, zmizí to!
[NAKUPOVAT VÝPRODEJ]Šablona 21: Kup jeden, dostaneš jeden zdarma
Předmět: Kup jeden, druhý ZDARMA
---
KUP JEDEN - DRUHÝ ZDARMA
Přidej 2 položky do košíku.Levnější položka je ZDARMA!
DOKONALÉ PÁRY:[Položka A + Položka B] - Kup [A] za XXX Kč, dostaneš [B] ZDARMAŠablona 22: Připomenutí věrnostních bodů
Předmět: [Jméno], máš [X] bodů k utracení
---
TVŮJ ZŮSTATEK: [X XXX] BODŮ - Hodnota: XXX Kč
[UPLATNIT NYNÍ]
CO MŮŽEŠ ZÍSKAT:[X] bodů = XX Kč sleva[X] bodů = Zdarma [produkt]
JAK ZÍSKAT VÍCE BODŮ:• Nakupovat: 10 bodů za 100 Kč• Recenze: 50 bodů• Doporučit přítele: 500 bodůŠablona 23: Referenční nabídka
Předmět: Dej 500 Kč, dostaneš 500 Kč
---
DEJ 500 KČ, DOSTANEŠ 500 KČ
JAK TO FUNGUJE:1. SDÍLEJ svůj unikátní odkaz2. PŘÍTEL dostane 500 Kč sleva na první objednávku3. TY dostaneš 500 Kč, když nakoupí
[KOPÍROVAT ODKAZ] | [SDÍLET E-MAILEM]Šablony transakčních e-mailů (12 šablon)
Transakční e-maily mají nejvyšší míry otevření.
Šablona 24: Potvrzení objednávky
Předmět: Objednávka potvrzena! #[Číslo objednávky]
---
✓ OBJEDNÁVKA POTVRZENA
Děkujeme za objednávku, [Jméno]!
OBJEDNÁVKA č. [ČÍSLO] - Zadáno [Datum]
SOUHRN OBJEDNÁVKY:[Obrázek produktu] [Název produktu] Množství: [X] [XX Kč]
Mezisoučet: XX Kč | Doprava: XX Kč | Celkem: XX Kč
DORUČENÍ NA: [Adresa zákazníka]Odhadované doručení: [Rozsah dat]
[SLEDOVAT OBJEDNÁVKU] [ZOBRAZIT OBJEDNÁVKU]Šablona 25: Potvrzení odeslání
Předmět: Tvoje objednávka je na cestě!
---
TVOJE OBJEDNÁVKA BYLA ODESLÁNA!
Ahoj [Jméno], skvělé zprávy! Tvoje objednávka je na cestě.
INFORMACE O SLEDOVÁNÍ:Dopravce: [Název dopravce]Číslo sledování: [Číslo]Odhadované doručení: [Datum]
[SLEDOVAT ZÁSILKU]Šablona 26: Potvrzení doručení
Předmět: Tvoje objednávka byla doručena!
---
✓ DORUČENO!
Tvůj balíček byl doručen [Datum] v [Čas].
NEOBDRŽEL/A JSI OBJEDNÁVKU?Zkontroluj u sousedů, v zabezpečených místech, u správy budovy.
JAK BYLO TVOJE ZKUŠENOST? ⭐⭐⭐⭐⭐ [ZANECHAT RECENZI]Šablona 27: Žádost o recenzi
Předmět: Jak se ti líbí [Název produktu]?
---
Ahoj [Jméno],
Uplynulo [X] dní od doručení [Název produktu].
Jak bys ohodnotil/a svůj [Produkt]? ⭐⭐⭐⭐⭐
[NAPSAT RECENZI]
Tvoje recenze pomáhá ostatním zákazníkům rozhodovat se.
P.S. - Zanech recenzi a dostaneš 10% sleva na příští objednávku.Šablona 28: Vytvoření účtu
Předmět: Tvůj účet je připraven!
---
✓ ÚČET VYTVOŘEN - Vítej, [Jméno]!
Tvůj účet je nastaven a připraven.E-mail: [email]
[PŘIHLÁSIT SE K ÚČTU]
CO TEĎ MŮŽEŠ DĚLAT:Sledovat objednávky | Ukládat položky | Spravovat adresy | Sbírat body | Rychlejší pokladnaŠablona 29: Reset hesla
Předmět: Resetuj své heslo
---
ŽÁDOST O RESET HESLA
Ahoj [Jméno], obdrželi jsme žádost o reset hesla.
[RESETOVAT HESLO] - Tento odkaz vyprší za 1 hodinu.
NEPOŽÁDAL/A JSI O RESET?Ignoruj tento e-mail. Tvoje heslo zůstane nezměněno.
Bezpečnostní tým [Značka]Šablona 30: Potvrzení předplatného
Předmět: Tvoje předplatné je potvrzeno!
---
✓ PŘEDPLATNÉ POTVRZENO - Vítej v [Název plánu]!
DETAILY PŘEDPLATNÉHO:Plán: [Název plánu] | Cena: [XX Kč]/[měsíc/rok]Datum zahájení: [Datum] | Další datum fakturace: [Datum]
CO JE ZAHRNUTO: ✓ [Funkce 1] ✓ [Funkce 2] ✓ [Funkce 3]
[ZAČÍT] | [SPRAVOVAT PŘEDPLATNÉ]Šablona 31: Platba selhala
Předmět: Vyžadována akce: Platba selhala
---
PLATBA SELHALA
Ahoj [Jméno], nemohli jsme zpracovat tvou poslední platbu za [Plán/Objednávku].
Částka: XX Kč | Datum pokusu: [Datum]
[AKTUALIZOVAT PLATEBNÍ METODU]
BĚŽNÁ ŘEŠENÍ:• Zkontrolovat datum expirace karty• Ověřit fakturační adresu• Zkusit jinou platební metoduŠablona 32: Potvrzení vrácení peněz
Předmět: Tvoje vrácení peněz bylo zpracováno
---
✓ VRÁCENÍ PENĚZ ZPRACOVÁNO
Objednávka č.: [Číslo] | Vrácená částka: XX KčPlatební metoda: [Původní platební metoda] | Datum zpracování: [Datum]
CO OČEKÁVAT:• Kreditní karty: 5-10 pracovních dní• Debetní karty: 5-10 pracovních dní• Okamžitý kredit v obchodě
[NAKUPOVAT ZNOVU]Šablona 33: Opuštěný košík
Předmět: Nechal/a jsi něco za sebou...
---
TVŮJ KOŠÍK NA TEBE ČEKÁ
Ahoj [Jméno], zdá se, že jsi nechal/a některé položky v košíku.
[OBSAH KOŠÍKU S CENAMI]
[DOKONČIT OBJEDNÁVKU]
✓ Doprava zdarma na objednávky nad 1 000 Kč✓ Snadné vrácení do 30 dnů✓ Bezpečná pokladnaŠablona 34: Zpět na skladě
Předmět: [Název produktu] je zpět na skladě!
---
JE ZPĚT!
Ahoj [Jméno], čekání skončilo! [Název produktu] je zpět na skladě.
[VELKÝ OBRÁZEK PRODUKTU][NÁZEV PRODUKTU] - XXX Kč
OMEZENÉ MNOŽSTVÍ - naposledy se rychle vyprodalo!
[KOUPIT NYNÍ]Šablona 35: Upozornění na pokles ceny
Předmět: Pokles ceny! [Produkt] je nyní za [XX Kč]
---
UPOZORNĚNÍ NA POKLES CENY!
Ahoj [Jméno], dobrá zpráva! Položka, na kterou ses díval/a, šla do akce.
Bylo: XXX Kč | Nyní: XX KčUŠETŘÍŠ: XX Kč ([X]% sleva)
[KOUPIT NYNÍ]Šablony re-engagementových e-mailů (5 šablon)
Šablona 36: “Chybíš nám” e-mail
Předmět: Chybíš nám, [Jméno]!
---
CHYBÍŠ NÁM!
Ahoj [Jméno], je to chvíli, co jsme tě viděli.
CO JE NOVÉHO: • [Nový produkt/funkce 1] • [Nový produkt/funkce 2]
DÁREK NA UVÍTANOU: 20% sleva s kódem MISSYOU20
[NAKUPOVAT NYNÍ]Šablona 37: “Poslední šance” e-mail
Předmět: Je to sbohem, [Jméno]?
---
JE TO SBOHEM?
Ahoj [Jméno], již delší dobu od tebe není slyšet.
CHCEŠ ZŮSTAT? Klikni níže a ponecháme tě v našem seznamu.
[ANO, PONECHAT MĚ PŘIHLÁŠENÉHO/OU]
Pokud se neozveme do 7 dní, odstraníme tě ze seznamu e-mailů.
Pokud bys raději odešel/a, tady je závěrečný dárek: 25% sleva - kód COMEBACK25 (platí 30 dní)Šablona 38: “Co se změnilo” e-mail
Předmět: Rychlá otázka, [Jméno]...
---
RÁDI BYCHOM SLYŠELI TVŮJ NÁZOR
Všimli jsme si, že jsi delší dobu nenakoupil/a, a jsme zvědaví proč.
CO TĚ ODRADILO?
[ ] Ceny příliš vysoké[ ] Našel/a lepší alternativy[ ] Příliš mnoho e-mailů[ ] Produkty nesplnily očekávání[ ] Byl/a jsem jednoduše zaneprázdněn/á[ ] Jiné
[ODESLAT ZPĚTNOU VAZBU] | Jako poděkování: 25% sleva kód FEEDBACK25Šablona 39: “Co se stalo od tvého odchodu”
Předmět: Zmeškali jste [X] novinek
---
HODNĚ SE ZMĚNILO!
Od tvé poslední návštěvy jsme spustili [X] nových produktů, které by se ti mohly líbit.
[MŘÍŽKA NOVINEK - 6 nejnovějších položek]
CO DALŠÍHO JE NOVÉHO: • [Zlepšení 1] • [Zlepšení 2]
[NAKUPOVAT NOVINKY]Šablona 40: Narozeninový/výroční re-engagement
Předmět: Šťastné [Narozeniny/Výročí], [Jméno]!
---
ŠŤASTNÉ [NAROZENINY/VÝROČÍ]!
Ahoj [Jméno], máme pro tebe zvláštní dárek:
30% SLEVA NA CELOU OBJEDNÁVKUKÓD: [BIRTHDAY30/ANNI30]
Platí do [Datum]
[UPLATNIT DÁREK]Šablony oznamovacích e-mailů (5 šablon)
Šablona 41: Oznámení nové funkce
Předmět: Nová funkce: [Název funkce] je tady!
---
PŘEDSTAVUJEME [NÁZEV FUNKCE]
Ahoj [Jméno], s nadšením oznamujeme [Název funkce] - nový způsob, jak [výhoda].
JAK TO FUNGUJE:1. [Krok 1] | 2. [Krok 2] | 3. [Krok 3]
[VYZKOUŠET NYNÍ]
PROČ JSME TO POSTAVILI: [Stručné vysvětlení potřeby zákazníka]Šablona 42: Firemní novinky/milník
Předmět: Velké novinky: [Oznámení]
---
VELKÉ NOVINKY!
Ahoj [Jméno], máme vzrušující novinky:
[HLAVNÍ OZNÁMENÍ]
CO TO PRO TEBE ZNAMENÁ:• [Výhoda pro zákazníka 1]• [Výhoda pro zákazníka 2]
[ČÍST CELÉ OZNÁMENÍ]
Děkujeme, že jsi součástí naší cesty.Šablona 43: Pozvánka na akci
Předmět: Jsi pozván/a: [Název akce]
---
JSI POZVÁN/A - [NÁZEV AKCE]
Ahoj [Jméno], připoj se k nám na [Název akce].
DETAILY AKCE:Datum: [Datum] | Čas: [Čas] | Místo: [Místo/Online]
CO SE NAUČÍŠ: • [Téma 1] • [Téma 2]
[REZERVOVAT MÍSTO] - Omezený počet míst.
Nemůžeš přijít? Zaregistruj se a pošleme ti záznam.Šablona 44: Aktualizace zásad
Předmět: Důležitá aktualizace našich [typ zásad]
---
DŮLEŽITÁ AKTUALIZACE
Ahoj [Jméno], aktualizujeme naše [Zásady ochrany osobních údajů/Podmínky služby] s účinností od [Datum].
KLÍČOVÉ ZMĚNY: • [Změna 1] • [Změna 2]
PROČ TYTO ZMĚNY PROVÁDÍME: [1-2 věty s vysvětlením]
[ČÍST CELÉ ZÁSADY]Šablona 45: Přerušení/údržba služby
Předmět: [Plánovaná údržba/Aktualizace služby] dne [Datum]
---
OZNÁMENÍ O SLUŽBĚ
Ahoj [Jméno], informujeme tě o plánované údržbě dne [Datum].
DETAILY ÚDRŽBY:Datum: [Datum] | Čas: [Od] - [Do] | Trvání: přibližně [X] hodin
Omlouváme se za případné nepříjemnosti.Sleduj naši [stavovou stránku] pro aktualizace v reálném čase.Šablony průzkumů a zpětné vazby (5 šablon)
Šablona 46: NPS průzkum
Předmět: Rychlá otázka: Jak pravděpodobně nás doporučíš?
---
Ahoj [Jméno],
Jak pravděpodobně bys doporučil/a [Značka]příteli nebo kolegovi?
0 ─────────────────────────── 10Nepravděpodobné Velmi pravděpodobné
[0] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]
Stačí kliknout na číslo, trvá to 2 sekundy.
Tvoje zpětná vazba nám pomáhá zlepšovat se.Šablona 47: Průzkum po nákupu
Předmět: Jak byl tvůj nedávný nákup?
---
Ahoj [Jméno], díky za nedávnou objednávku!
Rádi bychom slyšeli o tvé zkušenosti.
OHODNOŤ SVOU ZKUŠENOST:Nákupní zkušenost: ⭐⭐⭐⭐⭐Kvalita produktu: ⭐⭐⭐⭐⭐Rychlost doručení: ⭐⭐⭐⭐⭐
[ODESLAT HODNOCENÍ]
Jako poděkování: 10% sleva na příští objednávku: FEEDBACK10Šablona 48: Průzkum spokojenosti zákazníků
Předmět: Jak jsme si vedli?
---
Ahoj [Jméno], nedávno jsi kontaktoval/a náš tým podpory.
Jak spokojený/á jsi byl/a s pomocí, které ses dostalo/a?
OHODNOŤ SVOU ZKUŠENOST:Velmi nespokojen/a - Velmi spokojen/a
Klikni na emoji pro odpověď.
Případ č.: [Číslo tiketu] | Agent: [Jméno] | Datum: [Datum]Šablona 49: Výroční průzkum
Předmět: Pomoz formovat budoucnost [Značka] (5 min průzkum)
---
TVŮJ HLAS ZÁLEŽÍ
Jednou ročně se ptáme zákazníků na jejich názor.Tvoje zpětná vazba přímo ovlivňuje, co budujeme dál.
PRŮZKUM O 5 MINUTÁCH - sdílej svůj názor na:• Co miluješ na [Značka]• Co bychom mohli zlepšit• Funkce, které bys chtěl/a vidět
[ZAHÁJIT PRŮZKUM]
ODMĚNA: Dokonči průzkum a budeš zařazen/a do slosování o [cenu/poukaz].
Průzkum se uzavírá [Datum].Šablona 50: Žádost o funkci
Předmět: Co bychom měli postavit příště?
---
POMOZ NÁM NASTAVIT PRIORITY
Ahoj [Jméno], plánujeme naši cestovní mapu a chceme tvůj vstup.
HLASUJ PRO TOP 3:
[ ] [Možnost funkce 1][ ] [Možnost funkce 2][ ] [Možnost funkce 3][ ] Něco jiného (řekni nám níže)
[ODESLAT HLAS]
Tvoje zpětná vazba řídí naše produktová rozhodnutí.Osvědčené postupy designu e-mailů
Základy rozvržení
Jednosloupcová rozvržení fungují nejlépe:
- 93 % e-mailů se čte na mobilu
- Jednosloupcová jsou responzivní od základu
- Snadnější udržování hierarchie
- Lepší přístupnost
Optimální šířka:
- Maximálně 600 px pro desktop
- Plná šířka na mobilu
- 20 px odsazení na každé straně
Pokyny pro typografii
| Prvek | Velikost | Tloušťka |
|---|---|---|
| Nadpisy | 22-28 px | Tučné |
| Podnadpisy | 18-20 px | Semi-tučné |
| Tělo textu | 14-16 px | Normální |
| Popisky | 12-14 px | Normální |
| Tlačítka CTA | 14-16 px | Tučné |
Doporučení fontů:
- Bezpatkové pro digitální: Arial, Helvetica, Verdana
- Moderní možnosti: Open Sans, Roboto, Lato
Strategie barev
- Barva značky pro CTA a záhlaví
- Neutrální šedá pro tělo textu
- Bílé/světlé pozadí
- Kontrast 4,5:1 minimum pro tělo textu
Specifikace CTA tlačítek
- Minimálně 44 px výška (dotyku přívětivé)
- Plná šířka na mobilu
- Vysoký kontrast barev
- Jasný, na akci orientovaný text
- Maximálně 2-4 slova
Text CTA, který funguje:
- Nakupovat
- Začít
- Uplatnit slevu
- Stáhnout průvodce zdarma
- Spustit bezplatnou zkušební verzi
Pokyny pro obrázky
- Maximálně 1 MB celková velikost e-mailu
- 72 DPI pro web
- Komprimovat před nahráváním
- Alt text: popis obsahu obrázku, max 125 znaků
Kontrolní seznam optimalizace pro mobily
- Jednosloupcové rozvržení
- Tlačítka přívětivá pro dotyk (min 44 x 44 px)
- Velikost fontu 14 px nebo větší
- Odpovídající řádkování (1,5x)
- Komprimované obrázky
- Krátké předměty (méně než 40 znaků)
Požadavky na přístupnost
- Alt text pro všechny obrázky
- Dostatečný kontrast barev
- Logické pořadí čtení
- Popisný text odkazu (ne “klikněte zde”)
- Atributy role pro tabulky
- Atribut lang v HTML
Design pro tmavý a světlý režim:
- Průhledné PNG pro loga
- Testuj barvy v tmavém režimu
- CSS media queries pro barevné úpravy
Jak přizpůsobit šablony
Krok 1: Obranding šablon
Nahraď zástupné prvky svou značkou:
- Umístění loga - nahoře uprostřed nebo vlevo
- Barvy značky - CTA, záhlaví, akcenty
- Typografie - odpovídá fontům značky
- Obrázky - použij fotografii odpovídající značce
- Hlas - přizpůsob kopii osobnosti značky
Krok 2: Personalizace obsahu
Dynamický obsah zvyšuje konverze o 20 %:
- Merge tagy: Jméno, poloha, preference
- Behaviorální spouštěče: Historie procházení, nákupů
- Dynamické produkty: Doporučení na základě dat
- Podmíněný obsah: Zobrazit různý obsah různým segmentům
Krok 3: Testování před odesláním
- Náhled v hlavních e-mailových klientech
- Testovat všechny odkazy
- Zkontrolovat mobilní zobrazení
- Ověřit personalizaci
- Zkontrolovat předmět a předhlavičku
Krok 4: Iterace na základě dat
| Metrika | Co říká | Jak zlepšit |
|---|---|---|
| Míra otevření | Efektivita předmětu | Testovat různé úhly |
| Míra prokliků | Zapojení obsahu | Zlepšit CTA, rozvržení |
| Míra konverze | Relevance nabídky | Testovat nabídky |
| Míra odhlášení | Problémy s frekvencí | Upravit rytmus, segmentaci |
Použití šablon s Tajo
Integrovaná knihovna šablon Tajo zjednodušuje vytváření e-mailů:
Předpřipravená knihovna šablon
Přistup k profesionálně navrženým šablonám pro každý případ:
- Uvítací sekvence
- Propagační kampaně
- Transakční e-maily
- Re-engagementové toky
- Návrhy newsletterů
Editor drag-and-drop
Přizpůsobuj šablony bez kódování:
- Přidávej/odebírej bloky obsahu
- Aktualizuj barvy a fonty
- Vkládej doporučení produktů
- Zahrň dynamický obsah
Integrace Brevo
Využij e-mailovou infrastrukturu Brevo:
- Automatická synchronizace zákaznických dat
- Pokročilá segmentace
- Vícekanálová orchestrace
- Analytika v reálném čase
Funkce šablon
- Responzivní od základu - Funguje na všech zařízeních
- Vestavěné A/B testování - Snadno testuj variace
- Podpora dynamického obsahu - Personalizuj ve velkém měřítku
- Náhled napříč klienty - Viz, jak se e-maily zobrazují
Připraven/a zefektivnit tvorbu e-mailů? Zahaj bezplatnou zkušební verzi s Tajo a získej přístup k naší kompletní knihovně šablon.
Závěr
Skvělé e-mailové šablony jsou základem efektivního e-mail marketingu. Šetří čas, zajišťují konzistentnost a zlepšují výsledky, když jsou dobře navržené.
Používej 50+ šablon v tomto průvodci jako výchozí body, poté je přizpůsob své značce a publiku. Pamatuj na základy:
- Mobile-first design
- Jasná vizuální hierarchie
- Jediná, soustředěná CTA
- Přístupný a inkluzivní design
Nejlepší šablona je ta, na kterou tvoje publikum reaguje. Testuj, iteruj a optimalizuj na základě svých konkrétních dat.
Připraven/a uvést tyto šablony do praxe? Začni s Tajo a získej přístup ke kompletní knihovně přizpůsobitelných e-mailových šablon, plus automatizační nástroje pro jejich nasazení ve velkém měřítku.
Často Kladené Otázky
Co jsou e-mailové šablony?
E-mailové šablony jsou předpřipravené návrhy, které ušetří čas, udržují konzistentnost značky a zlepšují míru zapojení. Pokrývají uvítací e-maily, newslettery, propagační kampaně, transakční zprávy a re-engagementové e-maily.
Jak začít s e-mailovými šablonami?
Začni od základů: pochop klíčové koncepty, vyber správné nástroje a implementuj postupně. Tento průvodce pokrývá vše od začátečníka až po pokročilé. Brevo nabízí komplexní bezplatný plán s předdefinovanými šablonami.
Jaké jsou nejlepší nástroje pro e-mailové šablony?
Nejlepší nástroje závisí na tvém rozpočtu a potřebách. Brevo nabízí komplexní bezplatný plán s e-mailem, SMS, CRM a automatizací. Obsahuje editor drag-and-drop a knihovnu profesionálních šablon.
Kolik e-mailových šablon potřebuji?
Začni s těmito základními: - 1 uvítací šablona (nebo 3-5 pro sérii) - 1 šablona newsletteru - 2-3 propagační šablony - 5-6 transakčních šablon (potvrzení, odeslání atd.) - 1-2 re-engagementové šablony
Mám používat HTML nebo plain text e-maily?
Záleží na účelu: - **HTML:** Propagační, newsletter, brandové komunikace - **Plain text:** Osobní oslovení, některé transakční, B2B Mnoho úspěšných e-mailových programů používá mix. HTML šablony fungují lépe pro vizuální obsah, zatímco plain text může působit osobněji pro určité publikum.
Jak často mám aktualizovat šablony?
Kontroluj šablony čtvrtletně: - Obnovuj obrázky sezónně - Aktualizuj doporučení produktů - Testuj nová rozvržení a CTA - Zajisti konzistentnost značky
Jaká je ideální délka e-mailové šablony?
- **Propagační:** 50-150 slov - **Newsletter:** 200-500 slov - **Transakční:** Co nejkratší při zachování úplnosti - **Uvítací:** 100-200 slov na e-mail
Jak vytvořit responzivní šablony pro mobily?
1. Používej jednosloupcová rozvržení 2. Nastav velikost fontu minimálně na 14 px 3. Tlačítka plná šířka a min 44 px výška 4. Plynulé šířky (procenta, ne pevné pixely) 5. Skládej vícesloupcový obsah vertikálně 6. Testuj na více zařízeních
Jak udržovat konzistentnost značky napříč šablonami?
Vytvoř průvodce stylem šablony obsahující: - Umístění a velikost loga - Barevné kódy (přesné hex hodnoty) - Specifikace typografie - Pokyny pro styl obrázků - Příklady hlasu a tónu