Как Multi-level menu стало лучше за лето 2019
Этим летом мы рассмотрели максимальное количество просьб и предложений от наших пользователей по улучшению меню. Отобрали наиболее популярные и реализовали их.
Мы постоянно адаптируем меню под решение ваших задач, поэтому прежде чем писать нам о своей задаче, прочитайте эту статью, скорее всего ваша проблема уже решена.
Лето не порадовало погодой, поэтому мы усердно работали над системой позволяющей Multi-level menu максимально доступно донести до ваших покупателей информацию о категориях товаров интернет-магазина с одной стороны, и с другой стороны мы разнообразили конфигурации категорий, в зависимости от контента и количества подкатегорий и выпустили версию 3.3. приложения Multi-level menu. Нижеуказанные доработки существенно повышают заинтересовать покупателя перейти в категорию и сделать покупку.
И так… барабанная дробь…
Функции летнего обновления.
- Товары в выпадающей области меню. Демонстрируйте товары в выпадающей области в категориях без подкатегорий.
- Логотип в меню для настольной и мобильной (2-я и 3-я темы) версий
- Отступы между категориями в выпадающей области
- Легкий выбор дизайна меню с телефона.
- Ширины кнопок для мобильной версии
- Подкатегории в виде колонок для отдельной категории
- Быстрый выбор и отмена категорий в работе с фильтром
- Превью настраиваемой области всегда на глазах
- Улучшена скорость и стабильность работы приложения.
- Множество мелких улучшений и исправлений
Ниже мы рассмотрим каждое улучшение подробнее.
1. Товары в выпадающей области меню
Товары в выпадающей области меню
Функция будет полезна интернет-магазинам, у которых есть только категории верхнего уровня с товарами. Показывая товары в выпадающей области вы в первую очередь концентрируете внимание покупателя на них. Так вы можете показывать покупателю в выпадающей области наиболее продаваемые товары (товары локомотивы) или товары, которые вы хотите продать в первую очередь (залежавшиеся товары). В выпадающей части меню возможно показать до шести первых товаров категории, поэтому обязательно настройте их очередность в категории поставив необходимые на первые 6 мест. Смотрите видео настройки или читайте описание ниже.
Для включения товаров в выпадающей области меню, вам нужно перейти в настройки
Блок настройки отображения товаров при отсутствии подкатегорий
И выбрать «Show products»
Включение и выключение демонстрации товаров в выпадающей области
Нажать на кнопку сохранить.
2. Логотип в меню для настольной и мобильной (2-я и 3-я темы) версий
Настройка включения отображения логотипа в меню
Проводя исследования поведения пользователей в интернет-магазине, мы выяснили, что 92% из 100% опрошенных нами пользователей ожидают увидеть логотип компании в меню или над меню, чтобы при его нажатии перейти на главную страницу сайта. И если логотип отсутствует, то у них “разрывается привычный шаблон поведения” и они испытывают дискомфорт и раздражение от взаимодействия с таким интернет-магазином, после испытанных негативных эмоций, пользователи обычно закрывают сайт с непонятной для них навигацией и не возвращаются на него. Поэтому мы добавили логотип в Multi-level menu со ссылкой на главную страницу магазина, чтобы ваши клиенты испытывали комфорт и радость от использования навигации в магазине, покупки товаров и возвращались за повторными покупками рекомендуя ваш интернет-магазин своим друзьям.
При включении логотипа в меню, он подкачивается из стартовой страницы магазина. Логотип можно закачать или изменит перейдя в настройки стартового сайта. Смотрите видео настройки или читайте описание ниже.
В настройках выбрать «Где показывать логотип» – лучше указать «не показывать логотип».
Блок настройки показа логотипа в стартовом сайте
Для включения товаров в выпадающей области меню, вам нужно перейти в настройки Multi-level menu
Настройка показа логотипа в стартовом сайте
Выбрать вариант отображения логотипа:
- No (по умолчанию), т.е. не показывать логотип в меню
- Рабочий стол – логотип виден в меню настольной версии сайта
- Мобильный – логотип виден в меню на мобильной версии сайта
- Да – логотип виден в меню на компьютерной и мобильной версии сайта
Вы бор показа логотипа в меню
Для смены цвета фона логотипа вам нужно перейти в настройки.
И задать нужный цвет фона.
Настройка цвета фона логотипа
После изменений нажать на кнопку сохранить.
3. Возможность настройки отступов между категориями в выпадающей области
Настройка отступов между категориями
Отступы между категориями в колоночном виде
Отступы между категориями в стандартном варианте
Для упрощения прочтения и понимания категорий в выпадающей области задайте категориям отступы. Все зависит от длины названия категорий. В длинных строках расстояние лучше делать больше чем в коротких, поэтому мы добавили возможность настроить расстояние между строками категорий. Смотрите видео настройки или читайте описание ниже.
Для настройки отступа вам нужно перейти
Блок настройки отступов
Где 12px – это отступ сверху и снизу, а 15px – это отступ справа и слева.
4. Легкий выбор дизайна меню с телефона.
Мы заметили, что все чаще собственники интернет-магазинов заходят в админ панель с телефона, чтобы сменить тему в своем меню, поэтому мы упростили выбор тем меню с мобильного телефона сделав иконки в две колонки. Смотрите видео настройки.
Выбор темы меню с телефона
5 Ширина кнопок для мобильной версии
Кнопки в меню на мобильной версии
Смотрите видео настройки или читайте описание ниже.
Для настройки ширины кнопок в мобильной версии multi-level menu, вам нужно перейти в настройки
Блок настройки ширины кнопок для мобильной версии Multi-level menu.
Прописать ширину и нажать кнопку “сохранить”
6. Подкатегории в виде колонок для отдельной категории.
Настройка отдельной категории в виде колонок
Категории в 4 колонки с фотографиями
Категории в 4 колонки без фотографий
Смотрите видео настройки или читайте описание ниже.
Для настройки демонстрации категорий второго уровня в 4-е столбца, вам нужно перейти в настройки Multi-level Menu и открыть настройку
включить “One by one (default)”
Блок настройки отображения категорий в столбцы или по умолчанию
Категории товаров можно разместить в колонки от 2 до 6, для настройки этого параметра, вам нужно перейти в настройку
выбрать количество колонок
Настройка количества колонок для показа категорий в них
Также можно настроить отображение категорий с картинками, для это вам нужно перейти к настройке снизу.
Выключить показ фотографий в списке категорий
И включить отображение картинок.
Включить показ фотографий в списке категорий
Если вы хотите отображение категорий без фотографий, то оставьте этот параметр выключенным. Нажмите кнопку “сохранить”. После этого вам нужно прокрутить страницу до настроек “Menu items filter”
Блок настройки фильтра
Открываем настройки, раскрываем категории, находим нужную категорию и нажимаем на иконку
Настройка категории по умолчанию
После нажатия, иконка изменится на иконку с колонками
Настройка показа категории в виде колонок
Это означает, что категории будут отображаться в виде колонок, нажимаем на кнопку сохранить, переходим на главную страницу, проверяем работу.
Для большей наглядности снизу на картинке приведено сравнение работы этой настройки.
Сравнение работы двух вариантов отображения категорий.
7. Быстрый выбор и отмена категорий в работе с фильтром
Для упрощения работы с фильтром мы добавили возможность одним кликом выбрать или отменить список подкатегорий. Смотрите видео настройки или читайте описание ниже.
Выбор группы подкатегорий одним кликом при работе с фильтром
8. Превью настраиваемой области всегда «на глазах»
Мы заботимся о вашем удобстве по взаимодействию с настройками Multi-level menu, и стараемся чтобы настройки позволяли максимально индивидуально настроить меню для вашего магазина. Для решения этой задачи в меню появилось достаточно большое количество опций, для настройки которых нужно пролистывать страницу. Многие сталкивались с ситуацией -, для того чтобы проверить сработала ли настройка, нужно было вернуться в начало блока настроек – это неудобно, поэтому мы сделали так, чтобы область превью и кнопка сохранить всегда находились перед глазами, что существенно упрощает порядок настройки меню.
Превью настраиваемой области всегда «на глазах»
Мы делаем всё, чтобы наше меню было удобно и полезно как для собственников магазина, так и для их покупателей, поэтому если вы прочитали эту статью и не увидели решение своей задачи, пишите нам в поддержку со своим предложением мы обязательно его рассмотрим.
Виджет multi-level menu может работать на любых платформах для создания сайтов и интернет-магазинов, поэтому установка и настройка приложения у всех одинакова, но есть и отличия, например платформа Wix, поэтому устанавливайте виджет к вам на сайт правильно: через маркетплэйс Ecwid для работы на всех платформах и CMS или через индивидуальный способ для Wix.