Как загрузить собственный HTML-шаблон письма из файла
Инструкция по загрузке HTML-файла в CogaSystem, добавлению переменных, предпросмотру и проверке письма перед отправкой.
Загрузка собственного HTML-файла подходит командам, которые верстают письмо вне конструктора. После импорта код нужно проверить в среде рассылки: почтовые клиенты поддерживают не все возможности обычных веб-страниц.
Собрать, сохранить и проверить рабочий макет можно в онлайн-конструктор HTML-писем.
Как загрузить HTML-файл
- Подготовьте файл. Соберите единый HTML-документ, удалите скрипты и проверьте кодировку.
- Откройте создание рассылки. Выберите загрузку собственного шаблона из файла.
- Импортируйте код. Загрузите файл и дождитесь появления макета в редакторе.
- Добавьте переменные. Используйте переменные и ссылки CogaSystem только в предусмотренном синтаксисе.
- Проверьте предпросмотр. Сверьте изображения, ширину, отступы, фон и служебные элементы.
- Отправьте тест. Проверьте письмо в нескольких клиентах, на смартфоне и с отключенными изображениями.
Что сохранить из исходного HTML-макета
В опубликованной инструкции описана загрузка ZIP-архива с HTML-файлом в корне и связанными изображениями. Для такого пакета проверьте структуру папок, относительные пути и имена файлов. Не переносите на ZIP правило об абсолютных ссылках без учёта механизма загрузки ресурсов.
Если изображения остаются на внешнем сервере, используйте доступные HTTPS-адреса. При упаковке ресурсов в архив проверьте после импорта, куда они загружены и как открываются в тестовом письме. Синтаксис переменных и отписки берите из сервиса; не удаляйте служебные элементы ради упрощения HTML.
Служебные теги в собственном HTML
При загрузке своего макета сохраняйте служебные ссылки CogaSystem. Тег [%unsubscribe_link%] используется в атрибуте href ссылки отписки, [%view_link%] — в href ссылки на веб-версию. Параметр [%email%] размещается в тексте и обозначает email получателя.
Пример ссылки отписки:
<a href="[%unsubscribe_link%]">Отписаться от рассылки</a>
Пример ссылки на веб-версию:
<a href="[%view_link%]">Посмотреть в браузере</a>
Пример строки с адресом:
Письмо отправлено на [%email%].
Не добавляйте https:// перед служебным тегом. После импорта проверьте, что редактор сохранил значения href, а затем проверьте подстановку в контрольном письме. Не копируйте уже сформированную персональную ссылку отписки из другого письма. Подробнее — служебные ссылки и параметры конструктора.
Проверка перед завершением
- У письма есть понятная текстовая структура и один основной CTA.
- Все ресурсы доступны без авторизации.
- Персональные поля имеют резервное значение.
- Ссылка отписки и реквизиты не удалены.
Что это дает бизнесу
Проверенный макет сокращает время согласования и уменьшает число ошибок при повторных отправках. Команда получает единый стандарт для бренда, мобильного отображения, ссылок и служебной части письма.