Шаблоны рассылок: бесплатные скачивания, советы по дизайну и лучшие примеры (2026)

Получите бесплатные шаблоны рассылок и вдохновение для дизайна. Адаптивные HTML-шаблоны, лучшие практики дизайна и примеры для каждой отрасли.

Set Noa

Обновлено 22 мая 2026 г.

0 посещения · 7 дн.

newsletter templates

Шаблоны рассылок?

Получите бесплатные шаблоны рассылок и советы по дизайну. Brevo включает адаптивные настраиваемые шаблоны в бесплатном плане, без кода.

Узнать больше

TL;DR: Хороший шаблон рассылки адаптивен для мобильных устройств, в одну колонку, в стиле бренда и построен вокруг одного ясного CTA. Brevo включает более 40 бесплатных адаптивных шаблонов в своём drag-and-drop редакторе без кода; Canva, Stripo и BEEFree, это солидные альтернативы для дизайн-файлов.

Отличный шаблон рассылки делает тяжёлую работу за ваш email-маркетинг: он делает контент профессиональным на вид, ведёт читателей к CTA и идеально работает на каждом устройстве и в каждом email-клиенте.

Это руководство охватывает всё о шаблонах рассылок: где получить их бесплатно, как проектировать эффективные и примеры из каждой отрасли.

Что делает шаблон рассылки отличным

Существенные элементы

Адаптивный мобильный дизайн, более 60 % писем открывают на мобильном
Ясная визуальная иерархия, ведите глаз от заголовка к CTA
Согласованность бренда, цвета, шрифты и размещение логотипа
Макет в одну колонку, лучшая читаемость на всех устройствах
Заметный CTA, одно ясное действие на письмо
Текст прехедера, расширяет тему в почтовом ящике
Ссылка на отписку, требуется по закону (CAN-SPAM, GDPR)

Анатомия шаблона

┌─────────────────────────┐
│  Лого / Заголовок брен. │
├─────────────────────────┤
│  Главное изображение    │
├─────────────────────────┤
│  Заголовок              │
│  Текст (2-3 строки)     │
│  [Кнопка CTA]           │
├─────────────────────────┤
│  Раздел контента 2      │
│  [Вторичный CTA]        │
├─────────────────────────┤
│  Подвал / Соцсети       │
│  Ссылка на отписку      │
└─────────────────────────┘

Шаблоны Tajo

Четыре макета в работе

Каждая панель ниже — это настоящий HTML письма в рамке реальной ширины. Уменьшите ширину до 375 px и посмотрите, как колонки складываются друг под друга.

Следует вашей теме — переключите её в шапке, чтобы увидеть другую.

Посмотреть HTML шаблона The Letter 6 КБ, без сборки

<!DOCTYPE html>
<html lang="ru" 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;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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;">Читать весь выпуск &rarr;</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> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Открыть в браузере</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Следует вашей теме — переключите её в шапке, чтобы увидеть другую.

Посмотреть HTML шаблона The Digest 10 КБ, без сборки

<!DOCTYPE html>
<html lang="ru" 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;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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;">&nbsp;</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 &middot; ЦЕНЫ</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;">&nbsp;</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 &middot; ДОСТАВЛЯЕМОСТЬ</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;">&nbsp;</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 &middot; РЕМЕСЛО</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;">&nbsp;</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> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Настройки рассылки</a> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Открыть в браузере</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Следует вашей теме — переключите её в шапке, чтобы увидеть другую.

Посмотреть HTML шаблона The Storefront 12 КБ, без сборки

<!DOCTYPE html>
<html lang="ru" 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;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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 &middot; жикле на хлопковой бумаге</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 &middot; жикле на хлопковой бумаге</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 &middot; жикле на хлопковой бумаге</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 &middot; жикле на хлопковой бумаге</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> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Открыть в браузере</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Следует вашей теме — переключите её в шапке, чтобы увидеть другую.

Посмотреть HTML шаблона The Brief 12 КБ, без сборки

