Обзор конструктора сайтов Mobirise

Mobirise – бесплатная программа для создания адаптивных сайтов. Отличается невероятной простотой редактирования даже на фоне многих коммерческих конкурентов, в том числе онлайн-конструкторов, отлично подходит начинающим вебмастерам, которые хотят быстро создать визитку, лендинг или просто небольшой сайт.

Удобство использования

Mobirise это классическая программа, которую нужно устанавливать на компьютер. Поддерживаются операционные системы Windows, MacOS и даже Linux (пока только Debian и основанные на ней системы – Deepin, Ubuntu, Mint и т.п.). После работы с большим количеством SaaS-платформ в браузере это кажется необычным, но особых неудобств не доставляет. Сама программа предлагает максимально простой визуальный редактор, освоить который можно буквально за 5 минут.

Стоит заметить, что с октября 2020 года доступна также web-версия конструктора Mobirise. Но это скорее аналог программы, развернутый в облаке. Сайты и страницы, созданные здесь, по-прежнему можно скачать на свой компьютер или загрузить на любой внешний хостинг (хотя есть и свой хостинг с бесплатной привязкой доменов).

Работа со страницами ведётся в блочном интерфейсе – вы просто собираете сайт из готовых секций, настраиваете их внешний вид, встраиваете в блоки дополнительные элементы: иконки, кнопки, формы и т.д. Часть параметров выносится централизованно: основные цвета, управление шрифтами, включение кнопки «Наверх», подчёркивание ссылок и включение/отключение анимаций и т.д. Это тема сайта. Тему можно оперативно сменить.

Mobirise

В настройках конкретного сайта можно задать:

  • название сайта и его фавиконку;
  • привязку к домену или к хостингу (имеется в виду выгрузка по FTP-протоколу или публикация на хостинге Mobirise);
  • оптимизацию изображений (если вы загрузили на сайт слишком тяжёлые картинки, программа их сожмёт);
  • карту сайта sitemap.xml и файл robots.txt;
  • привязку кодов аналитики (можно установить централизованно);
  • свои текстовки для вывода уведомлений об использовании cookies браузера;
  • настройки соответствия условиям GDPR (правила использования сайта и политика конфиденциальности).

Что делает Mobirise таким удобным для новичков? В первую очередь простота и понятность интерфейса. В вашем распоряжении огромное количество различных тематических блоков, из которых можно собрать практически любую web-страницу. Есть даже работающие формы ввода: подписка, оформление заявок с сайта и т.п. Они реализованы через скрипт formoid, которому для работы нужен только движок JavaScript браузера (может запускаться даже вне серверной среды, например, просто на ПК).

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

Создавая сайты или страницы в Mobirise, вы не привязываетесь к какому-либо web-сервису или к облачной платформе. Сайт можно разместить на любом хостинге, даже без поддержки динамических страниц. Из коробки программа умеет:

Mobirise admin

  • подключаться к любому серверу по FTP или SFTP-соединению;
  • выгружать данные на сервис GitHub Pages (бесплатный хостинг для HTML-сайтов) и на свой собственный хостинг (бесплатный поддомен вида mobirisesite.com, возможна привязка своего домена, будет показываться баннер, который можно убрать за небольшую плату);
  • экспортировать сайт в HTML-формате со всеми связанными ресурсами (изображениями, CSS-таблицами и JS-скриптами).

Если вы выгружаете сайт сразу на свой сервер без экспортирования, то в настройках можно задать опцию обновления только изменённых файлов – уменьшается время выгрузки и снижается объём передаваемых данных.

Визуальный редактор

В основе Mobirise лежит визуальный редактор, работающий по технологии drag-n-drop. Внесенные изменения сразу отображаются на экране (хотя есть отдельная кнопка предпросмотра), знание языков программирования и навыки кодинга не требуются – для создания привлекательной визитки или качественного лендинга будет достаточно художественного вкуса и совсем немного личного времени.

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

