Налаштування шаблонів 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 додано