Работа с блоком "Меню"

Блок “Меню” встречается практически во всех промо и триггерных письмах. Крайне редко компании уходят от него и оставляют только логотип. Блок меню может быть расположен как в хедере, так и в футере письма. Это легкий способ добавить небольшие СТА, если, например, пользователю неинтересно промопредложение, но он точно знает, что именно хочет увидеть. Обычно блок от письма к письму не меняется.

Блок "Меню"

Раньше в  редакторе еСпутника были шаблоны готовых блоков, но редактировать их было сложно, например заходить в HTML и вносить правки уже в коде. Особенно неудобно то, что очень легко запутаться в ссылках, картинках и так далее.  В новом редакторе добавление этого блока максимально упростили. Теперь за считанные минуты можно создать классный блок “Меню”.

Добавление блока "Меню"

Блок “Меню” находится во вкладке “Блоки”. Его можно добавлять как в готовый контейнер, так и в любую ячейку любой структуры.  Для этого нужно выделить пункт “Меню” и переместить его в письмо.

Как добавить блок "Меню"​​​​​​

Функции и возможности блока “Меню”

Для работы с блоком есть отдельное раскрывающееся поле. Чтобы оно появилось, нужно  нажать на добавленный блок “Меню” в письме.

Панель редактирования блока "Меню"

Панель редактирования блока “Меню” условно можно разделить на 2 части: общие настройки всего блока и  настройки каждого пункта в меню.

Чтобы разобраться, рассмотрим эти два пункта отдельно, с описанием каждой возможности.

Общие настройки блока “Меню”

Общие настройки блока "Меню"

  1. Тип меню. Вы можете выбрать три разных вида меню: текстовый, текстовый с картинками и просто с картинками.
  2. Картинки можно располагать где угодно: справа, слева или над текстовыми пунктами. Размер задается по вашему усмотрению.
  3. Разделители  между пунктами меню можно поставить так.

Разделители между пунктами меню

  1. Можно задать тексту самое разное форматирование. Например, выделить цветом текст или весь раздел, чтобы акции или распродажи бросались в глаза.

Текст блока "Меню"

  1. Отступы сверху и снизу добавляются для того, чтобы визуально улучшить оформление письма.

Настройка каждого пункта меню

Простой и понятный интерфейс предоставляет много возможностей для работы с отдельными пунктами меню.

Настройка каждого пункта меню

  1. Легко прописывайте названия пунктов и удаляйте их при необходимости - нужно всего лишь нажать на картинку с корзиной, и пункт удалится.
  2. Добавляйте ссылку на текст легко - вставляйте ее в специальное поле для ссылки и выбирайте необходимый тип:

Добавление ссылки на текст

  1. Меняйте цвет фона отдельных пунктов, если хотите их выделить.
  2. Точно также можно менять цвет ссылок для каждого пункта.

Изменение цвета ссылок

  1. Полезная возможность скрывать некоторые пункты при отображении на мобильных телефонах. Это улучшает визуальное восприятие мобильной версии.
  2. Подготовленные для блока “Меню” картинки,  можно загрузить, нажав на поле загрузки, или перетащить картинку непосредственно в это окошко. Размер картинок задается в общих настройках блока “Меню”.
  3. Чтобы добавить новый пункт меню, нажмите на кнопку “Добавить пункт меню”. Сделайте это столько раз, сколько пунктов нужно добавить.

Как может выглядеть блок “Меню”

В зависимости от общего дизайна письма, меню может выглядеть и располагаться по-разному.

  1. Блок меню в виде текстовых пунктов.

Блок меню в виде текстовых пунктов

  1. Текстовые пункты с иконками.

Текстовые пункты с иконками в меню

  1. Блок меню только с иконками встречается реже остальных и зачастую используется в футере письма. Например, как блок с информацией о заказе или доставке или если товары компании легко визуализировать в понятные для каждого картинки.

Меню с иконками

Посмотреть полный обзор редактора в видеообзоре можно здесь. Сейчас самое время протестировать новый редактор в eSputnik:)

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email