Добавить в корзинуПозвонить
Найти в Дзене
Маркетинг Тен

Как добавить прехедер в HTML email-рассылки и почему это важно

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

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

-2

Когда пользователь получает письмо, он видит не только тему. Почтовый сервис автоматически показывает дополнительный текст из содержимого письма. Если прехедер не настроен, вместо нормального описания человек может увидеть технические фразы вроде «Если письмо отображается некорректно…», ссылку на отписку или вообще случайный кусок HTML-кода. Выглядит это неаккуратно и снижает вероятность открытия письма.

По сути, прехедер - это продолжение темы письма. Он помогает дополнительно заинтересовать пользователя, кратко объяснить выгоду или усилить основное сообщение. Хорошая связка темы и прехедера часто работает заметно лучше, чем просто сильный заголовок без дополнительного текста.

В HTML email-рассылках прехедер обычно добавляют вручную через скрытый блок в начале письма. Делается это достаточно просто. Сразу после тега <body> вставляется специальный HTML-блок со стилями скрытия. Пользователь внутри письма его не увидит, но почтовые сервисы смогут считать этот текст и показать его рядом с темой письма.

Пример корректного кода выглядит так:

<!-- Preheader -->
<div style="display:none !important;
visibility:hidden;
opacity:0;
color:transparent;
height:0;
width:0;
overflow:hidden;
mso-hide:all;
font-size:1px;
line-height:1px;">
Здесь ваш прехедер — краткое продолжение темы письма.
</div>

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

Например, если тема письма звучит как «Новые цены на упаковку уже на сайте», то прехедер может продолжить мысль и выглядеть так: «Снизили стоимость популярных позиций до конца недели». Вместе они воспринимаются как единое сообщение и дают пользователю больше информации еще до открытия письма.

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

Оптимальная длина прехедера обычно составляет около 40–90 символов. Слишком длинные тексты обрезаются, особенно на мобильных устройствах. Слишком короткие - могут привести к тому, что почтовый сервис дополнительно подтянет случайный текст из письма.

В популярных сервисах рассылок, включая Bitrix24, отдельного поля для прехедера часто нет. Поэтому маркетологи добавляют его напрямую в HTML-код письма через редактор. После настройки желательно отправить тестовое письмо себе и проверить отображение на компьютере и на смартфоне, потому что разные устройства могут отображать прехедер немного по-разному.

Сегодня прехедер уже давно стал стандартной частью профессионального email-маркетинга. Это небольшая деталь, которая практически не требует времени на внедрение, но при этом может заметно повлиять на open rate и общую эффективность рассылки.

______________________________

Мой сайт: marketing-ten.ru

Подписывайтесь на мой телеграм-канал по
ссылке. Только полезная информация по интернет-маркетингу