Шапка письма — первое, что видит получатель. От того, насколько качественно она оформлена, во многом зависит, продолжит ли адресат читать письмо и выполнит ли целевое действие.
В статье разобрали, какие задачи решает правильная шапка, из каких элементов может состоять и что учесть при оформлении.
Основные задачи шапки письма для email-рассылки
Шапка рассылки или хедер — это верхний блок письма, расположенный над основным контентом.
Грамотно оформленный хедер помогает:
- Повысить узнаваемость бренда. В шапке используются фирменные цвета, логотип и другие корпоративные элементы дизайна. Это помогает получателям быстро понять, от кого пришла рассылка, и запоминать визуал бренда.
- Направить трафик из письма в нужные разделы сайта. Из шапки email-письма можно вести на главную, конкретную категорию товаров или раздел с новинками — тем самым повышать посещаемость нужной страницы.
- Укрепить лояльность к компании. Правильная шапка письма помогает читателю сориентироваться и упростить навигацию. Например, быстро кликнуть на логотип в хедере и перейти на сайт — это удобно. Человек понимает, что о нём заботятся, и это вызывает позитивные эмоции и мотивирует к взаимодействию с контентом.
В зависимости от целей конкретного письма шапка может решать и другие задачи. Например, компании нужно увеличить количество подписчиков Telegram-канала. Тогда в шапке можно написать призыв к действию и поставить ссылку на эту соцсеть. Или бренд хочет привлечь больше участников в программу лояльности ― тогда размещает информацию о ней верхнем блоке, чтобы её увидели даже те, кто не дочитает письмо до конца.
Что входит в шапку письма
В зависимости от типа рассылки и целей в шапке размещают:
- название и/или логотип компании;
- заголовок рассылки;
- иконки и ссылки на соцсети;
- меню со ссылками на разделы сайта;
- ссылку на веб-версию письма;
- контакты — телефон, адрес электронной почты, мессенджеры;
- призывы к действию и кнопки;
- УТП, слоганы, преимущества;
- информацию об акциях и скидках.
Это лишь несколько вариантов, как оформляется шапка письма. Список не конечный — в верхний блок можно поместить то, что вы хотите обязательно показать всем подписчикам. Главное, чтобы шапка получилась функциональной и информативной.
Что учесть при создании шапки письма
Универсального образца, как оформить шапку письма, не существует. В зависимости от целей, вида рассылки, специфики бизнеса этот блок может содержать разные элементы и информацию. Но есть общие правила, на которые стоит ориентироваться.
Продумайте навигацию
Шапка письма — это не только место для логотипа, но и важный элемент навигации. Поэтому стоит добавить в хедер ссылки, которые будут полезны подписчику: главная страница сайта, личный кабинет, программа лояльности, соцсети, служба поддержки.
При этом важно не перестараться — в хедере достаточно ограничиться 3–5 самыми важными ссылками. И в зависимости от задачи конкретного письма менять их, если это нужно.
Адаптируйте шапку для мобильных устройств
С каждым годом всё больше пользователей открывают письма с мобильных. И все элементы шапки должны быть хорошо видны и быть достаточно крупными для нажатия пальцем. При этом логотип должен масштабироваться без потери качества, а элементы — не перекрывать друг друга. Поэтому важно проверить, как шапка email-письма отображается на разных устройствах: смартфонах, планшетах и компьютерах.
Такая возможность есть в платформах для рассылок — например, в CDP Sendsay. Кроме того, маркетолог может создать рассылку в конструкторе писем из готовых блоков: текста, ссылок, картинок, кнопок. В том числе выбрать уже готовую шапку и адаптировать её под себя. После этого остаётся проверить письмо в режиме предпросмотра — и можно отправлять.
Разместите ссылку на веб-версию
Обычно её ставят в футер — то есть подвал письма, но это не совсем целесообразно. Если рассылка отобразится в почтовом клиенте некорректно, пользователь может закрыть её, не досмотрев до конца. Соответственно, шанса найти ссылку у него не будет. Логичнее разместить ссылку на веб-версию над шапкой.
Пропишите теги Alt
Причины, из-за которых получатель может не увидеть картинки, могут быть разными. Возможно, браузер или почтовый клиент не поддерживает изображения. А может, сам пользователь отключил их в настройках, чтобы увеличить скорость загрузки и не расходовать трафик.
Чтобы подписчик даже с отключёнными картинками смог узнать, что на них было, прописывают тег Alt. Он показывает почтовому клиенту, какой текст вывести вместо изображения, если оно не загрузится.
Например, вы разместили в шапке логотип компании со ссылкой на сайт. Чтобы получатель понял, что там было, напишите в Alt название бренда.
Прописать этот атрибут можно в редакторе рассылки. Так, в конструкторе писем от CDP Sendsay нужно добавить блок с картинкой, нажать на его настройки и добавить пояснение в поле «Альтернативный текст».
Избегайте перегруженности
Не старайтесь уместить в верхний блок сразу все предложения и CTA, которые нужно показать в письме. Получатель вряд ли будет сам выискивать главное в перегруженной информацией шапке. Он может не совершить вообще никакого действия, потому что не поймёт, чего конкретно вы от него хотите.
Кроме того, так вы рискуете сделать шапку слишком большой, она займёт весь экран, и до сути письма пользователям придётся ещё добраться. Про оптимальный размер шапки и других элементов письма, мы уже рассказывали в блоге.
Лучше сосредоточиться на главном — основной теме и целевых действиях, которых вы ждёте от подписчиков. Например, если цель — продвинуть категорию сезонных товаров, разместите ссылку на неё в шапке. Соцсети, кнопку обратного звонка, ссылку на программу лояльности лучше расположить в теле или футере.
Используйте логотип и фирменный стиль
Элементы фирменного стиля в хедере повышают узнаваемость бренда и показывают, от кого пришло письмо. Это актуально для всех типов рассылок: — продающих, контентных, транзакционных.
Кроме того, используя одни и те же цвета, шрифты и стили во всех каналах коммуникации, мы визуально подчёркиваем единое информационное поле. Где бы клиент ни прочитал сообщение — на сайте, в соцсетях, электронной почте — он сразу поймёт, от кого пришло сообщение.
Позаботьтесь о читаемости элементов
В попытке создать красивую шапку письма важно не забыть о главном — все её элементы должны отображаться корректно. Здесь полезно поработать с фоном. С одной стороны, он должен соответствовать фирменному стилю компании, как заголовок и другие элементы шапки. С другой — логотип, кнопки, иконки и другие детали должны смотреться гармонично и не теряться. Наиболее выигрышный вариант, с которым риск некорректного отображения будет минимален, — прозрачный фон.
Если же вам нужно использовать цветной или тёмный фон, как многие бренды делают на Чёрную пятницу, позаботьтесь, чтобы логотип и другие элементы шапки нормально в него вписались. Возможно, придётся изменить цветовую схему всех элементов.
Больше об оформлении писем с примерами мы рассказывали в статье.
Распространённые ошибки при оформлении шапки письма
Неправильно спроектированная шапка письма может оттолкнуть пользователя, снизить узнаваемость бренда и, как следствие, уменьшить конверсию. Рассмотрим частые ошибки, которых стоит избегать.
- Слишком крупный баннер вместо шапки. Он помогает привлечь внимание и заинтересовать читателя. Но когда шапки нет вовсе и письмо начинается с полноразмерного неинформативного баннера, это может отвлекать от основного сообщения. К тому же так пользователю сложнее понять, от кого письмо и найти нужные ссылки — например, на сайт или в личный кабинет.
- Избыточная навигация. Максимум ссылок и кнопок в шапке рассеивает внимание и затрудняет выбор. Старайтесь ограничиваться 3–5 ссылками с учётом задачи рассылки.
- Нечитаемый текст. Такое случается, когда компания использует в шапке электронного письма слишком мелкий шрифт или выбирает близкий к фону оттенок — так текст оказывается тусклым. А ещё шапка может по-разному отображаться на компьютере и смартфоне. Поэтому важно адаптировать текст для мобильных устройств и проверять, как письмо отображается.
- Некликабельный логотип. Он должен содержать ссылку на подходящую страницу сайта или приложения. Иначе компания упускает шанс получить дополнительный трафик.
Как сделать шапку письма: главное
- Шапка — это первый блок электронного письма. Её задача — показать, от кого сообщение, и сориентировать читателя.
- Обычно в хедер добавляют название и логотип компании, соцсети, ссылки на определённые разделы сайта, УТП и преимущества. Точное наполнение зависит от задач конкретной компании.
- Правильно оформленная шапка письма усиливает рассылку. Помогает перевести внимание читателя куда нужно — от участия в программе лояльности до перехода к распродаже. А также создаёт приятное впечатление о бренде, когда читатель находит в шапке нужную ему информацию.
- Простота и узнаваемость шапки важнее декоративности. Человека не должны отвлекать лишние элементы и яркий визуал, иначе он может не дойти до основного содержания письма.
- Шапку письма можно создать в конструкторе рассылок. Главное — проверить, корректно ли она отображается на разных устройствах.
Ответы на часто задаваемые вопросы
