Docs RU

Как добавить и настроить блок меню в письме

2025-07-30 08:29 Редактор

Зачем нужен блок меню и как его добавить?

Блок меню состоит из набора ссылок и/или иконок со ссылками. Он используется для:
  • Быстрой навигации из письма на сайт — обычно блок меню размещают в шапке письма с основными разделами сайта.
  • Добавления полезной информации — например, о доставке, возвратах или бонусной программе.
Чтобы добавить блок меню:
  1. Перейдите в раздел Инструменты и модули.
  2. Откройте вкладку Блоки.
  3. Перетащите блок Меню в нужное место письма.
Drag and drop menu block to add it to your emailDrag and drop menu block to add it to your emailDrag and drop menu block to add it to your emailDrag and drop menu block to add it to your email

Как создать меню с иконками, текстом или их комбинацией?

Блок меню может состоять только из текста, только из иконок или из текста с иконками.
  1. Кликните по блоку меню.
  2. В правой панели выберите нужный тип отображения: текст, иконка, текст + иконка.
Change menu type in menu block settings

Как загрузить иконку для пункта меню?

Если выбран вариант с иконками:
  • Кликните по блоку меню.
  • В правой панели в нужном пункте нажмите на значок изменения изображения, чтобы загрузить иконку с компьютера.
  • Либо нажмите кнопку URL, чтобы вставить ссылку на изображение.
  • Для удаления иконки нажмите кнопку Удалить.
Upload or delete an image as a menu icon

Как добавить текст и ссылку к пункту меню?

  1. Кликните по блоку меню.
  2. В правой панели в разделе Пункты меню укажите:
  • Текст ссылки (что будет отображаться в письме),
  • URL-адрес, на который будет вести этот пункт.
Add the text and link to the menu item

Как добавить дополнительные пункты меню?

  1. Кликните по блоку меню.
  2. В правой панели прокрутите список до конца.
  3. Нажмите Добавить пункт меню.
Add more menu items for menu block

Как настроить положение и размер иконки в меню?

  1. Кликните по блоку меню.
  2. В правой панели в разделе Иконки выберите:
  • Положение иконки (слева, сверху, справа от текста),
  • Размер (в пикселях) с помощью ползунка или ввода значения вручную.
Change icon position and size of icons

Как изменить стиль текста в блоке меню?

  1. Кликните по блоку меню.
  2. В правой панели в разделе Стиль ссылок настройте:
  • Шрифт,
  • Жирность и курсив,
  • Размер и цвет текста.
Change the text style of the text in menu block

Как добавить разделители между пунктами меню?

  1. Кликните по блоку меню.
  2. В правой панели найдите раздел Разделитель.
  3. Выберите стиль линии (сплошная, пунктирная, штриховая), толщину и цвет.
Set the separator line between menu items

Как изменить расстояние между пунктами, выравнивание и отступы?

  1. Кликните по блоку меню.
  2. В правой панели найдите раздел Положение:
  • Задайте расстояние между пунктами (в пикселях),
  • Выберите выравнивание (по левому/центру/правому краю),
  • Настройте внутренние отступы (padding).
Change the gap between menu items, align of menu block and paddings

Как скрыть блок меню?

Блок меню можно скрыть, как и любой другой блок, для определённых устройств. Подробнее об этом — в отдельной статье.

Как преобразовать блок меню в HTML?

Если вам нужно гибко редактировать HTML-код меню, блок можно преобразовать в HTML. Подробнее об этом — в отдельной статье.

Настройки блока меню в мобильной версии

Чтобы меню корректно отображалось на мобильных устройствах, откройте мобильную версию редактора и кликните по блоку меню. В правой панели вы сможете настроить:
  • Размер иконок,
  • Размер текста,
  • Выравнивание блока,
  • Расстояние между пунктами меню,
  • Внутренние отступы (padding),
  • Включить адаптивный режим отображения меню (иконки и пункты в столбик).
Подробнее — в отдельной статье о мобильной настройке блока меню.

Настройки блока меню в тёмной теме

В тёмной версии редактора вы можете:
  • Изменить цвет ссылок меню,
  • Изменить цвет разделителей между пунктами,
  • Настроить цвет фона блока меню.
Подробнее — в отдельной статье о настройке блока меню в тёмной теме.