Mobirise redactor

  • Страницы – создание/дублирование и SEO-настройка страниц.
  • Сайты – создание нового сайта, его экспортирование и другие настройки.
  • Учетная запись – сброс пароля и выход.
  • Расширения и темы – получение готовых шаблонов (тематических дизайнов) и установка плагинов (такие модули расширяют функционал конструктора).
  • Помощь – посещение форума и отправка писем в службу поддержки.

Блоки с контентом добавляются на страницы с помощью кнопки «+», расположенной в правом нижнем углу. После нажатия на неё появляется сайдбар со списком доступных элементов интерфейса. Их количество зависит от того, какой шаблон используется — стандартный или платный. Для добавления блока достаточно захватить его курсором мышки и перетащить на рабочее пространство.

Каждый элемент интерфейса имеет собственные настройки. Они доступны после нажатия на кнопку в виде шестерёнки возле блока. Набор настроек зависит от типа элемента и контента. Например, в параметрах формы обратной связи можно задавать адрес электронной почты, на которую будут приходить заявки, выбрать изображение или цвет заливки фона, а также указать, какие поля необходимо отображать.

Для добавления дополнительных инструментов и приложений Mobirise предлагает использовать расширения. В списке вы найдёте систему аналитики от Google, виджеты соцсетей и другие полезные плагины. Можно даже купить редактор кода, который сделает конструктор ещё более гибким. Правда, эта возможность стоит $69, а для её применения потребуются навыки программирования хотя бы на уровне знания HTML/CSS/JavaScript.

Обратите внимание – плагины и темы не обязательно покупать. Во-первых, в официальном каталоге есть бесплатные варианты (их мало, но они есть). А во-вторых, вы можете найти расширения и шаблоны от сторонних авторов. Их можно просто загрузить в конструктор через специальное меню («Расширения» –> пункт меню «Импорт»). Наиболее яркие примеры функциональных плагинов от сторонних разработчиков – DeltaPi softwares (в наборе есть альтернативный редактор кода, mail-формы, блок с изображениями «было-стало» и т.д.) и Witsec (редактор кода, блоки модальных окон, наборы иконок и т.д.). И это не единственные разработчики, которые делают расширения для Mobirise.

Интерфейс программы переведён на русский, но не полностью. Даже с примесью английского языка всё интуитивно понятно.

Магазин

В наборе официальных расширений можно найти плагин PayPal Cart. После добавления этого расширения в настройках всех ссылок (а соответственно, и кнопок) появляется вкладка PayPal Cart, где можно настроить:

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

К кнопкам и товарам можно добавить всплывающие окна с более подробными описаниями товаров.

Mobirise shop

Единственный недостаток – плагин работает только с платёжной системой PayPal.

В сети можно найти стороннее решение – MobiShop. Установка клиентской части выполняется стандартным способом – через импорт расширения. Но этот модуль требует динамических функций, поэтому на хостинге должен поддерживаться PHP. Скрипт настроек личного кабинета располагается по адресу: ваш-домен.ру/assets/mobishop/. MobiShop можно интегрировать с web-уведомлениями и хуками, с SMS-оповещениями, есть email-уведомления. В панели управления будет собираться информация о ваших клиентах и продажах. Пока функционал максимально простой. Поддерживаемых платёжных систем мало: PayPal, Payfast и Paystack.

Вместо специальных решений для Mobirise можно использовать Ecwid – гарантированно беспроигрышный вариант, совместимый с любыми типами сайтов и хорошо интегрируемый с российскими сервисами (платёжными агрегаторами, службами доставки и т.п.). У него есть практически безграничные возможности для электронной коммерции: продажа физических и электронных товаров, сложные категории, автоматическая адаптация под текущий дизайн страницы, импорт и экспорт каталога, мобильное приложение и т.д.

Вставить код Эквида на страницы Mobirise можно с помощью редактора кода или вручную (простой правкой HTML в любом текстовом редакторе).

Прочие интересные возможности

