Docs RU

Блок «Продукт»: назначение и настройка

Редактор
Блок «Продукт» — это элемент письма, в который вы можете вставить ссылку на товар и автоматически подтянуть изображение, описание, цену и ссылку на товар с сайта.

Зачем использовать блок «Продукт»?

  • Позволяет быстро добавлять несколько товаров без ручного сохранения изображений, переключений между вкладками и копирования описаний. Это существенно ускоряет создание писем.
  • Исключает ошибки в ценах и ссылках — вся информация подтягивается напрямую с сайта.

Как добавить товар в блок «Продукт»?

  • Добавьте секцию в письмо. Можно использовать несколько секций — блок «Продукт» подстроится под них.
  • Перейдите во вкладку «Блоки» и перетащите блок «Продукт» в пустую секцию.
  • В правой панели вставьте ссылку на товар и нажмите «Подтянуть данные» (Fetch Product Info).
  • Если структура сайта стандартная, все данные о товаре подтянутся автоматически.

Как настроить маппинг (сопоставление данных)?

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

Визуальный маппинг

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

Ручной маппинг

Если сайт защищён, и страница не загружается для визуального маппинга:

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

Если всё сделано правильно — данные отобразятся в письме

Как редактировать блок «Продукт»?

Отображение полей

По умолчанию включены следующие поля:

  • Изображение
  • Название товара
  • Описание
  • Цена
  • Старая цена
  • Скидка в %
  • Кнопка

Если какое-то поле не найдено на странице — оно не отобразится. Вы можете включить/выключить любое поле с помощью тумблеров справа.

Настройки изображения

Вы можете выбрать соотношение сторон изображения:

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

Настройки кнопки

Вы можете изменить:

  • Текст кнопки
  • Цвет кнопки
  • Размер
  • Стиль и скругление границы
  • Шрифт и цвет текста

Все эти параметры редактируются в разделе «Кнопка» в правой панели.

Шрифты и цвета текста

Для каждого элемента (название, описание, цена, старая цена) можно настроить:

  • Шрифт
  • Размер
  • Жирность и курсив
  • Цвет

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

Настройки скидки

Вы можете изменить:

  • Цвет фона скидки
  • Границу
  • Шрифт и цвет текста скидки

Все настройки доступны в правой панели в разделе «Скидка».