Создание универсального шаблона письма для регулярных email-рассылок из Битрикс24
О заказчике
HOBO CODE - один из самых амбициозных стартапов российской fashion - индустрии 2019 года. Компания производит и продает оригинальные модели одежды под собственным брендом.
Задача проекта
Сотрудники HOBO CODE уже давно активно работают в Битрикс24 и используют различные инструменты. Мы уже рассказывали, как мы делали интеграцию интернет-магазина на CMS 1С-Битрикс с Битрикс24 в компании HOBO CODE.
Недавно у них возникла потребность в универсальном шаблоне письма для регулярных email-рассылок через CRM-маркетинг в Битрикс24. Шаблон должен быть с возможностью замены содержимого, но при этом структура письма должна остаться неизменной. Так как редактировать этот шаблон в будущем должны были менеджеры компании HOBO CODE, использовать нужно было только стандартные блоки, доступные в конструкторе писем, html-верстка не подходила для решения этой задачи.
Реализация
По ходу создания шаблона письма мы столкнулись с неочевидными ограничениями возможностей стандартных блоков, которые предлагает конструктор писем.
Первая сложность возникла при использовании блока «Группа картинок». Дело в том, что при добавлении в этот блок изображений разного размера, не происходит автоматическая подгонка под размеры блока. То есть одна картинка будет больше, чем другая, из-за чего портится весь внешний вид письма. При этом встроенный редактор изображений тоже не смог помочь.
Мы предложили несколько вариантов решения проблемы. Первый — сделать из нескольких изображений коллаж и вставить его через блок «Картинка», который работает корректно. В этом случае редактировать изображения сотрудникам HOBO CODE было бы не удобно.
Второй вариант — использовать блок с html-версткой, с помощью которой можно выровнять картинки, как надо. Этот способ тоже делает редактирование шаблона очень сложным.
Лучшим оказался третий вариант — использовать GIF-ку. Изображения в этом формате отлично работают в блоке «Картинка». Мы сделали из нужных фотографий GIF-ки и добавили их в письмо.
Вторая сложность тоже была связана с картинками. Так как в письмах будет показана одежда, нужно здесь же показать, какие цвета есть в наличии.
Вставка графических фигур в формате png, bmp и jpeg в текстовый блок результатов не дала, при отправке реального письма приходят адресные ссылки на графические фигуры или пустой блок.
Проблему пришлось решать немного костыльным методом. Мы сделали картинки с набором нужных цветов и вставили их одним фото через блок "Картинка". В целом такое решение подошло.
В итоге компания HOBO CODE получила универсальный шаблон для email-рассылок из Битрикс24. Шаблон может редактировать любой сотрудник компании.