Работа с исходным HTML/CSS/JavaScript-кодом. После экспортирования сайта или после выгрузки его на хостинг вы получаете простые HTML-файлы. Код имеет наглядную структуру, лаконичен и хорошо читается, если есть знания языка разметки. Вы можете работать с этим кодом напрямую – в блокноте, в специальных редакторах кода (как Sublime или Visual Studio Code) или даже в комплексных IDE (средах разработки для web-приложений). А можете приобрести дополнение Code Editor (в сети можно найти бесплатные аналоги от сторонних разработчиков). Оно открывает доступ к правке HTML-кода непосредственно в приложении Mobirise с подсветкой синтаксиса. Появляется доступ к вставке глобального HTML-кода для всего сайта (специальные поля в настройках).

Ленивая загрузка изображений. Необходима для ускорения процесса загрузки страниц. Реализуется плагином Lazy Load. Расширение также умеет оптимизировать CSS-файлы и правила подгрузки стилей. На время загрузки изображений можно активировать показ спиннера. Все настройки выполняются в пару кликов, без каких-либо специальных знаний. Например, одним переключателем можно автоматически оптимизировать все изображения, загруженные для сайта.

Конструктор прогрессивных web-приложений. Тоже реализуется отдельным приложением – PWA Builder. После пересохранения сайта с включённой опцией PWA его можно будет добавлять на рабочий стол в любой операционной системе (Windows, Android, MacOS) и запускать как самостоятельное приложение.

Mobirise setting

Конструкторы форм и всплывающих уведомлений. За функционал отвечают дополнения Form Builder и Popup Builder. В первом вы можете собирать даже очень сложные формы из набора готовых полей, переключателей и других элементов. Как и в случае со стандартными предустановленными формами, поля ввода интегрированы с сервисом Formoid (его использование бесплатно, он будет отвечать за отправку уведомлений клиентам и владельцу сайта). А в Popup Builder в несколько кликов можно создать всплывающее окно и логику его поведения: появление при скролле страницы, вызов по ссылке (в настройках всех ссылок появляется соответствующая вкладка), срабатывание по времени, при уходе со страницы и т.д.

Загрузка своих шрифтов. Вам не придётся ковыряться в исходном коде или прибегать к сторонним услугам. В базовой версии программы есть всё необходимое: поддерживается работа с бесплатными шрифтами Google Fonts и загрузка своих файлов (форматы .eot, .ttf, .woff, .woff2).

История версий. Одно неправильное действие пользователя, и данные на сайте могут быть утеряны навсегда. Но только не в конструкторе Mobirise. Программа умеет автоматически создавать бэкапы сайта, когда вы публикуете свои правки. При желании вы можете вернуться в одно из предыдущих состояний. Найти историю версий можно в настройках сайта. Если объём бэкапов сильно разрастётся, можно вручную удалить ненужные версии.

Система комментирования. На Mobirise можно делать многостраничные блоги. Да, придётся немного повозиться со структурой меню и категорий, и здесь нет сквозных блоков, как в онлайн-конструкторах, но гибкий визуальный редактор с лихвой компенсирует эти недостатки. Системы комментирования материалов реализуются за счёт встраивания внешних сервисов, таких как Disqus или Facebook.

Итоги по удобству и возможностям Mobirise

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

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

Дизайн

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

Mobirise шаблоны

При этом отличия существенные и выражаются не только в наборе элементов интерфейса, но и подаче контента. Отдельного упоминания заслуживает поддержка AMP — технологии ускорения загрузки страницы от Google. Не каждый конструктор предлагает такую возможность улучшения производительность сайта.

На старте вы получаете всего одну бесплатную тему, увы. Раньше их было больше. Хорошая новость – шаблон приличный, с большим количеством разнообразных блоков, из которых возможно формировать страницы разных тематик и функциональности. К примеру, одних блоков хедера здесь 12 разновидностей. Если учесть возможность редактирования, получаем солидный набор вариантов. Всего 23 категории секций, в каждой, как минимум, по 5 вариантов оформления. Хорошая база, но за деньги вы получите более интересные макеты.

Премиум-темы заметно превосходят стандартные стандартный и по оформлению, и по количеству доступных блоков для построения интерфейса. Цены не самые низкие, но нужно понимать, что вы получаете полностью готовое решение с привлекательным внешним видом без лишних усилий с вашей стороны. Оно будет включать настроенные блоки, изображения и другой контент.

Вместо официальных шаблонов можно поискать в сети темы от сторонних разработчиков.

