Редактор топбара: полноценный конструктор верхнего меню сайта

Многочисленные исследования показывают, что посетители просматривают первый экран сайта в среднем 3-5 секунд, а 80% времени они тратят на просмотр верхней части страницы. Это означает, что важная информация, основные ссылки и призывы к действию должны быть размещены в видимой зоне, чтобы привлечь внимание и повысить конверсию.

 

Ключевой элемент первого экрана и сайта в целом — топбар ("верхнее меню"). Это верхняя часть, которая может содержать логотип, меню, иконку корзины, бургер-меню и личного кабинета, кнопку навигации по каталогу товаров и поиск, номера телефонов, ссылки на мессенджеры, онлайн-запись, различные формы и прочее. От того, насколько топбар понятный и удобный, зависит, перейдет посетитель на искомую страницу или нет, сделает целевое действие или уйдет к конкурентам.

 

Сегодня долгожданное обновление, над которым наша команда работала последние несколько месяцев. Мы запускаем редактор топбара для шаблона "Новый"! Фактически это полноценный конструктор с огромным количеством функций.
Основные возможности:

 

1. Полностью настраиваемый топбар

 

Теперь топбар можно адаптировать под любые требования. Вы сами выбираете, какие элементы будут отображаться, в каком порядке и в каком виде. Например, не только контент в меню ограничить шириной контента, но и весь топбар и отдельные строки (например, сделать верхнюю строку на всю ширину, а нижнюю или среднюю со скруглениями, своим фоном и по ширине контента). Функция предпросмотра (песочница) позволяет увидеть изменения перед публикацией.

 

2. Свободное управление элементами

 

Теперь элементы можно перемещать, менять их порядок и расположение. Больше нет жестких ограничений: вы создаете топбар так, как вам нужно. Да, поставить логотип в центр тоже можно.

 

3. Гибкая настройка внешнего вида

 

 

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

 

Каждый элемент можно включать или отключать в мобильной версии сайта. Это поможет вам адаптировать интерфейс для удобного использования на любых устройствах. Можно сделать так, что какие-то элементы видны только в мобильной, а другие — только в десктопной версии. Очень удобно, например, для блока Контактов.

 

5. Адрес с интеграцией 2ГИС

 

Теперь можно указать адрес вашей компании и автоматически добавить ссылку на карту 2ГИС. Это упростит навигацию для посетителей.

 

6. Удобные кнопки и ссылки

 

Добавляйте кнопки и ссылки в нужных местах. Вы можете настроить отдельные ссылки или сгруппировать их в одном блоке.

 

7. Блок поиска

 

Если вашему сайту нужен поиск, теперь его легко добавить в топбар и настроить под свои задачи.

Как перейти на новый редактор топбара?

 

Сделать это можно в пару кликов мыши и без потери информации (для редактора 1.0). Достаточно перейти в панели управления в раздел "Дизайн", нажать "Настроить", перейти на вкладку "Меню", нажать "Попробовать", затем "Настроить топбар" и "Обновить топбар". Готово. После перехода сайт не нужно полностью переделывать, а если вдруг что-то не понравится, можно также легко вернуться к прежним настройкам.

Инструкция

 

P.S. Обновленный топбар дает вам максимум возможностей для кастомизации и удобного взаимодействия с пользователями. Попробуйте новый инструмент и создайте идеальное верхнее меню сайта. Мы очень ждем от вас обратную связь по почте support@nethouse.ru, в чате на сайте, в соцсетях и пр.