← Назад

Пошаговая инструкция

FAQ

Боковое меню для ПК

В этой инструкции мы расскажем, как добавить и настроить Боковое меню для ПК-версии сайта, которое фиксируется сбоку экрана.
Этот шаблон отлично подходит для размещения ваших контактов и других полезных ссылок.
Как и следует из названия секции, она работает только на персональных компьютерах.

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

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

Откройте редактор сайта, нажмите на кнопку "+" между любыми двумя секциями:

Добавление новой секции в редакторе сайта

Во вкладке "Динамические", в категории "Меню" выберите шаблон "Боковое меню (для ПК)":

Секция появится в редакторе:

Отображение бокового меню в редакторе сайта

Настройка меню

Чтобы открыть настройки, нажмите на иконку шестеренки в меню секции:

Справа откроется окно настроек, в нем есть 3 вкладки:

I. Пункты меню
II. Настройки меню
III. Настройка главной иконки

Рассмотрим их подробнее:

I. Пункты меню

Эта вкладка отвечает за состав и функционал кнопок бокового меню.

С помощью кнопки "Добавить" вы сможете создать новые пункты:

С помощью кнопок напротив самих пунктов — клонировать, удалить или настроить их:

Нажав на кнопку "•••" вы откроете настройки пункта:

Здесь вы сможете выбрать тип действия, производимого нажатием на кнопку, а также задать его параметры. Доступны 4 действия для выбора:

1. Ссылка

Позволяет настроить переход по ссылке при клике на кнопку.

Опция "Название" отвечает за подпись пункта меню:

Опция "Иконка" позволяет выбрать готовую или загрузить свою SVG-иконку для пункта:

С помощью опции "Ссылка" вы сможете задать одно из трех действий — переход на страницу сайта, прокрутка к секции или переход по внешней ссылке.

2. Кнопка "Наверх"

С помощью этого пункта можно добавить кнопку для прокрутки в начало сайта, либо к определенной секции.

Кнопка "Наверх" для прокрутки к началу сайта

Опция "Скорость прокрутки" позволяет задать плавность прокрутки сайта. Чем больше значение, тем плавнее будет происходить переход в начало.

3. Поп-ап со слотом

С помощью этого пункта вы сможете настроить открытие всплывающего окна с необходимой информацией.

Опция "Настройки поп-апа" позволяет указать основные параметры всплывающего окна:

Чтобы настроить содержимое всплывающего окна, кликните по пункту меню в редакторе:

Откроется само всплывающее окно, где вы сможете разместить подходящие блоки:

4. Мессенджер

С помощью этого пункта вы сможете настроить переход по клику в мессенджер.

Настройка ссылок для мессенджеров в боковом меню

О том, как получить ссылку для определенных мессенджеров, мы рассказали в инструкции.

Опция "Цвет иконки" позволяет выбрать внешний вид иконки в пункте.
Например, "Основной" цвет выглядит так:

А "Оригинальный" — так:

II. Настройки меню

Здесь вы сможете настроить внешний вид пунктов меню, а также включить дополнительные опции для некоторых из них.

• Опция "Расположение" позволяет задать сторону экрана, на которой будет размещено меню — слева или справа:

Редактирование расположения бокового меню на экране

• Опция "Цвет иконок" меняет цвет заливки у иконок пунктов меню:

• "Цвет фона" меняет цвет заливки у кнопок меню:

• "Названия пунктов" позволяет настроить оформление подписей для кнопок меню, либо отключить их.

• "Эффект при наведении" управляет выделением активного пункта меню за счет добавления эффекта прозрачности.

• Ниже находится опция настройки расстояния между пунктами меню:

Настройка эффекта при наведении на кнопку меню

• Опция "По умолчанию закрыто" управляет показом меню при входе на сайт. Если опция включена, меню будет сворачиваться в кнопку. Если она отключена, меню будет показывать на сайте в открытом виде.

• "Доп.настройки поп-апа" — дополнительная опция для настройки поведения пункта "Поп-ап". Здесь вы сможете активировать дополнительные условия закрытия всплывающего окна, а также указать цели Яндекс Метрики и Google Analytics для него:

III. Настройка главной кнопки

Эта вкладка отвечает за оформление кнопки открытия и закрытия меню:

По умолчанию эти кнопки имеют такие же настройки цвета, как и пункты самого меню. Но с помощью опций "Кнопка закрытия" и "Кнопка открытия" вы всегда можете изменить их.

Редактирование кнопок закрытия и открытия меню

С помощью опции "Размер" вы сможете настроить размеры иконки внутри кнопок открытия и закрытия:

Обратите внимание!
В нижней части окна настроек секции находится кнопка "Сбросить настройки". Она сбрасывает все измененные параметры в секции и откатывает их до состояния, когда секция была только добавлена в редактор.