Блок «Продукт» — это элемент письма, в который вы можете вставить ссылку на товар и автоматически подтянуть изображение, описание, цену и ссылку на товар с сайта.
Зачем использовать блок «Продукт»?
Позволяет быстро добавлять несколько товаров без ручного сохранения изображений, переключений между вкладками и копирования описаний. Это существенно ускоряет создание писем.
Исключает ошибки в ценах и ссылках — вся информация подтягивается напрямую с сайта.
Как добавить товар в блок «Продукт»?
Добавьте секцию в письмо. Можно использовать несколько секций — блок «Продукт» подстроится под них.
Перейдите во вкладку «Блоки» и перетащите блок «Продукт» в пустую секцию.
В правой панели вставьте ссылку на товар и нажмите «Подтянуть данные» (Fetch Product Info).
Если структура сайта стандартная, все данные о товаре подтянутся автоматически.
Как настроить маппинг (сопоставление данных)?
Маппинг позволяет вручную указать, какие данные подтягивать с сайта. Это полезно, если сайт нестандартный и автоматическое распознавание не сработало.
Визуальный маппинг
Этот способ позволяет «кликать» по нужным элементам на загруженной странице. Система будет по шагам предлагать, что выбрать.
Ручной маппинг
Если сайт защищён, и страница не загружается для визуального маппинга:
Откройте нужную страницу на сайте вручную.
Кликните правой кнопкой мыши по элементу (название, цена, изображение) и выберите Inspect / Инспектировать.
Наведите курсор на код, найдите ID или уникальный класс.
Вставьте ID или имя класса в поле маппинга (без точек и специальных символов). Например, из <div id="main-image"> введите main-image.
Нажмите Map, чтобы применить настройки.
Если всё сделано правильно — данные отобразятся в письме
Как редактировать блок «Продукт»?
Отображение полей
По умолчанию включены следующие поля:
Изображение
Название товара
Описание
Цена
Старая цена
Скидка в %
Кнопка
Если какое-то поле не найдено на странице — оно не отобразится. Вы можете включить/выключить любое поле с помощью тумблеров справа.
Настройки изображения
Вы можете выбрать соотношение сторон изображения:
Кликните по блоку «Продукт»
В правой панели найдите секцию «Изображение»
Выберите нужное соотношение сторон (например, квадрат или прямоугольник)
Настройки кнопки
Вы можете изменить:
Текст кнопки
Цвет кнопки
Размер
Стиль и скругление границы
Шрифт и цвет текста
Все эти параметры редактируются в разделе «Кнопка» в правой панели.
Шрифты и цвета текста
Для каждого элемента (название, описание, цена, старая цена) можно настроить:
Шрифт
Размер
Жирность и курсив
Цвет
Настройка выполняется в правой панели, в соответствующем разделе.
Настройки скидки
Вы можете изменить:
Цвет фона скидки
Границу
Шрифт и цвет текста скидки
Все настройки доступны в правой панели в разделе «Скидка».