Шаблоны писем и блочный редактор

Блочный редактор RetailCRM позволяет собирать адаптивные письма из готовых блоков без знания HTML. Один раз оформленный мастер-шаблон превращает выпуск рассылки из часовой работы вёрстальщика в 15 минут клонирования и замены контента.

Как устроен блочный редактор

Редактор работает по принципу drag-and-drop: вы перетаскиваете блоки в тело письма и настраиваете каждый через панель свойств. Итоговый HTML собирается автоматически и уже адаптирован под почтовые клиенты.

• Структурные блоки — колонки 1/1, 1/2, 1/3 для раскладки контента.
• Контентные блоки — текст, изображение, кнопка, разделитель, отступ, соцсети.
• Товарные блоки — карточки товаров с картинкой, ценой и кнопкой.
• Служебные — шапка, футер, ссылка отписки, просмотр в браузере.

Шаблоны: зачем и какие

Шаблон — это заготовка письма, сохранённая для повторного использования. В RetailCRM есть готовые шаблоны и возможность создавать свои. Разумно завести библиотеку под типовые задачи.

Новую кампанию удобнее не собирать с нуля, а клонировать подходящий шаблон и заменить контент.

Как собрать мастер-шаблон

Мастер-шаблон задаёт единый фирменный стиль всех писем. Собирается один раз и аккуратно.

1. Задать ширину письма (обычно 600 px) и фон подложки.
2. Оформить шапку с логотипом и ссылкой на сайт.
3. Настроить типографику: шрифт, размеры заголовков и текста, цвет ссылок.
4. Сделать кнопку CTA в фирменном цвете, с достаточным размером под палец на мобильном.
5. Собрать футер: контакты, соцсети, причина письма и обязательная отписка.
6. Сохранить как шаблон с понятным названием.

После этого любая рассылка начинается с клонирования мастера — фирменный стиль соблюдается автоматически.

Адаптивность и почтовые клиенты

Письмо читают в десятках клиентов, и каждый рендерит HTML по-своему. Блочный редактор закрывает большинство проблем, но правила всё же нужно помнить.

• Держите одноколоночную структуру для основного контента — она надёжнее всего складывается на мобильном.
• Не полагайтесь на фоновые изображения: в Outlook они часто не отображаются.
• Дублируйте смысл картинок текстом и заполняйте alt — часть клиентов блокирует изображения по умолчанию.
• Кнопки делайте на CSS/таблицах, а не картинкой, чтобы они кликались при отключённых изображениях.

Персональные переменные и товарные блоки

Шаблон становится динамическим за счёт переменных. Их можно вставлять в текст, тему и даже в ссылки. Значение подставляется из карточки клиента при отправке.

Ваш город доставки: {{ customer.address.city | default: 'уточним при заказе' }}

Товарные блоки подтягивают конкретные позиции: последние просмотренные, брошенные в корзине или рекомендованные. В связке с шаблоном это даёт письмо, уникальное для каждого получателя, без ручной сборки.

• Просмотренные товары — для дожима после визита на сайт.
• Сопутствующие — для допродаж после покупки.
• Популярное в категории — когда персональных данных мало.

Порядок в библиотеке шаблонов

Когда шаблонов становится много, важно навести порядок, иначе команда начнёт плодить дубли и рассылать письма с чужой вёрсткой.

• Именуйте по схеме тип_повод_версия, например akciya_black_friday_v2.
• Держите один актуальный мастер-шаблон и правьте стиль только в нём.
• Архивируйте устаревшие сезонные шаблоны, а не удаляйте — они пригодятся на следующий год.
• Фиксируйте в описании, для какого сегмента шаблон задуман.

Итог

Блочный редактор и шаблоны RetailCRM снимают зависимость от вёрстальщика: адаптивное фирменное письмо собирается из блоков, а мастер-шаблон превращает выпуск кампании в клонирование и замену контента. Ключ к стабильному результату — один аккуратный мастер, тест в реальных клиентах и дисциплина в библиотеке шаблонов.

Мы соберём для вас систему шаблонов RetailCRM под фирменный стиль, подключим товарные блоки и персонализацию, чтобы команда выпускала рассылки быстро и без ошибок. Обращайтесь за настройкой и сопровождением.