Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Добавить прехедер

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

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

Примеры прехедеров

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

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

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

Как использовать начальный текст письма в качестве прехедера

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

Разместите в начале письма блок «Текст», в котором и напишите прехедер.

Добавление начального текста письма в качестве прехедера

Можно разместить рядом прехедер и ссылку на веб-версию письма, выбрав строку с двумя колонками. В левую добавьте блок с прехедером, в правую — ссылку на веб-версию.

Добавление прехедера в одной строке со ссылкой на веб-версию письма.

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

Добавление прехедера, который не будет виден в письме

Вот как такое письмо будет выглядеть на почте у получателя.

Пример прехедера, указанного как начальный текст письма

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

В конструкторе писем добавьте блок «HTML» в начало письма и пропишите внутри следующий код:

 

<div style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">

Текст для прехедера

</div>

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

Пример прехедера, добавленного с помощью блока «HTML»

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

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

Чтобы этого избежать, укажите в блоке «HTML» следующий код вместо предыдущего:

 

<table>
<tbody>
<tr>
<td>
<div style="display: none; max-height: 0px; overflow: hidden;">Текст для прехедера</div>
<div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div>
</td>
</tr>
</tbody>
</table>

Пример прехедера, добавленного с помощью блока «HTML», после которого не будет подтягиваться начальный текст письма

В этом случае в качестве прехедера будет указан только тот текст, который Вы ввели в блоке «HTML».

Пример прехедера, после которого не подтягивается начальный текст письма

Полезные ссылки:

Видео. Как создать письмо в UniSender
Главный после темы: как правильно настроить прехедер письма
Что такое прехедер
Как сохранять элементы письма и использовать их в следующих рассылках
Как посмотреть письмо перед отправкой

Оцените, на сколько вам показалась полезной статья «Добавить прехедер»
(0)

Вы нашли ответ?

1
0