Сегодня поговорим обо всех тонкостях создания хедера письма. Да-да, у этого обязательного элемента дизайна рассылки есть свои секреты, задачи и способы привлечь внимание подписчика. Запасайтесь блокнотами, открывайте свои рассылки и обязательно внедряйте.
Шапка, он же хедер — один из обязательных элементов регулярных рассылок. Этот элемент — «лицо» рассылки. Благодаря ему письмо не выглядит безликим, а логотип и компания запоминаются.
Разрабатывая визуальную составляющую будущей рассылки, шапке необходимо уделить особое внимание, поскольку это первая часть письма, которая видна всем при открытии. Открывая письмо, подписчик оценивает его визуально. И на оценку у него совсем немного времени. Благодаря яркой шапке вероятность того, что письмо не закроют в момент открытия достаточно высока.
Обязательные элементы хедера письма:
1. Яркий фон. Ориентируясь на фирменный стиль, старайтесь выделять шапку письма ярким фоном.
2. Обязательно наличие логотипа в левом углу шапки. В зависимости от стиля письма, расположения блоков, а также фирменного стиля, можно разместить логотип в середине хедера. Однако я бы советовала придерживаться левого края, так как верхний левый угол — один из самых выигрышных и запоминающихся областей письма.
Учитывая, что ширина стандартного письма — 600 пикс., размер логотипа не должен превышать 200 пикс. в ширину, высота хедера также не более 200 пикс.
Читайте также по теме: Компоненты дизайна email-рассылок. Часть 1
3. Фон и текстовое содержание. Часто для шапки используют баннер, то есть, картинку, на которой размещен логотип, текстовый слоган и т. д. Это экономит время, однако, я советую создавать хедер, равно как и весь макет письма, на основе таблицы, фон которой окрашен в определенный цвет, подписи — текстовые, а иконки, кнопки и логотип залинкованы ссылками. Связано это с тем, что картинки с текстовым содержанием «не любят» спам-фильтры почтовых систем. Также функционально удобнее залинковать разные иконки, кнопки и текст разными ссылками. Поэтому, старайтесь заполнить хедер не одной сплошной картинкой, а визуальными и текстовыми элементами на цветном фоне.
Одним из модных трендов в дизайне является размещение шапки на стандартном сером фоне, а тело письма отображать на белом фоне.
5. Область для контактной информации, находящейся в шапке справа от логотипа нужно хорошенько продумать. Ведь оставлять «бесхозным» такое выигрышное место — не стоит. Здесь можно разместить: ссылки на сайт, телефоны, иконки социальных сетей и т.д.
Например, в шапке писем магазина «Алло» напротив логотипа всегда присутствует кнопка-призыв.
Интернет-магазин «Rozetka» использует в шапке необычную разметку популярных товарных категорий в виде иконок.
Книжный интернет-магазин Yakaboo разместил в шапке иконки социальных сетей.
Для рассылок в сфере B2B хорошо работают контактные данные и залинкованные слоганы, на которые приходится хорошее количество кликов из рассылки.
6. Линейка товаров в постхедере. Этот прием хорошо зарекомендовал себя не только у интернет-магазинов, но и компаний, предоставляющих услуги в сфере B2B. Поэтому используйте этот прием в рассылках, если стремитесь напомнить подписчикам о разных сферах деятельности вашей компании.
Читайте также по теме: Эффективные тренды email-дизайна
7. Возможность отписки и электронная версия письма. Часто эти элементы используют в хедере. Однако для пользователей системы SendExpert есть хорошая новость — эти элементы автоматически прикрепляются к каждой рассылке, поэтому перегружать шапку не нужно. В верхней части каждого письма добавляется возможность просмотреть сообщение во вкладке браузера, если оно отобразилось не корректно, а в нижней части рассылки для пользователей доступна возможность отписки.
В следующем материале, который выйдет 13 марта, мы подробно разберем особенности подвала письма, а также способы сделать его красивым и, одновременно, функциональным и кликабельным.