В бесплатной версии Mobirise, у нас не такого большого выбора готовых блоков «Меню». Да и более гибких настроек, им явно не хватает. Конечно, если вы, являетесь обладателями расширенной версии (платной) Mobirise, у вас есть достаточный выбор готовых блоков ,которые позволяют выбрать подходящее меню для сайта и настроить его. Хотя, на мой взгляд, нижеприведенное дополнение, вполне может конкурировать с официальными блоками «Меню» из платной версии Mobirise.
Меню MobiGary M4 Blocks для сайта на Mobirise.
Расширение MobiGary M4 Blocks (Мега Меню для Mobirise) получило очередное крупное обновление и небольшое расширение функционала. Со своей стороны, настоятельно рекомендую скачивать расширение MobiGary M4 Blocks с официальной страницы разработчика, а не с непонятных форумов, которые распространяют нелегально скрипты и дополнения. Само дополнение MobiGary M4 Blocks (Мега Меню), не имеет русской локализации. Однако, как уже пишу неоднократно, здесь все интуитивно просто и понятно.
Открываем официальную страницу разработчика расширения на GitHub: https://github.com/MobiGary/MobiriseM4blocks
И нажимаем на файл MobiGaryExtension-v[...].mbrext
В квадратных скобках, у вас может быть другой номер версии, в связи с выходом новой версии «Мега Меню».
В новой открывшейся вкладке, нажимаем «Download»:
После загрузки, устанавливаем расширение Mobirise и переходим в свой проект, для добавления меню. Для этого, открываем вкладку с блоками. Ищем «mobigary» (1.) и выбираем блок «Меню» (2.):
После добавления блока «Меню» в Mobirise, переходим к его настройкам, нажимаем «Параметры»:
При этом, настраивать более гибко меню для сайта, будет целесообразнее после проработки и создания общей структуры сайта. Поэтому, стоит сначала создать общий макет страницы и уже потом, прорабатывать каждый блок в соответствии с общей структурой сайта.
Виджет формы («Плавающая контактная форма») связи MobiGary M4 Blocks для сайта на Mobirise.
Начиная с версии 3.5, в расширении MobiGary M4 Blocks (Мега Меню для Mobirise) реализована возможность создать виджет чата на сайте Mobirise. Конечно, данное решение, скорее является виджетом формы связи или как называют его «Плавающая контактная форма». Здесь нет возможности в режиме реального времени, задавать вопросы и отвечать на них. Данный виджет, работает как форма обратной связи, позволяя отображать в правой части сайта, виджет при нажатии на который у пользователей будет возможность заполнить и отправить форму на вашу почту. Данный виджет, работает в связке с расширением Mailform от разработчика witsec. Как установить и использовать данное расширение, описано в заметке: «Форма обратной связи для Mobirise без использования formoid».
Чтобы подключить сам виджет на свой сайт, нам после установки MobiGary M4 Blocks, необходимо просто найти в блоках «mobigary» (1.) и выбрать блок «Виджет формы связи» (2.):
Теперь, мы можем перейти к настройкам блока и настроить его.
При этом, чтобы плавающая форма связи для Mobirise, могла отправлять сообщения на почту, необходимо установить и настроить дополнение Mailform, о чем писал выше. Без данного дополнения, виджет не будет функционировать.
В самом виджете плавающей формы, есть справка. Правда, она на английском языке. Для включения справки, в настройках блока плавающей формы, активируем ползунок (1.) напротив параметра Show Block HELP. После этого, появиться инструкция (2.). Ее можно скопировать и перевести через переводчик.
Вот и сам Google перевод:
v1.1 - Плавающая контактная форма MobiGary для расширения Witsec Mailform v11 - БЛОК ПОМОЩИ
- Этот блок справки будет невидим при предварительном просмотре или публикации.
- По умолчанию это глобальный блок, и его нужно добавить и настроить только на одной странице, и настройки будут применяться ко всем страницам. Если вы хотите, например, загрузить плавающий элемент из своего меню, он будет автоматически доступен на каждой странице. Однако, если вы не хотите, чтобы он был глобальным блоком и применялся только к одной странице, скажите ОТМЕНА, когда вас спросят «Этот блок является глобальным. Вы хотите добавить его на все страницы?», затем отредактируйте добавленный блок с помощью кода editor и удалите global = "" из первой строки HTML.
- «ОТПРАВИТЬ btn Corner Radius px» в разделе «Плавающая контактная форма» значка шестеренки действует только для кнопок с идентификатором «Закругленные кнопки», установленным в OFF в стилях сайта.
- «X-Pos» и Y-Pos» в разделе «Плавающая контактная форма» значка шестеренки не отображаются в Mobirise builder. Выполните предварительный просмотр или Publis, чтобы увидеть результат изменения позиционирования.
- Если вы не включили «Показывать плавающую кнопку» в разделе «Показать/скрыть» значка шестеренки (включение добавляет плавающий значок, который запускает плавающую контактную форму при нажатии), вместо этого вы можете загрузить плавающий контакт с помощью кода. редактор и создание ссылки. В приведенном ниже примере он создает ссылку iconfont с изображением конверта, и при нажатии на нее открывается плавающая контактная форма.
<a href="#" onclick="$('.contactwindow').fadeToggle(); return false;">
<span class="mdi-content-mail mbr-iconfont text-black"> </span> </a>
На мой взгляд, здесь нет ничего сложного и достаточно, потратить немного времени, чтобы разобраться с общим функционалом.
Если у вас нет желания и времени разбираться в данных тонкостях, вы всегда можете заказать разработку сайта и получить готовый результат.
Как неоднократно и пишу в данных заметках, моя задача, предоставить готовые инструменты, которые доступны. Ваша задача, воспользоваться ими или нет. При это стоит помнить, что если потратить свое время и самостоятельно разобраться в данных тонкостях, можно получить ценный опыт и создавать прекрасные сайты. Успехов.
Если возникнут вопросы, поправки и дополнения - оставляйте комментарии.