Блок «Продукт» — это элемент письма, в который вы можете вставить ссылку на товар и автоматически подтянуть изображение, описание, цену и ссылку на товар с сайта.
Зачем использовать блок «Продукт»?
- Позволяет быстро добавлять несколько товаров без ручного сохранения изображений, переключений между вкладками и копирования описаний. Это существенно ускоряет создание писем.
- Исключает ошибки в ценах и ссылках — вся информация подтягивается напрямую с сайта.
Как добавить товар в блок «Продукт»?
- Добавьте секцию в письмо. Можно использовать несколько секций — блок «Продукт» подстроится под них.
- Перейдите во вкладку «Блоки» и перетащите блок «Продукт» в пустую секцию.

- В правой панели вставьте ссылку на товар и нажмите «Подтянуть данные» (Fetch Product Info).

- Если структура сайта стандартная, все данные о товаре подтянутся автоматически.

Как настроить маппинг (сопоставление данных)?
Маппинг позволяет вручную указать, какие данные подтягивать с сайта. Это полезно, если сайт нестандартный и автоматическое распознавание не сработало.

Визуальный маппинг
Этот способ позволяет «кликать» по нужным элементам на загруженной странице. Система будет по шагам предлагать, что выбрать.

Ручной маппинг
Если сайт защищён, и страница не загружается для визуального маппинга:
Если всё сделано правильно — данные отобразятся в письме
- Откройте нужную страницу на сайте вручную.
- Кликните правой кнопкой мыши по элементу (название, цена, изображение) и выберите Inspect / Инспектировать.
- Наведите курсор на код, найдите ID или уникальный класс.
- Вставьте ID или имя класса в поле маппинга (без точек и специальных символов). Например, из <div id="main-image"> введите main-image.
- Нажмите Map, чтобы применить настройки.
Если всё сделано правильно — данные отобразятся в письме

Как редактировать блок «Продукт»?
Отображение полей
По умолчанию включены следующие поля:
Если какое-то поле не найдено на странице — оно не отобразится. Вы можете включить/выключить любое поле с помощью тумблеров справа.
- Изображение
- Название товара
- Описание
- Цена
- Старая цена
- Скидка в %
- Кнопка
Если какое-то поле не найдено на странице — оно не отобразится. Вы можете включить/выключить любое поле с помощью тумблеров справа.

Настройки изображения
Вы можете выбрать соотношение сторон изображения:
- Кликните по блоку «Продукт»
- В правой панели найдите секцию «Изображение»
- Выберите нужное соотношение сторон (например, квадрат или прямоугольник)

Настройки кнопки
Вы можете изменить:
Все эти параметры редактируются в разделе «Кнопка» в правой панели.
- Текст кнопки
- Цвет кнопки
- Размер
- Стиль и скругление границы
- Шрифт и цвет текста
Все эти параметры редактируются в разделе «Кнопка» в правой панели.

Шрифты и цвета текста
Для каждого элемента (название, описание, цена, старая цена) можно настроить:
Настройка выполняется в правой панели, в соответствующем разделе.
- Шрифт
- Размер
- Жирность и курсив
- Цвет
Настройка выполняется в правой панели, в соответствующем разделе.

Настройки скидки
Вы можете изменить:
Все настройки доступны в правой панели в разделе «Скидка».
- Цвет фона скидки
- Границу
- Шрифт и цвет текста скидки
Все настройки доступны в правой панели в разделе «Скидка».
