Как настроить в рассылке предварительный заголовок (прехедер)

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

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

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

<style> .preheader  { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; } </style>

<span class="preheader" style="color:transparent; display:none !important; height:0; opacity:0; visibility:hidden; width:0">Текст, который будет отображаться в качестве предварительного заголовка</span>

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

В содержимом электронного письма предварительный заголовок не отображается.

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

После этого в настройках этого блока:

• установите размер шрифта текста равным нулю;
• измените цвет шрифта на такой же, как цвет фона вашего письма.

После выполнения указанных шагов результат будет следующим:

Чтобы отредактировать или удалить предварительный заголовок, вставленный в "Шаблонах", можно воспользоваться следующими шагами:

1. Перейдите в режим редактирования рассылки и активируйте режим просмотра кода страницы. Это можно сделать через контекстное меню, вызванное правой кнопкой мыши, или нажав клавишу F12.

2. Нажмите комбинацию клавиш (Ctrl + F), чтобы вызвать строку поиска, и выполните поиск по тексту в режиме кода, введя текст предварительного заголовка.

Отмените выделение предварительного заголовка в правой колонке и снимите галочку с опции "font-size: 0px". Это вернет текстовый блок с предварительным заголовком к видимому состоянию и сделает его доступным для редактирования.