Шаблоны
email-писем

Зачем бизнесу свои шаблоны email-писем

Каждое письмо без шаблона собирается заново: где-то съехал отступ, где-то другой цвет кнопки, где-то забыли отписку. Шаблоны email-писем решают это раз и навсегда. У вас есть набор проверенных модулей, из которых письмо собирается как из конструктора, и каждое выглядит узнаваемо: клиент видит ваш стиль ещё до того, как прочитал тему.

Шаблон нужен и для регулярной рассылки, и для автоматических цепочек. В цепочках он даже важнее: эти письма уходят годами, и если в них что-то сломано, вы можете узнать об этом последним.

Модули, из которых собирается письмо

• Шапка. Логотип и, по желанию, короткое меню из двух-трёх ссылок.
• Главный блок. Крупный заголовок, одна фраза и кнопка. Это то, что видят в первые секунды.
• Текст с картинкой. Для новостей, советов и историй.
• Карточки товаров или услуг. Две или три в ряд на компьютере, одна под другой на телефоне.
• Кнопка. Настоящая кнопка из кода, а не картинка: её видно даже с отключёнными изображениями.
• Подпись. Фото и имя человека, от которого письмо. Так его читают охотнее.
• Подвал. Контакты, причина получения письма и отписка в один клик.

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

Телефон, тёмная тема и Outlook

Большая часть писем сейчас открывается на телефоне, поэтому шаблон я проектирую сначала под узкий экран. Текст не мельче привычного размера, кнопки такие, чтобы в них легко попасть пальцем, колонки на телефоне становятся одной.

Тёмная тема меняет цвета по своим правилам, и разные почтовые программы делают это по-разному. Я готовлю логотип с подложкой, проверяю контраст текста и избегаю серого на сером. Outlook отдельная история: он отображает письма своим движком, и многое, что работает в Gmail, в нём ломается. Поэтому вёрстку я проверяю в нескольких версиях Outlook, в Gmail, Apple Mail и в популярных польских почтовых сервисах.

Доступность писем

Письмо должны прочитать все, включая людей, которые плохо видят или пользуются экранным диктором. Для этого нужны достаточный контраст текста, нормальный размер шрифта, осмысленные описания картинок и кнопки с понятным текстом вместо «здесь». Это те же принципы WCAG, что и для сайтов. Подробнее про требования в ЕС в статье доступность сайтов в ЕС. Кроме пользы для людей, это ещё и помогает доставляемости: письмо из нормального текста фильтры встречают спокойнее, чем одну большую картинку.

Стиль и бренд

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

Языковые версии шаблона

Если вы пишете клиентам на двух языках, шаблон должен выдерживать оба. Русский текст обычно длиннее польского, а заголовки на кириллице занимают больше места по ширине. Поэтому модули я проверяю на реальных текстах на обоих языках, а не на заглушке: чтобы кнопка не переносилась на две строки, а заголовок не ломал карточку товара. Подвал и служебные фразы (отписка, причина получения письма) готовлю сразу в двух версиях, чтобы их не приходилось переводить в спешке перед отправкой. Для регулярных рассылок это экономит время каждый месяц.

Что вы получаете в конце

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

Ошибки, которые исправляю чаще всего

Письмо шириной в монитор, которое на телефоне превращается в мелкий шрифт. Кнопка-картинка, которой нет при отключённых изображениях. Белый логотип на прозрачном фоне, исчезающий в светлой теме. Огромные фото по несколько мегабайт, из-за которых письмо грузится вечность. И подвал без отписки, потому что его «временно» удалили при правке. Если узнали своё письмо, это нормально: всё это исправляется за один проход.