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

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

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

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

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

​​​​​​

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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