Прехедер письма: что это, какие бывают и как их создать
Прехедер — небольшой текстовый блок, который видит получатель в почтовом ящике после имени отправителя и темы письма.
Виды прехедеров и как их добавить
Видимый
Отображается в списке входящих писем после темы письма и в самом письме. Выбирайте видимый прехедер, если е го текст не выбивается из общей стилистики письма и не портит шаблон. Если прехедер короткий, то к нему может подтянуться текст из письма. Чтобы этого избежать, сделайте тему или прехедер длиннее, или добавьте пробелы в код.
Чтобы добавить видимый прехедер в конструкторе писем Sendsay, во вкладке Контент выберите HTML-блок и перетащите его в начало письма. Далее перейдите в настройки HTML-блока, укажите отступ со всех сторон 0 и добавьте код ниже:
<div id="preheader" style="color: #fff; font-size: 16px; background-color: #000;">
Видимый
<div id="preheader_indents" style="font-size:0;line-height:0;">
<span>⠀⠀⠀⠀⠀⠀⠀⠀⠀</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</div>
</div>
Где вместо слова Видимый
можно указать текст вашего прехедера.
Невидимый
Виден в списке входящих писем после темы письма, но не в самом письме. Невидимый прехедер можно использовать, если нужно, чтобы:
- письмо начиналось с баннера или фразы без прехедера,
- шапка письма была только с логотипом.
Код для HTML-редактора:
<div id="preheader" style="font-size:0;line-height:0;">
Невидимый прехедер
<div id="preheader_indents">
<span>⠀⠀⠀⠀⠀⠀⠀⠀⠀</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</div>
</div>
Скрытый
Такой прехедер не виден нигде — ни в списке входящих писем после темы письма, ни в самом письме. Если в письме не нужен прехедер, и вы не хотите, чтобы на его место подтягивалась другая информация из письма, скройте прехедер.
Чтобы добавить скрытый прехедер, используйте код:
<div id="preheader" style="font-size:0;line-height:0;">
<span>⠀⠀⠀⠀⠀⠀⠀⠀⠀</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</div>
Чтобы проверить, корректно ли отображается прехедер, отправьте себе тестовую копию письма.