Сайт создается из блоков, которые можно располагать в произвольном порядке, сохраняя вертикальную верстку. В базовом (бесплатном) наборе предоставляется только минимальный набор блоков. Доступ к расширенному набору (более 4000 позиций) можно получить либо вместе с расширениями BlockPack for M4 (предназначено для тем/шаблонов с приставкой M4) и BlockPack for M3 (аналогичный пакет, но для тем M3), либо в составе полного пакета тем и дополнений Mobirise KIT, либо с конкретной темой.

Mobirise design

Блоки в визуальном редакторе разделены по тематикам: заголовки, списки, галереи, прайс-листы, формы, меню и т.д. Некоторые дополнения создают свои категории блоков для удобства поиска.

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

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

Поисковая оптимизация (SEO)

В стандартной комплектации Mobirise предлагает более чем достаточный набор SEO-параметров. В настройках конкретной страницы вы можете задать:

Mobirise seo
  • Заголовок (мета-тег Title) — показывается на вкладке в браузере и в поисковой выдаче.
  • Описание (мета-тег Description) — текст для поисковой выдачи и сниппета при публикации ссылки в соцсетях.
  • URL страницы — адрес, по которому она будет доступна для пользователей. Можно добавлять вручную в понятном для посетителей виде.

Дополнительные параметры можно найти в настройках сайта, вкладка «SEO & Anallytics». Это формирование файлов robots.txt и sitemap.xml, а также поле для вставки своих кодов аналитики.

Всё максимально просто и понятно. Все страницы и блоки автоматически адаптируются под экраны мобильных устройств. А если вы хотите ускорить загрузку, можно активировать расширение Lazy Load, которое умеет не только откладывать загрузку тяжёлых изображений, но и оптимизировать их размер, сжимать CSS-файлы.

Остальные аспекты загрузки можно настроить силами хостинга или CDN-провайдеров.

Тарифы

Mobirise – действительно бесплатный конструктор. Скачать программу можно с официального сайта, за создание и выгрузку файлов на хостинг или в «облако» платить тоже не придётся. Потратиться нужно будет только на покупку хостинга и домена для размещения сайта в сети. Некоторые виды хостинга для HTML-страниц бывают полностью бесплатными, как GitHub Pages (интеграция с этим сервисом у Mobirise имеется, включается в настройках программы, в разделе с настройками аккаунта).

Монетизируется сервис за счет предоставления платных расширений и тем. Найти их перечень можно в разделе «Extensions&Themes».

Mobirise theme

Здесь есть:

  • Платные шаблоны – SpaceM, DirectM, ColorM и другие.
  • Блок-пак для добавления в редактор дополнительных 60 блоков.
  • WOW Slider – слайдер с настраиваемыми параметрами.
  • Youtube Feed, Instagram Feed, Pinterest Feed, Facebook Feed, TikTok Feed, Vimeo Feed, Twitch Feed, Twitter Feed,
  • Spotify/SoundCloud, поддержка чата через мессенджеры, Smart Cart, комментирование через Disqus/Facebook.
  • Защита сайта или отдельных страниц паролем.
  • Lazy Load – поддержка технологии плавной загрузки страниц в такт их прокрутки посетителем.
  • PayPal Shopping Cart – дополнение для запуска онлайн-продаж через сайт.
  • Редактор кода HTML и CSS.
  • Пакет иконок, которые можно добавить в любое место на странице.

Стоимость каждого премиум-дополнения колеблется в диапазоне 49-99 USD.

За 149 долларов можно купить все премиум-расширения одним пакетом All-in-One Kit. Это предложение позволит сэкономить около 97% от общей стоимости тем и расширений, если их покупать по отдельности.

Mobirise app

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

Никто не заставляет вас покупать плагины и темы из официального каталога, можно найти бесплатные аналоги и импортировать их в конструктор.

Достоинства