<!DOCTYPE html>
<html lang="ru" 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;">&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;&#8199;&#65279;&#847;</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;">&#9650; 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;">&#9660; 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;">&#9650; 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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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;">&nbsp;</td><td style="font-size:0;line-height:0;">&nbsp;</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> &middot; <a href="https://example.com" class="d-mute" style="color:#8a8a8a;">Открыть в браузере</a></p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>

Источники бесплатных шаблонов рассылок

1. Brevo (рекомендуется)

Бесплатный план Brevo включает более 40 адаптивных шаблонов рассылок, встроенных в drag-and-drop редактор. Категории включают:

Приветственные письма
Анонсы товаров
Еженедельные дайджесты
Приглашения на события
Сезонные кампании

Плюсы: бесплатно, адаптивно, легко настраивать, без HTML Начните: Создайте бесплатный аккаунт Brevo

2. Canva

Canva предлагает дружелюбные к email шаблоны, которые вы настраиваете в их дизайн-инструменте.

3. Stripo

Stripo предоставляет более 1 100 бесплатных адаптивных email-шаблонов, экспортируемых в любой ESP.

4. BEEFree

BEE предлагает бесплатный редактор шаблонов с профессиональными дизайнами.

Сравнение источников бесплатных шаблонов

Источник	Бесплатные шаблоны	Редактор без кода	Экспорт в любой ESP	Лучше всего для
Brevo	более 40 адаптивных	Да	Нативно (встроено)	Отправки кампаний от начала до конца
Canva	много дизайнов	Да	Ручной экспорт	Визуально ориентированных маркетологов
Stripo	более 1 100	Да	Да	Разнообразия и гибкости ESP
BEEFree	большая библиотека	Да	Да	Самостоятельного дизайна шаблонов

Если хотите одно место для дизайна, персонализации и отправки, Brevo, это самый прямой путь. Если нужны только дизайн-файлы для другого инструмента, у Stripo и BEEFree самые широкие библиотеки.

Лучшие практики шаблонов рассылок

Дизайн

Используйте максимум 600 px ширины для совместимости с email-клиентами
Держите размер шрифта 14-16 px для основного текста
Используйте кнопки CTA, не текстовые ссылки (минимальная цель касания 44x44 px)
Ограничьте до 2-3 цветов из палитры бренда
Используйте веб-безопасные шрифты (Arial, Georgia, Verdana) с запасными

Расположение контента

Перевёрнутая пирамида: самый важный контент сверху
F-паттерн сканирования: ключевая информация слева
Белое пространство: не нагромождайте контент, дайте ему дышать
Соотношение изображение/текст: 40 % изображения, 60 % текст (для доставляемости)

Технически

Всегда добавляйте alt-текст к изображениям
Тестируйте в разных клиентах: Gmail, Outlook, Apple Mail, Yahoo
Держите общий размер письма под 100 KB для быстрой загрузки
Используйте inline CSS для согласованного отображения

Шаблоны рассылок по типу

1. Шаблон приветственной рассылки

Цель: произвести отличное первое впечатление Ключевые элементы: представление бренда, ценностное предложение, чего ожидать, быстрый CTA

2. Шаблон еженедельного дайджеста

Цель: регулярный обзор контента Ключевые элементы: курируемые разделы, краткие резюме, ссылки «читать далее»

3. Шаблон анонса товара

Цель: запуск новых товаров/функций Ключевые элементы: изображение товара, ключевые выгоды, цена, CTA «купить»

4. Промо-шаблон

Цель: стимулировать продажи предложениями Ключевые элементы: код скидки, изображения товаров, элемент срочности, CTA «в магазин»

5. Образовательный шаблон

Цель: давать ценность и строить доверие Ключевые элементы: советы или how-to контент, чистый макет, ненавязчивый CTA

Создание рассылки в Brevo

Зарегистрируйтесь в бесплатном плане Brevo
Выберите шаблон из библиотеки или начните с нуля
Настройте drag-and-drop: добавьте лого, цвета, блоки контента
Просмотрите на десктопе и мобильном
Протестируйте отправкой себе и коллегам
Запланируйте или отправьте сразу

