Что такое email прехедер? Нужны ли вам дополнительные навыки для добавления preheader в email? По разному ли они отображаются на мобильных устройствах и ПК? Что вообще вы должны поместить в email preheader?

Когда вы начинаете углубляться в разработку email и в HTML / CSS сторону email preheader, то вы можете быстро тормознуться. Да и разбираться в этом не очень важно — есть более простые способы добавить email preheader.

Что такое прехедер?

Прехедер — небольшой текст, который появляется после темы email письма в папке входящих сообщений. Его также называют “текстом предварительного просмотра email”.

Вы можете добавить прехедер к вашим email письмам, используя HTML и CSS.

Или выбрав прехедер, который позволяет настроить текст прехедер без навыков программирования.

Вот пример того, как выглядят заголовки писем в Gmail.

Email preheader для рекламных писем во входящих. Обратите внимание, что текст отображается по-разному в зависимости от длины строки вашей темы.

Email preheader отображается по-разному в разных почтовых сервисах и клиентах. Различные мобильные клиенты также имеют разные способы отображения предварительного просмотра.

Итак, название, тема и текст preheader могут отображаться у разных клиентов по-разному. На мобильном телефоне ваш preheader может не обрезаться, если имеет более длинную тему email.

Вот пример того, как текст preheader может выглядеть на мобильном телефоне.

Email preheader — это современная версия олдскульного “Johnson Box” метода, используемого в direct response копирайтинге для предварительного просмотра темы продающего письма.

“Johnson Box”, созданная Фрэнком Х. Джонсоном, представляет собой часть в верхней части письма, в которой кратко изложены основные идеи, цель которой состоит в том, чтобы побудить больше людей прочитать ваше письмо.

У вас есть достаточная часть вашего сообщения еще до того, как человек откроет само письмо. Поэтому они понимают что их ожидает. А потом, если они продолжат читать письмо, то у вас уже есть их “да”.

Так что email прехедер — это краткое резюме вашего email письма, и цель его состоит в том, чтобы люди открыли ваш email.

Как добавить прехедер в email кампанию

Вы можете добавить текст прехедер в email, добавив его в автореспондере или вручную добавив скрытый стиль div в свой HTML-код.

Если вы не добавляете прехедер в email кампанию, то почтовые клиенты могут сделать прехедер на основе содержимого вашего email.

Иногда email preheader генерируются автоматически. Но вы можете использовать текст email preheader в качестве “второй темы”, чтобы создать любопытство и получить больше открытий email.

Вот пример неправильного текста preheader

“Есть проблемы с просмотром этого email?” — это первая строка в настоящем email. Это то, что попадает в email preheader. Ничего против Poetry Foundation, но более наглядный заголовок может увеличить уровень открываемости их email. (А бывает и хуже — иногда здесь появляется ссылка для отмены подписки).

Как добавить прехедер с помощью кода

Если вы добавляете текст email preheader с помощью кода, то по сути вы сообщаете email клиенту какой текст вы хотите вставить в email.

При создании email есть много особенностей (по сравнению с повседневным использованием HTML и CSS), и закодированные preheader это отражают.

Закодированные preheader хитры, поэтому вы можете предпочесть избежать их (если ваш автореспондер это позволяет). Чтобы добавить прехедер с кодом:

• Добавьте текст в качестве первого текста в теге body вашего email.
• Поместите текст в стиле div.
• Используйте стиль div, чтобы скрыть текст от реального письма.

Для email клиентов ваш текст прехедер будет отображаться как первый текст в email. А когда кто-то открывает ваше письмо, то этот текст будет скрыт (из-за скрытого стиля div).

Таким образом, email клиент извлечет текст preheader, но люди в вашей базе подписчиков фактически его не увидят в вашем дизайне email.

Вот пример скрытого стиля div из реального email, которое я отправил.

Стиль div находится на первом месте в теге body. Обратите внимание, что font size равен 1, его цвет белый, line height равен единице, max height/width 0, opacity 0, overflow:hidden — фактически человек никогда не увидит этот текст.

Как добавить прехедер без кода

Разработка email непроста, и вы можете просто захотеть использовать шаблоны email, которые доступны в вашем автореспондере.

Но не все автореспондеры позволяют настраивать текст preheader без использования кода.

Изменить email preheader так же просто, как изменить тему.

Какой длины должен быть прехедер?

Ваш текст email preheader должен быть длиной от 40 до 130 символов. Этот диапазон гарантирует, что он будет отображаться как в настольном, так и в мобильном почтовом клиенте.

Поскольку длина preheader зависит от почтового клиента, то на самом деле не существует идеальной длины для email preheader.

100 символов или более — это вполне разумное количество символов, которое нужно вставить в текст preheader. Просто убедитесь, что в начале вашего email preheader есть самые важные моменты.

Вот 3 момента, которые следует иметь в виду, когда вы выбираете длину вашего preheader:

Во многих почтовых клиентах для настольных ПК, длина темы вашего email определяет сколько текста вашего превью отображается.

Мобильные почтовые клиенты обычно показывают меньше текста в preheader. В большинстве случаев длина preheader от 30 до 55 символов.

Если текст preheader слишком короткий, то почтовые клиенты могут взять текст в начале вашего email.

Preheader для этого письма был «Friendly Reminder.». Но он слишком короткий — поэтому Gmail извлекает первую строку из текста письма. Результат немного неуклюж, и его можно было бы избежать с помощью более длинного email preheader.

