Настройка шаблонов email-рассылок Битрикс24
Email-маркетинг в Битрикс24 живёт в модуле «Маркетинг» (он же sender). Шаблон письма здесь — это не просто HTML: это связка блочного редактора, переменных из CRM и правил персонализации. Если шаблон сделан небрежно, письма рендерятся по-разному в Gmail, Outlook и Apple Mail — и это проблема именно вёрстки, а не сервиса рассылки.
Архитектура шаблонов в модуле sender
Битрикс24 хранит шаблоны писем в таблице b_sender_letter. Каждый шаблон состоит из:
-
HTML-кода письма — хранится в поле
BODY_TEMPLATE_HTML -
Текстовой версии —
BODY_TEMPLATE_TEXT(критична для корпоративных почтовых серверов с отключённым HTML) -
Блоков — структура блочного редактора в JSON-формате
BODY_DESIGNER
Встроенный редактор генерирует table-based HTML — да, в 2020-х всё ещё таблицы, потому что Outlook до версии 2019 не понимает flexbox и grid. Это не баг Битрикс24, это реальность email-клиентов.
Для загрузки собственного HTML-шаблона используем вкладку «Код» в редакторе письма. Важный момент: Битрикс24 оборачивает ваш HTML в собственную обёртку с DOCTYPE и <head>. Если вы вставляете полный HTML-документ, возникает двойная вложенность — письмо ломается. Правильный подход — вставлять только содержимое <body>.
Персонализация через переменные
Переменные в шаблонах Битрикс24 используют синтаксис #{VARIABLE_NAME}. Стандартный набор для CRM-рассылок:
-
#{NAME}— имя контакта из CRM -
#{COMPANY}— название компании -
#{ASSIGNED_BY_NAME}— ответственный менеджер -
#{UNSUBSCRIBE_LINK}— ссылка отписки (обязательна по закону)
Расширенные переменные с данными из сделок и лидов подключаются через сегменты и триггерные цепочки. Если переменная не заполнена в CRM — в письме останется пустая строка. Для подстановки значения по умолчанию используем синтаксис #{NAME|"Уважаемый клиент"} — это работает начиная с определённых версий модуля sender, в старых версиях фолбэк надо реализовывать в коде шаблона через условный блок.
Совместимость с email-клиентами
Самая частая проблема — письмо выглядит корректно в Gmail, но разваливается в Outlook. Причины:
Outlook использует Word как движок рендеринга — он не понимает max-width, игнорирует padding на некоторых элементах, и обрезает фоновые изображения в CSS. Для Outlook нужны специальные условные комментарии: <!--[if mso]>...<![endif]-->.
Шрифты. Google Fonts через @import работают в Gmail, но не в Outlook. Прописывайте веб-безопасные фолбэки: font-family: 'Roboto', Arial, sans-serif.
Ретина-изображения. Для HiDPI-экранов изображение должно быть вдвое больше отображаемого размера с явно заданными width и height атрибутами в теге <img>. Без этого картинки на iPhone выглядят размыто.
Для тестирования совместимости перед запуском рассылки используем Litmus или Email on Acid — они показывают рендер в 70+ клиентах без реальной отправки.
Процесс работы над шаблоном
- Аудит текущих шаблонов и выявление проблем совместимости
- Проектирование структуры: блоки, брендинг, адаптив
- Вёрстка table-based HTML с учётом quirks Outlook
- Настройка переменных персонализации и проверка подстановки
- Тестирование в email-клиентах через Litmus/Litmus Preview
- Загрузка в Битрикс24, настройка текстовой версии
- Тестовая рассылка на контрольные адреса всех целевых клиентов
| Масштаб задачи | Срок |
|---|---|
| Доработка существующего шаблона | 4–8 часов |
| Новый шаблон с нуля (1 макет) | 1–3 дня |
| Система шаблонов (5+ писем в цепочке) | 1–2 недели |
Стоимость рассчитывается индивидуально после анализа брендбука, существующих шаблонов и требований к персонализации.