Главный после темы: как правильно настроить прехедер письма

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

Я считаю, что за текстом прехедера нужно следить. По статистике Litmus, четверть подписчиков в первую очередь смотрят именно на него, когда решают, открывать им письмо или нет. 

Рассказываю, как правильно настроить прехедер:

• Сделать так, чтобы отображался нужный текст.
• Убрать текст прехедера из письма, но оставить его во «Входящих».
• Убрать прехедер совсем — во «Входящих» вместо него будет пустое место.

Прехедер видно и в письме, и во «Входящих»

Вариант, при котором прехедером станет первая строчка письма. Так, например, делает Максим Ильяхов в рассылке «Главреда»:

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

Иногда нам нужно, чтобы прехедер был виден во «Входящих», но не отображался в начале письма. Рассказываю, как это сделать.

Прехедер не видно в письме, но видно во «Входящих»

В этом случае, мы сможем создать прехедер и визуально отделить его в превью от другого текста:

Рассказываю, как создать такой предзаголовок в блочном редакторе сервиса рассылок и вручную, через HTML и CSS.

Через блочный редактор сервиса рассылки

Для этого перекрасим текст прехедера в цвет фона:

Вручную, через HTML и CSS

Способ 1. Я буду работать в HTML-редакторе Unisender, но для настройки подойдёт любой другой: Sublime Text, Notepad++ или обычный блокнот. 

Открываю шаблон письма, перехожу во вкладку «Источник». Теперь перед самой первой ячейкой таблицы я вставляю блок с прехедером (за него спасибо Email On Acid):

Прехедер появился во «Входящих», но в письме он скрыт. Лишнего места в макете он тоже не занимает.

Способ 2. Подойдёт, если нужно удалить лишний текст из прехедера или сделать прехедер невидимым.

Точно также как и выше, заходим в HTML-редактор, но вставляем другой код в начале основной таблицы (нашёл у Litmus):

Связка &nbsp;&zwnj; — неразрывный пробел, который будет отображаться после текста прехедера вместо постороннего текста из письма. Если хотите, чтобы в письме вообще не было прехедера — удалите первый блок <div> и оставьте только второй, с неразрывными пробелами.