Ръководство за имейл шаблони: рамки по жизнен цикъл, оформления, текстови блокове и списък за проверка (2026)
Изградете многократно използваеми имейл шаблони за приветствени, бюлетинни, промоционални, транзакционни, за изоставена количка, следпродажбени, реактивиращи, известителни и анкетни кампании.
Имейл шаблоните са операционната система на имейл маркетинга. Добрият шаблон позволява на екипа да работи по-бързо, без да изгражда всяка кампания от нулата. Слабият шаблон създава обратния проблем: непоследователна визуална идентичност, счупени мобилни оформления, лоша персонализация, липсващи елементи за съответствие и кампании, които трудно се тестват.
Това ръководство заменя старата логика на „списък с шаблони“ с практична шаблонна система. То запазва полезните категории кампании (приветствени, бюлетинни, промоционални, транзакционни, за изоставена количка, следпродажбени, реактивиращи, известителни и анкетни) и ги превръща в многократно използваеми рамки с текстови блокове, бележки за оформлението, насоки за динамичните данни и проверки на качеството.
Система от имейл шаблони
Мислете в семейства шаблони, а не в изолирани съобщения.
| Семейство шаблони | Задача | Блокове за многократна употреба | Риск при проверката |
|---|---|---|---|
| Приветствен | Ориентира нов абонат или акаунт | Поздрав, обещание за стойност, следваща стъпка, предпочитания | Претоварване на първия имейл |
| Бюлетин | Оформя повтарящо се съдържание | Водеща история, второстепенни връзки, бележка от редактора | Общи заглавия на броевете |
| Промоционален | Представя оферта | Оферта, краен срок, продуктова решетка, условия | Фалшива спешност или неясни изключения |
| Транзакционен | Потвърждава статус или действие по акаунта | Статус, детайли, следваща стъпка, поддръжка | Смесване на критични актуализации с маркетинг |
| Количка и разглеждане | Възстановява намерението | Продуктов блок, подкана за помощ, CTA към плащането | Неверни данни за продукт или наличност |
| Следпродажбен | Помага след поръчка | Доставка, настройка, грижа, отзив, кръстосана продажба | Твърде ранна молба за отзив |
| Реактивиращ | Дава избор на неактивните абонати | Актуализация на предпочитанията, намаляване на честотата, причина да останат | Текст, който предизвиква чувство за вина |
| Известителен | Обяснява промяна | Какво се промени, защо е важно, необходимо действие | Скриване на важни детайли |
| Анкетен | Събира обратна връзка | Въпрос, скала за оценка, стимул, бележка за поверителност | Твърде много въпроси в един имейл |
Всяко семейство трябва да има основен шаблон, кратка версия и резервна версия с обикновен текст. Основният шаблон обслужва обичайните кампании. Кратката версия работи за спешни или транзакционни актуализации. Резервната версия с обикновен текст защитава доставимостта и четимостта, когато имейл клиентите блокират изображения или форматиране.
Четири оформления в действие
Всеки панел по-долу е истинският HTML на имейла на шаблона, в рамка с реална ширина. Свалете ширината до 375 px и вижте как колоните се подреждат една под друга.
Следва вашата тема — сменете я в горната лента, за да видите другата.
Прочети HTML на The Letter
<!DOCTYPE html>
<html lang="bg" 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;">Цитатът, който пазите в приложението за бележки, работи повече от вашия съдържателен календар.</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: концентрични сини дъги, пресечени от диагонална ивица" 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</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;">Архивът е продуктът</h1>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Преди три седмици търсих текст, който написах през 2019 г., и не го намерих. Нито в сайта, нито в експорта, нито в търсачката на самата платформа. Хиляда и двеста броя, а единственият работещ указател беше паметта ми.</p>
<p class="d-ink" style="margin:0 0 20px 0;font-size:18px;line-height:30px;color:#242424;">Това е частта, която никой не ви казва за шест години бюлетин. Изпращането е лесно. Запазването не е.</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;">Всичко, което публикувате, е вноска. Тегленето почти никой не го изгражда.</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;">Затова тази седмица преустроих старите броеве в истински архив: с етикети, пълнотекстово търсене и постоянни адреси. Отне девет дни. Броят на абонатите не помръдна. Времето в сайта се утрои.</p>
<p class="d-ink" style="margin:0 0 28px 0;font-size:18px;line-height:30px;color:#242424;">Всичко е по-долу, включително частите, които не проработиха.</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>
</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;">Пише се на ръка всеки четвъртък. Отговорете и ще го прочета.</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;">Отписване</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Виж в браузъра</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Следва вашата тема — сменете я в горната лента, за да видите другата.
Прочети HTML на The Digest
<!DOCTYPE html>
<html lang="bg" 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;">Шест неща, които заслужават вторника ви. Две са за цените.</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 август 2026 · 6 теми · 9 мин</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</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="Абстрактни тюркоазени дъги, пресечени от диагонална ивица" 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 · ЦЕНИ</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>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">И двете, които се върнаха, казват едно и също: натоварването на поддръжката порасна преди приходите.</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="Абстрактни тюркоазени пръстени с изместена фокусна точка" 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 · ДОСТАВИМОСТ</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;">Правилата на Gmail за масови изпращачи навършиха година. Ето какво наистина се промени</a>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Делът на оплакванията е единственият праг, до който изобщо някой се доближи. Останалото и без това беше задължително.</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="Абстрактни концентрични тюркоазени дъги върху счупено бяло" 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 · ЗАНАЯТ</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>
</p>
<p class="d-mute" style="margin:0;font-size:16px;line-height:26px;color:#555555;">Девет дни работа, нулев ръст на абонати, тройно време в сайта. Интересен е точно компромисът.</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;">Още три по-надолу, включително онзи за фактурирането, на който всички отговарят.</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;">Прочети и шестте</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;">Отписване</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Управление на настройките</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Виж в браузъра</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Следва вашата тема — сменете я в горната лента, за да видите другата.
Прочети HTML на The Storefront
<!DOCTYPE html>
<html lang="bg" 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;">Четири нови графики. Тази с пристанището е в 40 екземпляра и няма да изкара седмицата.</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;">Есенна колекция · 04</td>
</tr></table>
</td></tr>
<tr><td style="padding:0;">
<img src="/_astro/shop-hero.r4mykM_E.png" width="600" height="360" alt="Четири нови графики на Northlight: припокриващи се ръждивочервени дъги върху топло счупено бяло" 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;">Четири графики. По четиридесет екземпляра.</h1>
<p class="d-mute" style="margin:0 0 22px 0;font-size:16px;line-height:26px;color:#555555;">Всяка графика в тази колекция е отпечатана на ръка, номерирана и изчезва, щом свърши. Тук нищо не се допечатва.</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;">Разгледай колекцията</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, абстрактна графика в ръждивочервено" 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 · жикле върху памучна хартия</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;">Добави в кошницата</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, абстрактна графика в кехлибарено" 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 · жикле върху памучна хартия</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;">Добави в кошницата</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, абстрактна графика в лилаво" 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 · жикле върху памучна хартия</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;">Добави в кошницата</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, абстрактна графика в тъмнозелено" 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 · жикле върху памучна хартия</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;">Добави в кошницата</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>Безплатна доставка във Великобритания над 75 £.</strong> Опции за рамкиране при плащане. Връщане до 30 дни, без рамка.</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;">Отписване</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Виж в браузъра</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Следва вашата тема — сменете я в горната лента, за да видите другата.
Прочети HTML на The Brief
<!DOCTYPE html>
<html lang="bg" 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;">Делът на отговорите се покачва с 4 пункта и още не знаем защо. Най-добрата хипотеза е вътре.</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: лилави дъги върху почти черно" 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</p>
<h1 class="h1 d-ink" style="margin:0;font-size:26px;line-height:34px;font-weight:800;color:#141414;">Делът на отговорите се раздвижи и никой нищо не пусна</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;">Отваряния</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 1,2 пункта</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;">Кликвания</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#b8442d;">▼ 0,4 пункта</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;">Отговори</p>
<p style="margin:0;font-size:13px;line-height:18px;font-weight:700;color:#007d6a;">▲ 4,0 пункта</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;">В изпращането нищо не се промени. Същият списък, същият четвъртък, същият шаблон. Единствената променлива, която откриваме, е че темата зададе въпрос за първи път от единайсет броя.</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;">Отговори по сегмент</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;">Платени абонати</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;">Безплатни, активни 90 дни</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;">Безплатни, спящи</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;">Пробен период</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>
<!--[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;">Отписване</a> · <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Виж в браузъра</a></p>
</td></tr>
</table>
</td></tr>
</table>
</body>
</html> Общи блокове на шаблона
Всеки многократно използваем имейл шаблон трябва да дефинира тези блокове, преди екипите да започнат да пишат текст за кампаниите.
Горен колонтитул
Използвайте последователна идентичност на подателя, единно оформление на логото и по избор навигация. При транзакционните шаблони поддържайте навигацията минимална, за да е очевидна актуализацията на статуса.
Препоръчителни полета в горния колонтитул:
- Лого или име на марката.
- Идентичност на подателя, която съответства на типа имейл.
- Незадължителна навигация за маркетинговите шаблони.
- Първи текст след предварителния текст, безопасен за визуализация.
Предварителен текст
Предварителният текст е част от шаблона, а не нещо, добавено накрая. Добавете редактируемо поле и резервна стойност. Не позволявайте юридическият текст от долния колонтитул или алтернативният текст на изображенията да изтичат в прегледа във входящата поща.
Водещ блок
Водещият блок отговаря на един въпрос: защо този имейл е тук?
| Тип имейл | Какво трябва да казва водещият блок |
|---|---|
| Приветствен | Какво следва оттук нататък |
| Промоция | Каква е офертата и кога изтича |
| Транзакционен | Какъв статус се е променил |
| Бюлетин | Защо този брой е важен |
| Количка | Какво е запазено или каква помощ е налична |
| Анкета | Каква обратна връзка се иска и защо |
Блок с CTA
За повечето шаблони използвайте един основен призив към действие. Добавяйте второстепенни връзки само когато те изпълняват различна и полезна задача, например „преглед на поръчката“, „актуализиране на предпочитанията“ или „връзка с поддръжката“.
Блок с динамично съдържание
Динамичните блокове са мощни, когато използват точни данни. Те са рискови, когато данните са остарели, липсват или са твърде чувствителни за контекста на входящата поща.
Често срещани динамични блокове в електронната търговия:
- Изображение и име на продукта.
- Обща сума на количката или брой запазени артикули.
- Номер и статус на поръчката.
- Баланс или ниво в програмата за лоялност.
- Препоръчани продукти.
- Момент за повторна поръчка.
- Локация на магазина или контекст на доставката.
Долен колонтитул
Маркетинговите шаблони се нуждаят от бутон за отписване и контрол върху предпочитанията. Транзакционните шаблони също се нуждаят от ясна поддръжка и идентичност на компанията. Използвайте компонент за долен колонтитул, за да не забравят екипите задължителните елементи.
Приветствени имейл шаблони
Приветствените шаблони трябва да помогнат на абоната да направи първа стъпка. Запазете първия имейл фокусиран, а останалото оставете на приветствената серия.
Обикновено приветствие
Използвайте го, когато някой се присъедини към списък, създаде акаунт или заяви съдържание.
| Блок | Модел на текста |
|---|---|
| Тема | Добре дошли в [Brand] |
| Предварителен текст | Започнете с предпочитанията си и с първата стъпка |
| Водещ блок | „Абонаментът Ви е активен. Ето какво ще получавате.“ |
| Основен текст | 2-3 водещи точки, обясняващи стойността, честотата и следващото действие |
| CTA | Задайте предпочитания, започнете настройката или разгледайте ресурсите |
| Долен колонтитул | Център за предпочитания и отписване |
Примерен текст:
Добре дошли в [Brand]. Ще получавате [topic or benefit] [cadence]. Започнете, като изберете предпочитанията си, за да Ви изпращаме най-подходящите актуализации.
Приветствие в електронната търговия
Използвайте го, когато купувач се абонира след разглеждане, покупка или заявка за оферти.
| Блок | Модел на текста |
|---|---|
| Тема | Вашите предимства като абонат са готови |
| Предварителен текст | Изберете предпочитания и вижте какво е новото |
| Водещ блок | „Благодарим Ви, че се присъединихте. Ето какво можете да очаквате.“ |
| Основен текст | Нови постъпления, запазени предпочитания, връзки към лоялност или поддръжка |
| CTA | Разгледайте новите постъпления или задайте предпочитания |
| Проверка | Проверете всяка отстъпка, краен срок или формулировка за лоялност |
Избягвайте да натрапвате отстъпка във всеки приветствен имейл. Ако има оферта, посочете условията ясно и се уверете, че процесът на плащане съответства на имейла.
Приветствие с въвеждане в продукта
Използвайте го за SaaS, приложения, членства и инструменти.
| Блок | Модел на текста |
|---|---|
| Тема | Вашият списък за настройка е готов |
| Предварителен текст | Завършете първите стъпки за няколко минути |
| Водещ блок | „Вашият акаунт е активен. Започнете с тези стъпки.“ |
| Основен текст | Стъпка 1, стъпка 2, стъпка 3 с един призив към действие |
| CTA | Завършете настройката |
| Проверка | Тествайте връзката за настройка при нови, частично активни и завръщащи се потребители |
Шаблони за бюлетин
Шаблонът за бюлетин трябва да прави броя лесен за преглеждане. Шаблонът е многократно използваем, но темата и водещият блок трябва да се променят във всеки брой.
Редакционен дайджест
Най-подходящ за седмично или месечно съдържание.
| Блок | Модел на текста |
|---|---|
| Тема | Тази седмица в [topic] |
| Предварителен текст | Актуализациите, които заслужават Вашето време |
| Водещ блок | Бележка от редактора в едно изречение |
| Основен блок | Водеща статия или основен извод |
| Второстепенен блок | 3-5 кратки връзки с контекст |
| CTA | Прочетете пълното ръководство, вижте всички актуализации или отговорете |
Използвайте този модел, когато екипът подбира няколко истории. Поддържайте резюметата кратки и добавяйте контекст от типа „защо това е важно“, за да не бъде имейлът просто списък с връзки.
Продуктов бюлетин
Най-подходящ за електронна търговия, маркетплейси или марки, водени от продукта.
| Блок | Модел на текста |
|---|---|
| Тема | Нови постъпления в [category] |
| Предварителен текст | Подбор на база Вашите запазени предпочитания |
| Водещ блок | Колекция или тема |
| Продуктова решетка | 3-6 продукта, всеки с изображение, име, цена и CTA |
| Блок за поддръжка | Помощ за размери, доставка или връщане |
| CTA | Вижте колекцията |
Проверявайте продуктовите решетки внимателно. Потвърдете наличността на продуктите, URL адресите на изображенията, цените, вариантите и параметрите за проследяване преди изпращане.
Личен бюлетин
Най-подходящ за основатели, създатели на съдържание, консултанти и лидери на мнение.
| Блок | Модел на текста |
|---|---|
| Тема | Конкретно наблюдение или въпрос |
| Предварителен текст | Практическият урок вътре |
| Водещ блок | Лична бележка, свързана с темата |
| Основен текст | Една полезна идея, пример или урок |
| Връзки | Препоръки за четене, инструменти или ресурси |
| CTA | Отговорете, прочетете още или запишете разговор |
Шаблонът трябва да остане прост. Стойността идва от гласа и прозрението, а не от плътното оформление.
Промоционални шаблони
Промоционалните шаблони трябва да правят механиката на офертата очевидна. Двусмислието води до заявки към поддръжката и разочароващи кликвания.
Оферта с ограничен срок
| Блок | Модел на текста |
|---|---|
| Тема | [Offer] изтича в [day] |
| Предварителен текст | Допустимите продукти и условията са вътре |
| Водещ блок | Оферта, краен срок и аудитория |
| Продуктов блок | Избрани продукти или категории |
| Блок с условия | Изключения, краен срок, код, регион, канал |
| CTA | Разгледайте офертата |
Не използвайте „последен шанс“, освен ако това наистина не е последното напомняне. Използвайте реални крайни срокове с часова зона, когато срокът има значение.
Пускане на продукт
| Блок | Модел на текста |
|---|---|
| Тема | Представяме [product or collection] |
| Предварителен текст | Вижте какво е новото и за кого е |
| Водещ блок | Обещанието на продукта |
| Основен текст | 3 предимства, доказателство, продуктови изображения, наличност |
| CTA | Разгледайте новия продукт |
| Проверка | Потвърдете наличността, часа на пускане, вариантите и целевата страница |
Шаблоните за пускане трябва да включват контекст: какво се е променило, за кого е предназначено и защо е важно сега.
Оферта за лоялност или VIP клиенти
| Блок | Модел на текста |
|---|---|
| Тема | Вашата [tier/reward] е готова |
| Предварителен текст | Вижте допустимите продукти и детайлите за баланса |
| Водещ блок | Статус на наградата |
| Основен текст | Баланс, награда, срок на валидност, как да се използва |
| CTA | Използвайте наградата |
| Проверка | Проверете данните за лоялност и правилата за използване |
Споменавайте баланс или ниво на лоялност само когато данните са точни. Добавете резервна версия за контактите без баланс.
Транзакционни шаблони
Транзакционните шаблони изискват яснота на първо място. Те не бива да изглеждат като неясни промоции.
Потвърждение на поръчка
| Блок | Модел на текста |
|---|---|
| Тема | Поръчката е потвърдена: [order number] |
| Предварителен текст | Ще изпратим информация за проследяване при изпращане |
| Водещ блок | Статус на потвърждението |
| Детайли | Номер на поръчката, обобщение на артикулите, адрес за доставка, обобщение на плащането |
| CTA | Вижте поръчката |
| Поддръжка | Свържете се с поддръжката или актуализирайте детайлите, ако е позволено |
Дръжте промоционалните кръстосани продажби на втори план. Основната задача на клиента е да провери дали поръчката е коректна.
Актуализация за доставка
| Блок | Модел на текста |
|---|---|
| Тема | Вашата поръчка е на път |
| Предварителен текст | Проследете доставката и вижте най-новия очакван срок |
| Водещ блок | Статус на пратката |
| Детайли | Куриер, номер за проследяване, очакван срок, артикули |
| CTA | Проследете пратката |
| Поддръжка | Помощ при доставка и бележки за адреса |
Ако липсват данни за проследяване, използвайте резервен вариант, който не показва празни полета.
Известие за акаунт или сигурност
| Блок | Модел на текста |
|---|---|
| Тема | Вашата парола беше променена |
| Предварителен текст | Ако това не сте били Вие, действайте сега |
| Водещ блок | Какво се промени |
| Детайли | Час, акаунт, следваща стъпка |
| CTA | Защитете акаунта |
| Поддръжка | Свържете се с поддръжката или прегледайте настройките за сигурност |
Не добавяйте промоционално съдържание в шаблоните за сигурност. Съобщението трябва да бъде недвусмислено.
Шаблони за количка, разглеждане и възстановяване в електронната търговия
Шаблоните за възстановяване зависят от качеството на данните. Ако данните за продукти, наличности или цени не са надеждни, използвайте по-мека версия на ниво категория.
Изоставена количка
| Блок | Модел на текста |
|---|---|
| Тема | Вашата количка е запазена |
| Предварителен текст | Отзивите и плащането са на едно докосване разстояние |
| Водещ блок | Напомняне за запазена количка |
| Продуктов блок | Изображение, име, вариант, цена и количество на артикула |
| Блок за поддръжка | Помощ за размери, връщане, плащане или доставка |
| CTA | Върнете се в количката |
| Проверка | Проверете наличността на артикулите и връзката към плащането |
Изоставено разглеждане
| Блок | Модел на текста |
|---|---|
| Тема | Още предложения от [category] за Вас |
| Предварителен текст | На база скорошното Ви посещение в магазина |
| Водещ блок | Полезна препоръка |
| Продуктов блок | Разгледан продукт или свързана категория |
| CTA | Продължете разглеждането |
| Проверка | Не персонализирайте прекалено чувствително поведение при разглеждане |
Връщане в наличност
| Блок | Модел на текста |
|---|---|
| Тема | Отново в наличност: [product] |
| Предварителен текст | Артикулът, за който попитахте, е отново достъпен |
| Водещ блок | Актуализация за наличността |
| Продуктов блок | Продукт, вариант, бележка според наличността |
| CTA | Вижте продукта |
| Проверка | Потвърдете наличността, преди автоматизацията да изпрати |
Следпродажбени шаблони
Следпродажбените имейли трябва да помогнат на клиента да получи стойност, преди да поискат нещо повече.
Обучение за продукта
| Блок | Модел на текста |
|---|---|
| Тема | Как да започнете с [product] |
| Предварителен текст | Настройка, поддръжка и често задавани въпроси |
| Водещ блок | Помогнете на клиента да използва покупката |
| Основен текст | Стъпки за настройка, съвети за поддръжка, връзки към помощ |
| CTA | Прочетете ръководството |
Молба за отзив
| Блок | Модел на текста |
|---|---|
| Тема | Как се справи [product]? |
| Предварителен текст | Споделете мнение, след като сте имали време да го използвате |
| Водещ блок | Молба за отзив |
| Основен текст | Защо обратната връзка помага, връзка към отзивите, условия на незадължителния стимул |
| CTA | Оставете отзив |
| Проверка | Задействайте само след доставка и разумен период на употреба |
Повторна поръчка
| Блок | Модел на текста |
|---|---|
| Тема | Време ли е да поръчате отново [product]? |
| Предварителен текст | На база момента на предишната Ви покупка |
| Водещ блок | Полезно напомняне за повторна поръчка |
| Основен текст | Продукт, количество, опция за абонамент, поддръжка |
| CTA | Поръчайте отново |
| Проверка | Спрете изпращането, ако клиентът вече е поръчал отново |
Шаблони за реактивиране
Шаблоните за реактивиране трябва да дават контрол на абонатите. Много неактивни абонати нямат нужда от по-шумна отстъпка, а от различно съдържание или от по-малко имейли.
Нулиране на предпочитанията
| Блок | Модел на текста |
|---|---|
| Тема | Изберете какво получавате |
| Предварителен текст | Изберете теми, канали и честота |
| Водещ блок | Молба за актуализация на предпочитанията |
| Основен текст | Опции за теми, опции за честота, намаляване на честотата |
| CTA | Актуализирайте предпочитанията |
Оферта за връщане
| Блок | Модел на текста |
|---|---|
| Тема | Все още ли се интересувате от [category]? |
| Предварителен текст | Изберете предпочитания или вижте какво е новото |
| Водещ блок | Проверка на релевантността |
| Основен текст | Нови продукти, променена стойност, незадължителен стимул |
| CTA | Вижте какво е новото |
| Проверка | Изключете скорошните купувачи, подалите оплаквания наскоро и отписаните контакти |
Известие за прекратяване
| Блок | Модел на текста |
|---|---|
| Тема | Да продължим ли да изпращаме [topic]? |
| Предварителен текст | Потвърдете интереса си или поставете имейлите на пауза |
| Водещ блок | Ясен избор |
| Основен текст | Защо абонатът получава това съобщение, опции |
| CTA | Искам да остана абонат |
| Второстепенно | Отписване или пауза |
Шаблони за известия
Известията работят, когато отговарят на въпросите какво се е променило, защо е важно и какво да се направи след това.
Актуализация на продукта
| Блок | Модел на текста |
|---|---|
| Тема | Ново: [feature or integration] |
| Предварителен текст | Какво се промени и как да го използвате |
| Водещ блок | Обобщение на функцията |
| Основен текст | Случай на употреба, наличност, стъпки за настройка |
| CTA | Изпробвайте функцията |
Актуализация на правила или условия
| Блок | Модел на текста |
|---|---|
| Тема | Важна актуализация на [policy] |
| Предварителен текст | Прегледайте какво се променя на [date] |
| Водещ блок | Какво се промени |
| Основен текст | Обобщение, дата на влизане в сила, връзка към пълните условия |
| CTA | Прегледайте актуализацията |
| Проверка | Юридически преглед, локализация и точност на датите |
Поддръжка или инцидент
| Блок | Модел на текста |
|---|---|
| Тема | Планирана поддръжка на [date] |
| Предварителен текст | Очаквано въздействие и време |
| Водещ блок | Статус и време |
| Основен текст | Засегнати услуги, очаквана продължителност, начин за връзка с поддръжката |
| CTA | Вижте страницата за статус |
Шаблони за анкети и обратна връзка
Шаблоните за анкети трябва да поддържат молбата малка и да обясняват защо е важна.
Анкета за NPS или удовлетвореност
| Блок | Модел на текста |
|---|---|
| Тема | Как беше Вашето преживяване? |
| Предварителен текст | Един бърз въпрос ни помага да се подобрим |
| Водещ блок | Молба за обратна връзка |
| Основен текст | Въпрос с оценка, незадължителна подкана за коментар |
| CTA | Дайте обратна връзка |
| Проверка | Избягвайте прекалено чести анкети към един и същ клиент |
Обратна връзка за продукта
| Блок | Модел на текста |
|---|---|
| Тема | Помогнете да оформим [product] |
| Предварителен текст | Кажете ни какво трябва да се подобри следващо |
| Водещ блок | Молба, специфична за продукта |
| Основен текст | Тема, очаквано време, бележка за поверителност |
| CTA | Споделете мнение |
Правила за адаптивен дизайн
Имейл клиентите се различават значително. Шаблоните трябва да бъдат скучно устойчиви.
Използвайте тези базови правила:
- Проектирайте първо за мобилни устройства, с резервен вариант в една колона.
- Дръжте основното съобщение видимо, без да разчитате на изображения.
- Използвайте описателен алтернативен текст за важните изображения.
- Правете бутоните достатъчно големи за удобно докосване.
- Избягвайте дребен сив текст за важните условия.
- Използвайте истински текст за същественото съдържание вместо текст, вграден в изображения.
- Поддържайте четим контраст в тъмен режим.
- Тествайте Gmail, Apple Mail, Outlook и водещите мобилни клиенти за Вашия списък.
- Включвайте версия с обикновен текст.
Достъпност и съответствие
Шаблоните трябва да поддържат достъпността и правните изисквания от самото начало.
Добавете тези многократно използваеми проверки:
- Логичен ред на заглавията.
- Описателен текст на връзките.
- Алтернативен текст за смислените изображения.
- Достатъчен цветови контраст.
- Никакъв призив към действие, съществуващ само като изображение.
- Ясни връзки за отписване и за предпочитания в маркетинговите имейли.
- Точна идентичност на подателя.
- Физически пощенски адрес, където се изисква.
- Незаблуждаваща тема и предварителен текст.
- Локализиран юридически текст в долния колонтитул за версиите на други езици.
Насоките на FTC по CAN-SPAM превръщат заблуждаващите теми и задължителното обработване на отписванията в нещо повече от дизайнерски въпрос. Вградете съответствието в компонентите на шаблона, за да не се налага създателите на кампании да го помнят наизуст.
Динамични шаблони с Tajo и Brevo
Tajo помага на екипите в Shopify да използват реални данни от електронната търговия в шаблоните на Brevo. Това означава, че шаблонът може да се адаптира към контекста в жизнения цикъл без ръчен експорт.
Полезни динамични полета в шаблоните:
| Работен процес | Динамични полета |
|---|---|
| Възстановяване на количка | Клиент, артикули в количката, URL за плащане, изображение на продукта, вариант |
| Изоставено разглеждане | Разгледан продукт, категория, свързани продукти |
| Следпродажбена комуникация | Поръчка, статус на доставката, продукт, ръководство за поддръжка |
| Лоялност | Точки, ниво, право на награда |
| Повторна поръчка | Продукт, дата на последната покупка, очакван период за повторна поръчка |
| Връщане в наличност | Продукт, вариант, статус на наличността |
| Връщане на клиенти | Категория на последната покупка, предпочитания, статус на ангажираност |
Динамичните шаблони се нуждаят от резервна логика. Ако липсва изображение, цена, вариант или баланс за лоялност, имейлът все пак трябва да изглежда професионално.
Списък за проверка на шаблона
Използвайте го, преди да одобрите нов шаблон или значителна промяна в шаблон:
- Полетата за тема и предварителен текст съществуват и имат резервни стойности.
- Горният колонтитул, долният колонтитул и блокът за отписване се визуализират коректно.
- Основният призив към действие е ясен и се проследява.
- Всяка връзка работи и има правилни UTM параметри.
- Полетата за персонализация работят с реални, липсващи и дълги стойности.
- Динамичните продукти имат резервно поведение.
- Шаблонът се визуализира коректно на мобилни устройства и на компютър.
- Тъмният режим е четим.
- Изображенията имат полезен алтернативен текст.
- Съществува версия с обикновен текст.
- Юридическият текст, адресът, отписването и връзките към предпочитанията присъстват там, където се изискват.
- Транзакционните шаблони запазват критичните актуализации на статуса ясни.
- Правилата за изключване и за съгласие съответстват на типа имейл.
Финална препоръка
Изграждайте имейл шаблоните като продуктова система. Започнете със задачите в жизнения цикъл, дефинирайте многократно използваеми блокове, свързвайте динамичните данни внимателно и направете проверката част от шаблона, вместо последно бързане преди изпращане.
За екипите в електронната търговия, които използват Shopify, Brevo и Tajo, най-силните шаблони са свързаните с реален клиентски контекст: запазена количка, разгледан продукт, изпратена поръчка, готова награда, дължима повторна поръчка или необходимост от актуализация на предпочитанията. Този контекст позволява на шаблоните да бъдат полезни, без да стават крехки или прекалено персонализирани.
Свързани статии
- Библиотека с примери за теми на имейли: шаблони по тип кампания, намерение и риск при проверката (2026)
- Наръчник за темите на имейлите: съответствие с входящата поща, тестване, примери и проверка на съответствието (2026)
- Ръководство за имейл дизайн: оформление, достъпност, компоненти, проверка на визуализацията и процес на тестване (2026)
- Имейл маркетинг кампании: пълното ръководство за планиране, изпълнение и оптимизация
- Примери за транзакционни имейли: модели, шаблони и списък за проверка (2026)