← Назад
Пошаговая инструкция
FAQ

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

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

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

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

0₽

0₽

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

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

+4

+4

месяца

месяца

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

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

+12.000₽

+12.000₽

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

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

+3

+3

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

0₽

0₽

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

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

0₽

0₽

месяца

месяца

/год

/год

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

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

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

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

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

Откройте редактор сайта, нажмите на кнопку "+" между любыми двумя секциями:
Во вкладке "Динамические", в категории "Меню" выберите шаблон "Боковое меню (для ПК)":
Секция появится в редакторе:

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

Чтобы открыть настройки, нажмите на иконку шестеренки в меню секции:
Справа откроется окно настроек, в нем есть 3 вкладки:
I. Пункты меню
II. Настройки меню
III. Настройка главной иконки

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

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

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

С помощью кнопки "Добавить" вы сможете создать новые пункты:
С помощью кнопок напротив самих пунктов — клонировать, удалить или настроить их:
Нажав на кнопку "•••" вы откроете настройки пункта:
Здесь вы сможете выбрать тип действия, производимого нажатием на кнопку, а также задать его параметры. Доступны 4 действия для выбора:

1. Ссылка

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

Опция "Название" отвечает за подпись пункта меню:
Опция "Иконка" позволяет выбрать готовую или загрузить свою SVG-иконку для пункта:
С помощью опции "Ссылка" вы сможете задать одно из трех действий — переход на страницу сайта, прокрутка к секции или переход по внешней ссылке.

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

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

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

С помощью этого пункта вы сможете настроить открытие всплывающего окна с необходимой информацией.
Опция "Настройки поп-апа" позволяет указать основные параметры всплывающего окна:
Чтобы настроить содержимое всплывающего окна, кликните по пункту меню в редакторе:
Откроется само всплывающее окно, где вы сможете разместить подходящие блоки:

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

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


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

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

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


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

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

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

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

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

Эта вкладка отвечает за оформление кнопки открытия и закрытия меню:
По умолчанию эти кнопки имеют такие же настройки цвета, как и пункты самого меню. Но с помощью опций "Кнопка закрытия" и "Кнопка открытия" вы всегда можете изменить их.
С помощью опции "Размер" вы сможете настроить размеры иконки внутри кнопок открытия и закрытия:
Обратите внимание!
В нижней части окна настроек секции находится кнопка "Сбросить настройки". Она сбрасывает все измененные параметры в секции и откатывает их до состояния, когда секция была только добавлена в редактор.

Часто задаваемые вопросы:

1. Как добавить в меню всплывающую формой?

• Создайте новый пункт с типом "Поп-ап со слотом":
• Кликните по этому пункту в меню, добавьте во всплывающее окно блок "Форма"

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно
шаблон сайта доставки еды
шаблон интернет-магазина
шаблон интернет-магазина
шаблон-квиз строительство
шаблон сайта по ремонтуо
450+ шаблонов
ждут вас
Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курс
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школа
Шаблон для портфолио
Шаблон лендинг вебинара
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Блог
Инструкции
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке