Блог Дмитрия Рыбалка

Как создать меню сайта через Popup форму?

Настройки
Хочу подкинуть вам интересную реализацию меню в новом формате в рамках стандартного функционала Тильды.

Для этого нам понадобится блок, который находится в разделе «Форма и кнопка» — BF503 (всплывающая информация).

Добавление блока

Добавляем этот блок в хедер или футер, чтобы наше будущее меню открывалось на всех страницах.

Настройки

Задаём стили попап окну, логотипу, тексту. Цвет фона я поставил светло-серым и затемнение фона непрозрачностью на 100% так же светло-серым цветом.

Редактор

  • Вписываем ссылку на открытие этого меню
  • В поле заголовок добавляем разделы сайта
  • В поле описание добавляем второстепенную информацию (подразделы, телефоны, адрес, режим работы и т.д.)
  • Добавляем 2 кнопки, разные по стилю, которые будут располагаться по одной линии на десктопе и в мобильной версии — это удобно

Открытие меню

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


Готово! За 5 минут мы сделали лёгкое, стильное и нестандартное меню в Тильде.