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

Письмо, собранное в конструкторе, попадает к людям в разные почтовые программы, и каждая показывает его по-своему. Ссылка на веб-версию решает эту задачу: получатель, у которого вёрстка поехала, открывает ту же рассылку как страницу в браузере и видит её такой, какой вы её собрали. Добавьте ссылку на веб-версию в новом редакторе Unisender и проверьте результат на последнем шаге перед отправкой рассылки.

Зачем письму ссылка на веб-версию

Веб-версия письма — функция, которая открывает HTML-версию письма и отображает его как веб-страницу ^[1]. Смысл в том, что сервисы адаптируют письма по своим алгоритмам, и у части подписчиков рассылка выглядит криво; в веб-версии она остаётся задуманной.

Ссылку обычно ставят в начало письма: если отображение сломалось, до конца рассылку дочитывать не станут. Текст ссылки делают коротким — «Веб-версия письма» или «Посмотреть письмо в браузере», а адресом служит подстановка, которую сервис заменяет на настоящий адрес страницы.

Где посмотреть веб-версию в новом редакторе

В новом редакторе веб-версия создаётся автоматически на последнем шаге создания рассылки, и её можно открыть, чтобы увидеть, как будет выглядеть письмо ^[1]. Шаг называется «Проверка и завершение». Над превью письма нажимаете три точки и выбираете «Предпросмотр полной версии»; письмо откроется на новой странице браузера ^[3].

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

Подстановка {{WebLetterUrl}} и тип ссылки «Другое»

Ссылку на веб-версию даёт подстановка {{WebLetterUrl}} ^[1]. Её вставляют в поле ссылки гиперссылкой в тексте. В новом редакторе для этой подстановки выберите тип ссылки «Другое»: именно такую настройку указывает официальная инструкция ^[1].

Просматривать веб-версию и использовать подстановку в рассылках могут только пользователи на тарифах «Лайт», «Стандарт» и «Оптом» ^[1]. Для остальных тарифов доступность в справке не описана — проверьте свой тариф до того, как строить на ссылке весь макет.

Что	Значение
Подстановка в поле ссылки	`{{WebLetterUrl}}`
Тип ссылки	«Другое»
Где доступно	«Лайт», «Стандарт», «Оптом»
Куда ставить	Шапка письма или начало текста

Готовый блок «Шапка со ссылкой на веб-версию»

Самый быстрый путь — взять готовый блок. Переходите на вкладку «Контент» — «Блоки», в категории «Общие блоки» находите «Шапка со ссылкой на веб-версию» и добавляете в письмо ^[1]. Дальше выделяете текст в блоке и на панели настроек вставляете {{WebLetterUrl}} в поле для ввода ссылки, проверяя тип «Другое» ^[1]. Цвет и фон текста ссылки при необходимости меняются там же, а внешний вид блока подгоняется под дизайн письма в настройках блока.

Шаг	Действие	Что проверить
1	«Контент» → «Блоки» → «Общие блоки»	Выбран блок «Шапка со ссылкой на веб-версию»
2	Выделить текст ссылки	Активна панель настроек ссылки
3	Вставить `{{WebLetterUrl}}`	В поле по две фигурные скобки с каждой стороны
4	Тип ссылки	Стоит «Другое»
5	Цвет и фон	Ссылка читается на фоне шапки

Текстовый элемент и гиперссылка

Если нужен свой текст и своё место в письме, берите элемент «Текст»: вкладка «Контент» — «Элементы», перетащите «Текст» в нужную часть письма ^[1]. Замените шаблонный текст на свой, например «Открыть письмо в браузере». Затем выделите ту часть текста, которая станет ссылкой, нажмите в настройках на значок ссылки и вставьте {{WebLetterUrl}} в поле ^[1]. Тип ссылки — «Другое». Тот же приём работает и для ссылки в тексте кнопки, а цвет и фон текста ссылки меняются в настройках ^[2].

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

Учебный пример. Входы письма:

Поле	Значение
Название письма	Программа встречи
Текст ссылки	Открыть письмо в браузере
Подстановка в поле ссылки	`{{WebLetterUrl}}`
Тип ссылки	Другое
Элемент	«Текст», в начале письма

Что видно в макете до отправки:

Место проверки	Ожидание
Шапка письма	«Открыть письмо в браузере» стоит в начале
Поле ссылки	`{{WebLetterUrl}}`, тип «Другое»
Внешний вид	Ссылка читается на фоне, не сливается с текстом

Проверка через предпросмотр полной версии

На шаге «Проверка и завершение» откройте три точки над превью и выберите «Предпросмотр полной версии» ^[3]. Откроется страница браузера с письмом. Сверьте по учебному макету:

Что проверить	Результат в учебном примере
Название письма	«Программа встречи»
Ссылка в шапке	«Открыть письмо в браузере» на своём месте
Вёрстка	Блоки не разъехались, шрифты и отступы как в макете
Содержание	Текст совпадает с учебным письмом

Здесь есть граница, которую стоит держать в голове. Справка описывает создание веб-версии на последнем шаге и открытие её через «Предпросмотр полной версии», но не подтверждает, что в тестовой отправке подстановка уже превратится в рабочую ссылку. Поэтому проверку после создания рассылки стройте на содержании и вёрстке письма; работу самой ссылки у получателя проверяйте отдельно после отправки, а не обещайте себе её по макету. Заодно полезно заранее пройти проверку доставляемости.

Чек-лист перед отправкой:

Подстановка {{WebLetterUrl}} стоит в поле ссылки, тип — «Другое».
Текст ссылки читается в начале письма.
Три точки над превью → «Предпросмотр полной версии» открываются.
Название и содержание в предпросмотре совпадают с задуманным письмом.
Тариф входит в «Лайт», «Стандарт», «Оптом»; для остальных доступность проверена в поддержке.

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