Редактор Brevo сохраняет ваши собственные шаблоны для повторного использования, и вы можете создавать брендированные библиотеки шаблонов для команды.

Советы для большего вовлечения

Персонализируйте приветствие и контент на основе сегментов
A/B тестируйте разные макеты, чтобы найти работающий (руководство по A/B-тестированию)
Сохраняйте просматриваемость, читатели тратят в среднем 11 секунд на письмо
Один главный CTA, не давайте читателям слишком много опций
Согласованный график, приучайте читателей ожидать и открывать ваши письма

Связь шаблонов с данными о клиентах

Отшлифованный шаблон стоит ровно столько, сколько аудитория, до которой он добирается. Команды, выжимающие из рассылок максимум, связывают данные магазина с email-инструментом, так что каждая отправка целевая, а не общая. Tajo синхронизирует данные о клиентах, товарах и заказах из Shopify в Brevo, так что один и тот же шаблон можно персонализировать по сегменту: приветственный макет для новых подписчиков, анонс товара для прошлых покупателей этой категории или win-back предложение для уснувших клиентов. Шаблон остаётся согласованным; контент и аудитория адаптируются автоматически.

Следующие шаги

Начните с бесплатного плана Brevo и изучите их библиотеку шаблонов
Прочитайте наше руководство по дизайну рассылок для продвинутых советов
Посмотрите примеры рассылок для вдохновения
Настройте свою первую email-кампанию

Часто Задаваемые Вопросы

Где получить бесплатные шаблоны рассылок?

Brevo включает десятки бесплатных адаптивных шаблонов рассылок в своём email-редакторе с функцией drag-and-drop, без необходимости в дизайнерских навыках. Бесплатные шаблоны можно найти также на платформах вроде Canva, Stripo и BEEFree.

Что делает шаблон рассылки хорошим?

Хороший шаблон рассылки адаптивен для мобильных устройств, имеет ясную визуальную иерархию, использует цвета вашего бренда, содержит заметный CTA, быстро загружается и работает во всех email-клиентах (Gmail, Outlook, Apple Mail).

Нужны ли навыки HTML для создания шаблонов рассылок?

Нет. Современные email-платформы, такие как Brevo, предлагают drag-and-drop редакторы, которые создают красивые адаптивные шаблоны без кода. Цвета, макет, изображения и шрифты вы настраиваете визуально.

Как часто отправлять рассылку?

Выберите ритм, который можете поддерживать стабильно. Предсказуемый еженедельный или ежемесячный график приучает читателей ожидать и открывать ваши письма, и это важнее голой частоты.

Поделиться этой статьёй:

Назад ко всем статьям

business-tools

Шаблоны рассылок: бесплатные скачивания, советы по дизайну и лучшие примеры (2026)

Что делает шаблон рассылки отличным

Существенные элементы

Анатомия шаблона

Четыре макета в работе

Источники бесплатных шаблонов рассылок

1. Brevo (рекомендуется)

2. Canva

3. Stripo

4. BEEFree

Сравнение источников бесплатных шаблонов

Лучшие практики шаблонов рассылок

Дизайн

Расположение контента

Технически

Шаблоны рассылок по типу

1. Шаблон приветственной рассылки

2. Шаблон еженедельного дайджеста

3. Шаблон анонса товара

4. Промо-шаблон

5. Образовательный шаблон

Создание рассылки в Brevo

Советы для большего вовлечения

Связь шаблонов с данными о клиентах

Следующие шаги

Часто Задаваемые Вопросы

Подайте заявку на ранний доступ

Спасибо, подписка оформлена.

Похожие статьи

Экспорт и миграция данных Brevo: как перенести данные в систему и из неё

GDPR и email-маркетинг: практическое руководство по соответствию

Страница отписки: как правильно сделать отказ в один клик

Win-back кампания в email: как вернуть ушедших клиентов в 2026 году

CRM с email-маркетингом: зачем нужны оба инструмента (и как их связать)

Email-маркетинг для начинающих: полное пошаговое руководство (2026)