Поэтому чтобы вы случайно не отобразили текст из остальной части вашего email письма, лучше написать длинный email preheader (с важными пунктами в начале).

4 лучших метода работы с прехедер

Вы можете добавить прехедер к своему email, но что вы должны добавить в него?

Отличный прехедер может работать как вторая тема письма — это возможность привлечь внимание и убедить больше людей открыть ваше письмо.

Вот 4 лучших метода работы с preheader:

1. Добавьте призыв к действию.
2. Не повторяйте тему.
3. Сделайте так, чтобы ваша тема и preheader работали вместе.
4. Используйте preheader для создания любопытства, а не просто обобщайте.

#1. Добавить призыв к действию

Иногда все, что вам нужно сделать, — это спросить.

Точно так же, как ваш email содержит призыв к действию, добавление призыва к действию в ваш preheader может привлечь больше людей.

Вот пример копирайтера Joel Klettke.

«Вы должны открыть это- здесь есть хорошие вещи». Довольно прямолинейно. Довольно эффективно.

Призыв к действию в preheader следует тем же правилам, что и обычный призыв к действию:

• Он должен быть коротким (у вас все равно нет много места).
• Сделайте его легким.
• Он должен обещать выгоду.

Или просто попросите людей открыть ваш email.

#2. Не повторяйте тему

Новые учебники … бесплатные учебники … в основном то же самое. «Пережить зиму новыми учебниками» не добавляет ничего, что заставило бы кликнуть по email.

Зачем говорить одно и то же дважды?

Ваша тема и preheader не должны говорить одно и то же. Preheader — это шанс усилить вашу тему…

• Добавив деталей.
• Нарастив любопытство.

Длина вашей темы составляет всего 30-75 символов. А добавление текста preheader дает вам еще 100 символов для эксперимента.

К тому же — несмотря на то, что email preheader не всегда заметны на ПК, мобильные preheader могут быть почти такими же заметными, как и тема.

Open Books использует текст preheader в качестве второй темы. На мобильном телефоне preheader на самом деле получает больше места!

Рассматривайте свой email preheader как второй шанс для первого впечатления. Поэтому приложите больше усилий, чем простое повторение темы.

#3. Сделайте так, чтобы ваша тема и прехедер работали вместе

Как и Open Books, вы можете использовать свою тему email и preheader вместе, чтобы сделать ваше сообщение сильнее.

Итак, Ваш email preheader не должен просто повторять тему. Но он также не должен совершенно отличаться. Вы можете использовать preheader, чтобы создать отличную тему письма — и заставить больше людей открывать ваш email.

Тема создает любопытство. И preheader использует его .

Посмотрите на этот пример от Brendan Hufford.

Когда ваша тема и preheader работают вместе, вы можете создать любопытство.

#4. Используйте прехедер для создания любопытства (не просто подводите итоги)

В 1994 году поведенческий экономист и профессор Carnegie Mellon Джордж Левенштейн опубликовал статью под названием “Психология любопытства”.

Левенштейн называет 5 способов, которыми вы можете сделать кого-то любопытным:

1. Задайте вопрос, вызывающий любопытство.
2. Начните последовательность событий, но не заканчивайте (например, незавершенная история).
3. Нарушайте ожидания.
4. Подразумевается, что у вас есть информация, которой у них нет.
5. Подразумевается, что они знали что-то, что уже забыли.

И что самое замечательное в этом списке – вы можете использовать его в качестве чек-листа.

Сколько пунктов из 5 используется в вашем email preheader? Или в вашей теме, если уж на то пошло?

Рассмотрим пример. Какой из заголовков самый интригующий?

• Как заработать полмиллиона долларов в год.
• Как вы можете зарабатывать полмиллиона долларов в год?
• Хватит ли у вас смелости зарабатывать полмиллиона долларов в год?

Первый использует метод #4. Второй добавляет метод #1, задавая вопрос. Они оба скучные (и немного лживые).

Третий спрашивает: “Есть ли у вас мужество”.

Он все еще задает вопрос. Он все еще подразумевает знание. Но он нарушает ваши ожидания. И именно поэтому он стал заголовком одного из классических рекламных объявлений Eugene Schwartz.

Когда вы пишете preheader, посмотрите на каждый из 5 пунктов. Как вы можете их больше использовать для создания любопытства?

(Предупреждение: эта техника может быть слишком мощной. Используйте только 3 метода за раз, или вы можете создать впечатление кликбейта.)

Вывод: Прехедер в 2019 году (и в дальнейшем)

Какое отношение имеет год к email preheaders? Чем отличаются email preheaders в 2019 году от email preheaders в 2018 году?

Есть несколько трендов и изменений, которые могут повлиять на ваш email маркетинг:

• Обмен сообщениями на рабочем месте (например, Slack) заменяет много email на рабочем месте.
• Все больше людей занимаются email маркетингом (потому что это работает, а автоматизация становится все лучше).
• В почтовом ящике человека, скорее всего, будет больше рекламных писем — это означает, что вам нужно сделать свои письма более привлекательными (привет, preheader!).
• Такие помощники, как Алиса и Siri могут читать вслух email письма, включая заголовки писем.

Посмотрим, как изменятся тренды. В то же время, вы можете улучшить результаты в 2019 году (и в дальнейшем), используя email preheader.

(Примечание. А о том, как на протяжении всего продающего текста или видео вести потенциальных клиентов, выстраивая с ними доверие, постоянно делать продажи, подпитывая их интерес, вы можете узнать здесь.)