Создавать шаблон самостоятельно или использовать готовое решение — частый вопрос при работе с рассылками. Одни постоянно собирают письма с нуля, выделяя под эту задачу несколько сотрудников. А другие, наоборот, используют готовые шаблоны.
В статье расскажем про плюсы и минусы каждого решения. Покажем примеры красивых шаблонов для письма и объясним, как создать их самостоятельно или адаптировать готовые под свои задачи.
Что такое шаблон письма и какие блоки в нём должны быть
Шаблон — это заранее подготовленный макет, который определяет структуру и внешний вид email-рассылки. В нём уже продуманы все блоки: хедер (шапка), заголовок, баннер, текст, картинки, кнопки призыва к действию (CTA), футер (подвал).
С шаблоном не приходится каждый раз создавать email-рассылку заново. Достаточно выбрать нужный вариант, подставить в него контент, и письмо готово. Так работа команды ускоряется. Вместо того чтобы тратить часы на дизайн и вёрстку, можно сосредоточиться на содержании. Особенно шаблоны рассылок выручают, когда нужно оперативно отреагировать на инфоповод или запустить срочную акцию.
Ещё один плюс — они помогают поддерживать единый стиль коммуникации. По знакомой структуре, фирменным цветам и оформлению кнопок получателю проще узнать компанию.
Основные элементы шаблона рассылки
Любое электронное письмо должно содержать как минимум основные элементы: шапку, контентный блок и футер. На примере письма от Профи.ру разберём, что должно быть в каждом из блоков.
В хедере обычно располагается логотип компании. Опционально в него вшивают ссылку на главную или на нужную страницу сайта. Также в шапке могут быть ссылки на соцсети, меню сайта, веб-версию письма — всё зависит от задач конкретной компании.
Блок с контентом — всё содержимое письма: баннер, заголовок, картинки, текст, ссылки, видео, кнопки CTA. Эта часть может состоять как из одного, так и из нескольких блоков.
До футера читатели доходят не всегда, но его всё равно нужно оформлять как следует, добавить сервисную информацию. Обычно это ссылка на отписку, контакты компании, реквизиты, напоминание о подписке.
Футер — самый стабильный компонент рассылки, его меняют реже всего. Поэтому важно делать его нейтральным, чтобы он подходил под любые шаблоны писем.
Какие бывают шаблоны email-писем
Все шаблоны рассылок для клиентов можно условно разделить на четыре группы:
- Универсальные — подходят для разных форматов: новостей, анонсов, поздравлений. Их легко подстроить почти под любую задачу, потому что содержат стандартные блоки: логотип, меню, основной контент, футер.
- Контентные — предназначены для полезной информации: статей, советов, обзоров. Акцент здесь делается на тексте и изображениях.
- Продающие — нужны для анонсов акций, распродаж, специальных предложений. Здесь часто используют баннеры и заметные кнопки «Купить» или «Узнать больше». При этом текста может быть немного.
- Транзакционные — это письма с подтверждением: регистрации, заказа, оплаты. В таком шаблоне письма обычно не используют сложные визуальные элементы. Чаще всего просто логотип, текст и контакты компании.
Создание рассылки с нуля — плюсы и минусы
Этот вариант подойдёт тем, кто только начинает работать с email-маркетингом. Можно создавать свои шаблоны, экспериментировать с содержимым и пробовать новые варианты оформления.
Плюсы:
- Индивидуальный дизайн для каждого выпуска.
- Эксперименты со структурой.
- Тестирование новых элементов.
- Более точная адаптация шаблона рассылки под каждый сегмент аудитории ― можно настроить, чтобы конкретные блоки показывались только выбранным группам получателей.
Минусы:
- Время, которое нужно на разработку и согласование. Приходится подключать дизайнера для отрисовки основных элементов и верстальщика, если шаблон рассылки создаётся в HTML-редакторе.
- Ресурсы. Чем больше человек участвует в разработке и согласовании каждого выпуска рассылки, тем менее эффективной получается работа.
- Ошибки вёрстки. Если создавать письмо с нуля, возрастает вероятность ошибок. Готовые шаблоны в этом плане практичнее — они уже протестированы на разных типах устройств.
Сохранить однообразие в рассылке без использования шаблонов можно с помощью айдентики. Это визуальный и смысловой образ бренда, компании или продукта, который будет включать сборник образцов стандартных элементов: цветов, шрифтов, логотипов. В айдентику включают и текстовые элементы — приветствие, обращение, характерные формулировки. Разработка такой системы занимает достаточно много времени, но в дальнейшем помогает снизить вероятность ошибок. Это актуально для тех, кто работает в команде и делегирует задачи сотрудникам.
Использование шаблона — плюсы и минусы
Структура шаблона уже продумана, маркетологу остаётся добавить свой контент и элементы фирменного стиля. Можно использовать готовые шаблоны от сервисов рассылок или скачать (купить) готовые.
Плюсы:
- Нужно время только на написание текста и подбор картинок. Для сборки не требуется специальных навыков, вроде вёрстки или создания графики. Только для серьёзных изменений.
- Учитываются все требования вёрстки для разных устройств. Шаблоны писем тестируются перед добавлением в личный кабинет.
- Требуют меньшего участия других сотрудников. Интерфейс конструктора писем интуитивно понятен. Достаточно подготовить картинки и текст, а после вставить их в нужные поля.
Минусы:
- Даже несмотря на адаптивность, шаблоны тоже нужно дорабатывать — менять тексты, макеты. Все выпуски рассылки нужно тестировать, и при выявлении проблем вносить изменения в уже готовые шаблоны.
- Если вы купили или скачали шаблон в HTML-формате, изменить его можно будет только через код — это не всегда удобно. В то же время, если вы используете готовые шаблоны внутри платформ для рассылок — их можно легко поправить в блочном редакторе.
| Создание рассылки с нуля | Выбор готового шаблона | |
| Время | Нужно много времени на дизайн, вёрстку и тестирование | Достаточно адаптировать под задачу конкретного письма |
| Затраты | Высокие: нужны специалисты (дизайнер, верстальщик), возможно, платные инструменты | Низкие: достаточно оплатить платформу для рассылок или воспользоваться бесплатным тарифом |
| Эффективность | Максимальная: шаблон полностью соответствует задачам рассылки и позиционированию бренда | Средняя: ограничена возможностями шаблона. Но если задачи стандартные, проблем нет |
Как работать с готовыми шаблонами писем
Покажем, как устроены шаблоны на примере CDP Sendsay. У платформы есть несколько видов готовых писем:
- Дизайнерские — отличаются минималистичным и стильным оформлением. В коллекции есть шаблоны писем для разных задач, разделённые по нишам. Например, опрос для фитнес-клубов, промокод для ювелирных брендов, новости для строительной компании. Каждый можно адаптировать под другую нишу, если визуал вам подходит.
- Тематические — для узких задач. Например, есть шаблоны писем для рассылки на Чёрную пятницу и 8 Марта, для дайджеста и реактивации. Также есть варианты для e-commerce: например, магазина техники или косметики.
- Пустые — подходят для базовых рассылок: приветствие, новости, оповещения, акции, брошенные корзины. Их оформление минимально, чтобы можно было адаптировать под свой брендбук.
А вот несколько особенностей, которые объединяют разные виды шаблонов в CDP Sendsay:
- Лёгкость адаптации. Каждый элемент можно настроить под фирменный стиль компании: добавить фон, логотип, изображения и выбрать нужные цвета и шрифты.
- Персонализация. Можно настроить показ отдельных элементов для каждого сегмента аудитории.
- Сохранение в разных вариантах. Готовый шаблон можно сохранить как в личном кабинете, так и скачать в виде HTML-шаблона.
- Единообразие. Можно создавать новые шаблоны писем на основании предыдущих, просто копируя их оформление и стиль. Это позволит сохранить однородность в рассылках.
Кроме этого, в CDP Sendsay можно сегментировать базу, персонализировать письма и получать детальную статистику по каждому выпуску. Подробно о том, как запустить рассылку в Sendsay и какие есть для этого возможности, рассказали в статье.
Как самому создать письмо с нуля
Создать письмо самостоятельно сложнее, чем использовать готовый шаблон. Но не всегда дольше. Есть два варианта: сделать свой шаблон в HTML (может занять много времени) или использовать конструктор писем (это быстрее).
HTML-вёрстка
Рассказать в нескольких абзацах правила вёрстки через код не получится — ей обучают на курсах. Но вот рекомендации, которые помогут создать новый выпуск, чтобы кнопки остались на своём месте и всё работало так, как было задумано ↓
- Использовать табличную вёрстку. Если для страниц на сайтах её уже давно не применяют, то в разметке писем она всё ещё актуальна. Так содержимое не поплывёт и будет правильно отображаться на всех платформах.
- Применять универсальные атрибуты и теги HTML. Они одинаково считываются всеми почтовиками, а потому письмо будет выглядеть нормально независимо от того, в каком клиенте его откроют.
- Использовать встроенные стили CSS. Этот язык отвечает за шрифты, фон и цвет содержимого рассылки. Выделяют несколько способов прописывания CSS, но в рассылке корректно работает только создание атрибутов в тегах HTML.
- Прописывать фиксированную ширину письма (600 px). Это нужно, чтобы на мобильных устройствах не появлялась полоса горизонтальной прокрутки. И с фиксированной шириной письма гораздо проще планировать композицию блоков и материалов — сразу можно прикинуть, как разместить элементы и где будут пустые участки.
Сверстать письмо в HTML можно где угодно, даже в обычном блокноте, если достаточно навыков и опыта. Но удобнее делать это в платформе для рассылок. Она даст возможность сразу посмотреть, как будет выглядеть готовый вариант. Например, так это работает в Sendsay:
Слева — само поле редактирования, а справа отображаются внесённые изменения — так количество ошибок вёрстки минимизируется. Вверху есть блок с предпросмотром на ПК, мобильных и в текстовой версии письма.
Если у вас уже есть свёрстанный макет, можно просто загрузить его в редактор и там продолжить работу.
Конструктор писем
Это удобный вариант для тех, кому нужно собрать выпуск быстро и без привлечения верстальщика. Со сборкой письма в конструкторе справится любой сотрудник.
Преимущество конструкторов писем в том, что в них уже учтена адаптивная вёрстка. Настроить стиль письма можно в несколько кликов — достаточно выбрать в параметрах нужные значения. Чтобы письма были в едином оформлении, настройки задаются по умолчанию для каждого выпуска. Например, цвет фона, текста, кнопок.
Чтобы создать шаблон рассылки в конструкторе, достаточно выбирать блоки и ставить их в нужное место письма. Если уже есть чёткая задумка, собрать письмо можно за полчаса. А ещё в конструкторе, как и в HTML-редакторе, можно сразу посмотреть, как будет выглядеть рассылка на разных устройствах.
Частые ошибки при работе с письмами
Перегружать письмо блоками. Когда читатель видит слишком много кнопок, картинок и текстов, ему может быть сложно понять, что делать дальше. Так конверсия рассылки может снижаться. Поэтому, если у письма есть чёткая задача (перевести в блог, побудить к покупке), лучше сфокусироваться на одном тематическом блоке.
Игнорировать структуру. Даже самый красивый шаблон для письма не сработает, если нарушена логика подачи информации. Когда в письме нет чёткой структуры, читателю сложно сориентироваться. В итоге он может даже не дойти до сути и закрыть письмо. Лучше ставить главное в начало, а уже потом переходить к деталям. И не забывать выделять призыв к действию.
Избегать персонализации. Шаблон email-рассылки — это универсальный макет, но контент внутри него можно менять: обращаться к получателю по имени, сегментировать аудиторию и показывать релевантные товары. Например, в письме с подборкой книг уместно предложить новинки из интересного подписчику жанра.
Не тестировать. Если создавать шаблон письма с нуля, рассылку нужно проверить перед отправкой. Иначе может получиться так, что картинки растянутся, кнопки окажутся слишком маленькими, а текст обрежется.
Главное о шаблонах email-рассылок
- Шаблон — это готовый макет, который определяет внешний вид письма. Он позволяет экономить время и выдерживать единый стиль оформления.
- Шаблон для рассылки писем можно сделать самостоятельно или выбрать уже готовый. Первый вариант более гибкий и адаптивный, но на его создание нужно больше денег и времени. Второй — дешевле, быстрее и подходит для большинства стандартных задач.
- В платформах для рассылок есть шаблоны для типичных писем: приветствий, новостей, оповещений, распродаж, реактивации, поздравлений. Они уже адаптированы для разных видов устройств: остаётся добавить контент и задать нужный стиль.
Часто задаваемые вопросы
