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