Если правильно использовать Mobirise, то у него нет слабых мест.

  • Программа распространяется и работает бесплатно.
  • Адаптивность блоков под разные экраны, поддержка формата AMP.
  • Большой выбор блоков и инструментов кастомизации внешнего вида.
  • Набор расширений для дополнительных возможностей (можно использовать расширения сторонних разработчиков).
  • Высокая скорость создания сайта и достаточная свобода действий.
  • Вы не привязываетесь к определённой инфраструктуре. Созданные в Mobirise сайты можно размещать на любом хостинге (компания предоставляет свои серверы и бесплатные поддомены).
  • Встроенная система резервных копий (не страшно ошибиться и всё потерять).
  • Редактор работает оффлайн (преимущественно без подключения к Интернету).
  • Есть интеграция с автономной системой форм ввода (подходит даже для статичных сайтов и работает без специального серверного окружения).

Недостатки

Файлы проекта нужно где-то хранить, они привязываются к вашему устройству. Это не проблема, если вы своевременно копируете их в облачное хранилище или на удалённый сервер.

Без хостинга сайты работать не могут, соответственно нужно арендовать место на удалённом сервере. Собственный сервис хостинга от Mobirise бесплатный, но с отображением копирайта во всплывающем окне. Его можно отключить только за деньги. В качестве альтернативы можно рассмотреть любой другой коммерческий хостинг или сервис GitHub Pages (он бесплатный).

Mobirise public

Непрофессионалам будет сложно разобраться с настройками FTP-подключений и перенаправления домена на серверы хостинга, но вполне возможно, посмотрев любую инструкцию. Также не обязательно использовать родной хостинг системы. Лучше выбрать популярного хостера, где примерно за $5-10 в месяц вы получите много дискового пространства, удобную панель управления и возможность размещения огромного количества сайтов. В принципе, конструктор на это и заточен: покупаете пакет «Всё в одном» и массово создаёте разнообразные сайты, себестоимость которых окажется крайне низкой. Считай, только работа и время, вложенное в неё.

Интерфейс программы русифицирован только частично. Для кого-то это может стать серьёзной проблемой.

Цены на отдельные дополнения и темы очень высокие. Совокупные расходы при поштучной покупке могут составить более 1000 долларов США (лучше покупать полный набор целиком). В принципе, система и рассчитана на то, чтобы клиенты раз в год покупали полный пакет по цене 2-3 отдельных расширений.

За несколько лет существования конструктора возможность покупки всех расширений в одну цену присутствовала постоянно. Это не временная акция, а вполне работающий маркетинг. Надо признать, количество и качество расширений за 4 года выросло значительно. Mobirise становится всё более привлекательным за деньги, которые просит.

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

Отзывы экспертов

  • "Скачивать программу для создания сайта, когда другие конструкторы прекрасно работают в браузере — такая стратегия казалась сомнительной, но Mobirise взлетел. Это действительно качественное приложение для Windows, Mac и Android, на котором удобно собирать сайты. Надо только смириться с тем, что придётся покупать хостинг, самостоятельно подключать домен и много платить за расширения."
  • "Mobirise предлагает один из самых простых визуальных редакторов. С его помощью легко создавать небольшие и яркие сайты, но для запуска крупных проектов он категорически не подходит. Единственная сложность — настройка FTP-доступа для загрузки файлов на хостинг и подключение домена. Но и с этим пользователи разбираются очень быстро."
  • "Mobirise – бесплатный, простой и интуитивно понятный, не привязывается к облакам или другим сервисам. На выходе вы получаете исходный код страниц со всеми вытекающими плюсами. Конечно, это отличное решение не только для новичков, но и для некоторых профессионалов. Этот конструктор точно понравится дизайнерам и верстальщикам"

Выводы

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

Программа рассчитана в первую очередь на новичков и тех, кто хочет сэкономить своё время. Никаких профильных знаний для ее освоения не требуется.

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

Собрать сайт на Mobirise можно за несколько минут. Регистрация домена и заливка файлов на хостинг займёт ещё меньше, так что если вы скачаете программу прямо сейчас, то уже в течение часа сможете скинуть ссылку на готовый сайт, который никто не отличит от проекта, сделанного в веб-студии.

2023-04-20 Евгений Куликов Рейтинг: 3.0 1659 0
Оставить отзыв
avatar

ЛУЧШИЕ СЕРВИСЫ