Текст в прехедере чаще всего дается мелко, на основном фоне:
Аннотация нужна, чтобы дополнить и усилить тему (subject line) в почтовых клиентах, которые имеют обыкновение демонстрировать первые строки письма на предпросмотре:
Иногда ее сознательно скрывают, делая одного цвета с фоном или обнуляя размер шрифта:
Ссылка на браузерную версию размещается на всякий случай. Если письмо в почтовом клиенте отобразилось неправильно, всегда есть возможность увидеть его «во всей красе» в отдельной вкладке браузера.
Традиционные формулировки для такой ссылки:
Не видно картинок? Нажмите здесь.
Письмо отображается некорректно? Жмите тут!
Посмотреть письмо в браузере…
И т. п.
Иногда вместо ссылки размещают маленькую картинку:
«Шапка»
«Шапка» – также верхняя часть письма, которая уже резко отличается от фонового, неброского прехедера:
Обычно в «шапке» размещают логотип компании. По желанию можно добавить слоган, контакты, кнопки социальных сетей или ссылки на основные разделы сайта.
«Шапка» вслед за именем отправителя идентифицирует ваш магазин в глазах подписчика. Это первое, что он видит, открыв письмо, – именно поэтому «шапка» должна недвусмысленно сообщать, кто вы такие.
Тело письма
Средняя, самая большая часть письма, которая непосредственно содержит ваше послание. Типовая компоновка контента в теле письма:
• картинка по ширине/баннер;
• текст;
• картинка слева/справа;
• два столбца;
• три столбца;
• четыре столбца (при необходимости).
Структурировать письмо помогают дополнительные элементы, из которых и складывается индивидуальный стиль оформления:
• разделительные линейки;
• заголовки/подзаголовки;
• маркеры списка (буллиты);
• цитаты, отзывы;
• даты;
• цены, скидки;
• ссылки/кнопки;
• иконки.
С таким набором вы можете разместить любой контент в письме и делать это разными способами. Например, дать анонс акции баннером и текстовым блоком, ниже расположить товары в два-три столбца, а завершить письмо небольшой новостью магазина в формате «картинка слева».
Каждый раздел стоит обособить заголовками и разделительными линейками. Тогда подписчик будет считывать структуру письма без всякого труда.
Футер
Нижняя часть письма, которая, как и «шапка», несет по большей части служебные функции.
Стандартное содержание футера:
• иконки/ссылки на основные разделы сайта;
• контакты магазина;
• кнопки социальных сетей;
• объяснение, почему подписчик получил эту рассылку;
• ссылка на отписку (обязательно!).
Можно визуально разбить футер на две части: в верхней на более насыщенном фоне разместить всю маркетинговую информацию (разделы, кнопки), в нижней более мелко дать обязательную информацию – объяснение причины отправки и ссылку на отписку.