Иногда компании забивают на прехедер и тогда в него автоматически попадают первые строки из письма. Порой это интригует, но чаще выглядит несуразно:
Я считаю, что за текстом прехедера нужно следить.
Рассказываю, как правильно настроить прехедер:
- Сделать так, чтобы отображался нужный текст.
- Убрать текст прехедера из письма, но оставить его во «Входящих».
- Убрать прехедер совсем — во «Входящих» вместо него будет пустое место.
Прехедер видно и в письме, и во «Входящих»
Вариант, при котором прехедером станет первая строчка письма. Так, например, делает Максим Ильяхов в рассылке «Главреда»:
Чтобы добавить такой прехедер, просто напишите нужный текст в самом начале письма. Он автоматически подтянется в превью сообщения во «Входящих». Например, в UniSender я выбираю нужный мне шаблон письма и просто пишу текст в его начале.
Плюсы
Мы можем контролировать, какой текст первым попадёт в прехедер.
Минусы
После нашего прехедера почтовик автоматически подтянет следующий текст из письма. Поэтому сообщение во «Входящих» не всегда выглядит аккуратно.
Иногда нам нужно, чтобы прехедер был виден во «Входящих», но не отображался в начале письма. Рассказываю, как это сделать.
Прехедер не видно в письме, но видно во «Входящих»
В этом случае, мы сможем создать прехедер и визуально отделить его в превью от другого текста:
Рассказываю, как создать такой предзаголовок в блочном редакторе сервиса рассылок и вручную, через HTML и CSS.
Через блочный редактор сервиса рассылки
Для этого перекрасим текст прехедера в цвет фона:
Плюсы
Мы можем контролировать, какой текст первым попадёт в прехедер.
Прехедер пропал из основного текста письма.
Минусы
Во «Входящих» после прехедера всё ещё идёт посторонний текст.
Найти прехедер в письме можно, если его выделить.
Блок с текстом прехедера занимает лишнее место в макете.
Вручную, через HTML и CSS
Способ 1. Я буду работать в HTML-редакторе UniSender, но для настройки подойдёт любой другой:
Открываю шаблон письма, перехожу во вкладку «Источник». Теперь перед самой первой ячейкой таблицы я вставляю блок с прехедером (за него спасибо
Скопировать код для вставки ↓
Прехедер появился во «Входящих», но в письме он скрыт. Лишнего места в макете он тоже не занимает.
Плюсы
Мы можем контролировать, какой текст первым попадёт в прехедер.
Прехедер пропал из основного текста письма.
Минусы
Мы всё ещё не можем убрать во «Входящих» текст, который пойдёт после прехедера.
Способ 2. Подойдёт, если нужно удалить лишний текст из прехедера или сделать прехедер невидимым.
Точно также как и выше, заходим в HTML-редактор, но вставляем другой код в начале основной таблицы (нашёл
Скопировать код для вставки ↓
|
Связка — неразрывный пробел, который будет отображаться после текста прехедера вместо постороннего текста из письма. Если хотите, чтобы в письме вообще не было прехедера — удалите первый блок
Плюсы
Мы можем контролировать, какой текст первым попадёт в прехедер.
Прехедер пропал из основного текста письма.
Минусы
Большое количество неразрывных пробелов в начале может увеличить вес письма больше 102 кБ и
На что обратить внимание, когда будете делать прехедер
1. Старайтесь, чтобы прехедер был менее 50 символов. Многие почтовики покажут и больше, но мобильные приложения обычно обрезают прехедер до 30-50 знаков.
2. Длина прехедера зависит от длины темы. Чем она больше, тем меньше места остаётся для дополнительного текста. Во всех почтовых системах тема в приоритете для показа.
3. В прехедере работают символы Юникода. А это значит, что в нём можно использовать и
4. В прехедере работают подстановки. Например, можно вставить имя или город подписчика, которому отправляем письмо.
5. Прехедер можно использовать по-разному: для создания интриги, краткого анонса, в качестве продолжения темы и ещё десятком способов.
6. Прехедер поддерживают
- 27 августа, 2019
- remove_red_eye1462
- 20 февраля, 2019
- remove_red_eye1533
Запись