Шаблон email рассылки: создание и верстка
Шаблон email рассылки под задачу вашего бренда
Шаблон email рассылки: это готовая модульная основа письма, в которую остаётся подставить текст и картинки. Собираем дизайн и адаптивный HTML под ваш бренд, пишем текст, тестируем в почтовых клиентах и отдаём исходники. Верстка держит тёмную тему, Outlook и ретину. Согласие и маркировку настраиваем по 152-ФЗ.
Создание email рассылки: из чего собираем письмо
Создание email рассылки начинается не с кода, а со структуры письма. Стандартный макет письма состоит из универсальных блоков: шапка с логотипом, промо-баннер, контентный и товарный блоки, CTA-кнопки и футер с адресом и отпиской. Такой каркас сокращает сборку следующего письма до одного дня: меняются текст и картинки, а сетка, отступы и адаптив уже готовы и протестированы. Верстальщику не нужно каждый раз собирать письмо с нуля.
Эта страница разбирает отдельную услугу: дизайн, HTML-верстку и текст письма. Если нужен полный цикл со стратегией, сегментами, автоматизацией и отправкой, смотрите основную услугу email-рассылки под ключ: там про всю систему, а здесь про само письмо. Мы фокусируемся на том, как собрать шаблон email рассылки, который одинаково выглядит на телефоне и десктопе и не ломается в Gmail, Outlook и Apple Mail.
Шаблон и мастер-шаблон email рассылки: в чём разница
Шаблон email рассылки: это одно письмо с готовой структурой под конкретную задачу. Мастер-шаблон: модульная дизайн-система из блоков (заголовки H1-H4, кнопки, товарные сетки, промокод, новостные блоки, брошенная корзина), из которой маркетолог собирает десятки писем в едином фирменном стиле без верстальщика. Мастер-шаблон окупается, когда рассылки идут регулярно и важна скорость выпуска: новое письмо собирается из готовых блоков за час, а не за несколько дней.
Выбор формата зависит от объёма писем. Для разового промо или анонса хватает одного шаблона. Для регулярной программы (welcome-цепочка, дайджест, акции) выгоднее один раз собрать мастер-шаблон и дальше выпускать письма за часы. Email рассылка как канал живёт не в вакууме: как она встроена в общую систему коммуникаций с клиентом, разбираем в хабе по рассылкам. Там про Email, Telegram и SMS в одной связке.
Текст email рассылки: тема, прехедер, тело, кнопка
Текст email рассылки решает, откроют письмо или отправят в корзину. Работают четыре элемента: тема (до 40 знаков, чтобы не обрезалась на экране телефона), прехедер (первая строка предпросмотра, которая дополняет тему), тело с одним смысловым акцентом и понятная CTA-кнопка с глаголом действия. Мы пишем текст под задачу письма и tone of voice бренда, а не подгоняем готовую «рыбу» под макет постфактум.
Тон и длина текста зависят от аудитории и типа письма. Холодное первое касание по новой базе и тёплая продающая рассылка по действующим клиентам пишутся по-разному. Как формулировать текст, чтобы на письма отвечали, а не удаляли, разбираем в статье про холодные рассылки. Для верстки важно одно правило: текст готовим до дизайна, тогда блоки собираются под реальный объём, а не под условную заглушку.
HTML email рассылок: адаптив, тёмная тема, Outlook
HTML email рассылок отличается от вёрстки сайтов: почтовые клиенты понимают ограниченный набор CSS, поэтому письма собирают на таблицах и инлайн-стилях, а не на flexbox и grid. Наш макет email рассылки адаптивен под десктоп, планшет и смартфон, держит тёмную тему в Gmail и Apple Mail, отдельно правится под капризный Outlook на движке Word и использует ретина-графику удвоенного разрешения для чётких картинок на плотных экранах.
Для интерактива подключаем AMP for Email: карусели, аккордеоны, опросы и формы прямо в письме, с обычным HTML как запасным вариантом для клиентов без поддержки AMP. Каждое изображение получает alt-текст на случай отключённой графики, ссылки размечаются UTM-метками для аналитики, футер содержит отписку и адрес отправителя. Готовый HTML совместим с любой платформой: подставляете код в редактор ESP и отправляете рассылку без правок.
Тестирование email рассылки на почтовых клиентах
Перед отправкой шаблон проходит тестирование в 70+ почтовых клиентах через Email on Acid или Litmus. Проверяем отображение в Gmail, Outlook разных версий, Apple Mail, Яндекс Почте и Mail.ru, на iOS и Android, в светлой и тёмной теме. Задача проверки: блоки не разъезжаются, кастомные шрифты подставляются или корректно падают на системные, а кнопки достаточно крупные, чтобы нажимались пальцем на смартфоне.
Отдельно смотрим вес письма и долю картинок к тексту, чтобы рассылка не попала в спам и не обрезалась в Gmail на 102 килобайтах. По итогам присылаем тест-репорт со скриншотами из каждого клиента. Это отличает услугу под ключ от конструктора: в конструкторе вы верстаете и тестируете сами на глаз, здесь проверку и правку по багам берут на себя нейроюниты и специалист.
Как нейроюниты ускоряют создание email рассылки
Рутину создания email рассылки у нас ведут AI-роботы. Нейроюниты генерируют варианты темы и прехедера под tone of voice бренда, собирают A/B-версии текста, подставляют персонализацию по данным подписчика и раскладывают контент по блокам мастер-шаблона. Человек-редактор отвечает за смысл, факты и финальную вычитку, а робот берёт на себя скорость и единообразие вёрстки: одинаковые отступы, кегли и цвета во всех письмах программы.
Тот же AI-конвейер мы применяем в аутрич-задачах, где письмо и первое касание нужно масштабировать без потери персонализации и ручной сборки каждого макета. Пример подхода к массовой персонализации: кейс нативного посева в Email и Telegram. Как связать письма в автоматические цепочки по событиям пользователя (регистрация, брошенная корзина, оплата, день рождения), разбираем в статье про автоматизацию email-маркетинга.
Маркировка и согласие: email рассылка по 152-ФЗ
Email рассылка по базе в России регулируется 152-ФЗ и законом о рекламе. Отправлять письма можно только по собранному согласию через double opt-in, в каждом письме обязательна рабочая ссылка на отписку в один клик, а рекламные письма помечаются как реклама с указанием отправителя. Верстаем футер сразу с этими элементами, чтобы шаблон был легальным с первой отправки и не собирал жалобы от подписчиков.
При необходимости добавляем в письмо реквизиты юрлица и токен оператора рекламных данных для маркировки. Персональные данные подписчиков (email, имя, история покупок) обрабатываются по требованиям 152-ФЗ. Это часть услуги, а не платная допопция: письмо без отписки и согласия быстро приводит к жалобам на спам и блокировке домена в почтовых системах, после чего доставляемость всей базы падает.
Форматы писем и блоки, которые верстаем
Под верстку приходят разные типы писем, и у каждого своя структура. Приветственное письмо знакомит с брендом и ведёт к первому действию. Продающая рассылка строится вокруг оффера и одной кнопки. Дайджест и новостное письмо собирают несколько блоков контента с анонсами. Триггерные письма (брошенная корзина, снижение цены, реактивация) верстаем компактными, с фокусом на один товар и быстрый переход на сайт.
Для каждого формата в мастер-шаблоне заложены свои блоки: товарная сетка два-три в ряд, блок с отзывами, таймер акции, промокод, подборка статей. Собираем их так, чтобы контент-менеджер менял тексты и картинки без вёрстки и кода. Отдельно прорабатываем пустые состояния: как блок выглядит, если товар без скидки или картинка не подгрузилась, чтобы письмо не разваливалось на реальных данных.
Передача исходников и совместимость с ESP
После сдачи вы получаете исходный HTML-файл письма и все права на него. Шаблон совместим с Unisender, Sendsay, Mindbox, DashaMail и любой другой CRM или ESP: мы не привязываем вас к своему сервису и не берём абонплату за доступ к макету. Если работаете в блочном редакторе платформы, соберём письмо прямо там, чтобы менеджер редактировал контент без знания HTML.
Прозрачность вместо чёрного ящика: отдаём файлы, тест-репорт со скриншотами и короткую видеоинструкцию по правкам. Редизайн существующих писем делаем с сохранением логики, сегментов и метрик, обновляя только визуал и адаптив. Так шаблон email рассылки остаётся вашим активом: его можно передать новому подрядчику или платформе без потерь и переверстки с нуля.
Конструктор, ручная верстка и шаблон с AI: сравнение
| Параметр | Конструктор/редактор | Ручная HTML-верстка | Neurounit |
|---|---|---|---|
| Варианты текста и темы | пишете сами | не входит | генерируют нейроюниты + вычитка |
| Адаптив, тёмная тема, Outlook | частично | да | да |
| Тест на почтовых клиентах | сами | 70+ клиентов | 70+ клиентов, тест-репорт |
| Исходный HTML и права | внутри сервиса | да | да, без привязки к ESP |
| Срок готового шаблона | часы, но вручную | от 3 дней | от 3 дней |
| Маркировка и отписка 152-ФЗ | вручную | по ТЗ | в шаблоне сразу |
Как проходит создание и верстка email рассылки
- Бриф
Уточняем задачу письма, нишу, бренд-гайд, целевое действие и платформу рассылки.
- Текст и структура
Пишем тему, прехедер и тело письма, раскладываем контент по блокам шаблона.
- Дизайн-макет
Отрисовываем письмо в фирменном стиле, согласуем визуал до вёрстки.
- HTML-верстка
Собираем адаптивный HTML с тёмной темой, правкой под Outlook и ретиной.
- Тестирование
Прогоняем шаблон по 70+ почтовым клиентам, присылаем тест-репорт со скриншотами.
- Передача и запуск
Отдаём исходники и права, при необходимости заводим письмо в ваш ESP.
Термины
- Мастер-шаблон
- Модульная дизайн-система из блоков, из которой собирают много писем в едином стиле.
- Прехедер
- Первая строка предпросмотра письма после темы: дополняет её и повышает открываемость.
- ESP
- Email Service Provider, сервис рассылок (Unisender, Sendsay, Mindbox), куда загружают шаблон.
- AMP for Email
- Технология интерактивных писем: карусели, формы и аккордеоны прямо в почте.
- Ретина-графика
- Изображения удвоенного разрешения для чётких картинок на плотных экранах.
- Double opt-in
- Подтверждение подписки через письмо: основа легальной рассылки по 152-ФЗ.
Частые вопросы
Сколько стоит создание и верстка email рассылки?
По рынку верстка готового макета стоит от 8000 до 30000 рублей, комплекс «дизайн плюс вёрстка» доходит до 60000 рублей и выше. Итог зависит от типа: разовое письмо, мастер-шаблон или редизайн. Точную смету даём после брифа, когда понятны объём блоков и число адаптаций.
Чем шаблон отличается от мастер-шаблона?
Шаблон email рассылки: это одно готовое письмо под конкретную задачу. Мастер-шаблон: модульная система блоков, из которой собираются десятки писем в едином стиле без верстальщика. Для разовой акции берут шаблон. Для регулярной программы выгоднее один раз собрать мастер-шаблон и дальше выпускать письма за часы силами контент-менеджера.
Письмо будет корректно открываться на телефоне и в тёмной теме?
Да. Макет адаптивен под десктоп, планшет и смартфон, поддерживает тёмную тему в Gmail и Apple Mail, отдельно правится под Outlook и использует ретина-графику. Перед сдачей шаблон тестируется в 70+ почтовых клиентах, чтобы блоки не разъезжались, шрифты подставлялись корректно и кнопки нажимались пальцем на любом экране.
Вы пишете текст письма или только верстаете?
И то, и другое. Пишем тему, прехедер и тело письма под задачу и tone of voice, а не подгоняем текст под готовый макет. Можно заказать только вёрстку по вашему тексту и макету, только дизайн или полный пакет: текст, дизайн и HTML в одном потоке.
На каких платформах будет работать шаблон?
Готовый HTML совместим с Unisender, Sendsay, Mindbox, DashaMail и любой другой CRM или ESP. Вы получаете исходный файл и не привязаны к нашему сервису. Если работаете в блочном редакторе платформы, соберём письмо прямо в нём, чтобы контент правился без знания кода.
Как соблюдается 152-ФЗ и маркировка?
Верстаем футер с рабочей ссылкой на отписку и данными отправителя, письмо помечается как реклама там, где это требуется. Отправка идёт только по собранному согласию через double opt-in. При необходимости добавляем реквизиты юрлица и токен ОРД. Персональные данные подписчиков обрабатываются по требованиям 152-ФЗ с первой отправки.
Сколько времени занимает верстка одного письма?
Верстка по готовому макету занимает от 3 до 4 рабочих дней. Разовое письмо с дизайном с нуля: около двух недель. Мастер-шаблон: 3-4 недели, потому что это дизайн-система из многих блоков и состояний. Сроки сокращает AI-конвейер: нейроюниты берут на себя черновую сборку, а специалист доводит детали.
Можно обновить старые письма, не переделывая всё?
Да, это редизайн. Обновляем визуал и вёрстку, сохраняя логику писем, сегменты и метрики. Меняем устаревшие блоки на адаптивные, добавляем тёмную тему и правку под Outlook. Такой апдейт дешевле полной переверстки с нуля и не ломает уже работающие автоматические цепочки и триггерные письма в вашем ESP.
Нужен ли готовый дизайн-макет или вы рисуете с нуля?
Работаем и так, и так. Если у вас есть дизайн-макет в Figma или PSD, верстаем строго по нему и переносим пиксель в пиксель. Если макета нет, отрисовываем письмо с нуля в вашем фирменном стиле и согласуем визуал до вёрстки. Можно заказать только этап дизайна или только вёрстку по готовому макету.
