Drag-and-drop конструктор сайтов
В Mobirise сайт собирается из готовых блоков: вы перетаскиваете их на страницу и заменяете пример текста своим. Это бесплатно, работает в браузере или как установленное приложение, а каждый блок сам подстраивается под телефон, так что второй макет вести не нужно.
Проверено в октябре 2026 года · команда Mobirise, которая ведёт mobirize.com
Наш конструктор коротко: блоки, цена, телефоны, файлы
Самое важное для тех, кто выбирает инструмент: что именно вы перемещаете, сколько это стоит, как страницы выглядят на малых экранах и куда попадают готовые файлы.
- Что вы перемещаете
- Целые блоки: шапку, галерею, прайс-лист, раздел с контактами. Вы выстраиваете их сверху вниз, а затем правите тексты и картинки прямо на странице.
- Цена
- Платить не нужно, личный это сайт или для бизнеса. В бесплатной версии есть базовая тема и 200+ блоков; 220+ премиум-тем и расширения входят в KIT, BASE и GROW.
- Телефоны и планшеты
- Каждый блок адаптивный, поэтому страница сама перестраивается под узкие экраны. В редакторе можно посмотреть все три размера экрана и проверить.
- Чего он не умеет
- Макет один, общий для всех. Отдельной раскладки только для телефона нет, как и переключателя, который скрывает или сдвигает элемент на одном устройстве.
- Где работает
- Онлайн через a.mobirise.com или как программа для Windows 7+, macOS 10.13+ и Linux на базе Debian. Под обеими версиями один и тот же движок.
- Ваш код
- Установленное приложение создаёт HTML, CSS и JavaScript (Bootstrap 5) на любом плане, в том числе бесплатном. Экспорт из онлайн-версии доступен на BASE и GROW.
- Старт с ИИ
- Коротко опишите сайт и получите четыре варианта дизайна, а затем переставьте их блоки сами. На бесплатном аккаунте доступно 3 ИИ-генерации в месяц.
Два вида drag-and-drop редакторов
За этим термином скрываются два совершенно разных способа работы. Если вы не уверены, что он значит на практике, различие важнее всего: от него зависит, сколько времени вы потом потратите на исправление мобильной версии.
Холст со свободным расположением
Вы берёте текстовое поле, картинку или кнопку и отпускаете в любом месте, даже поверх другого элемента. Так работают Wix и WYSIWYG Web Builder. Вы получаете точный контроль над композицией для компьютера, например картинку, которая заходит на заголовок. Расплата наступает на малых экранах: раскладка для широкого монитора сама не уменьшается, поэтому в таких инструментах есть мобильный вид, где элементы приходится двигать, менять и скрывать ещё раз.
Стопка блоков
Вы выстраиваете готовые разделы друг под другом и заполняете их. Mobirise построен на этой модели, а Squarespace с Fluid Engine находится посередине: блоки в каждом разделе привязываются к сетке. Выравнивание делается за вас, потому что у каждого блока уже заданы колонки и отступы. Платить приходится свободой: поставить элемент в произвольную точку нельзя, а необычные макеты с наложением получаются с трудом.
Грубое правило: если вы представляете страницу как плакат, вам подойдёт холст; если как нечто, что прокручивают, то стопка блоков быстрее и даёт меньше сюрпризов на телефонах.
Лучший конструктор сайтов с перетаскиванием по задачам
Универсального победителя нет. Вот что мы посоветовали бы знакомому в зависимости от проекта. Mobirise — наш продукт, поэтому его строку читайте как слова производителя.
- Бесплатно и с доступом к файлам
- Mobirise: складывайте блоки, смотрите страницу в трёх размерах экрана, затем загружайте на свой сервер или оставляйте HTML у себя. Бесплатная версия не заканчивается.
- Точная раскладка онлайн
- Wix: ставьте что угодно куда угодно и отдельно настраивайте мобильную версию. Сайт должен оставаться на серверах Wix.
- Аккуратные шаблоны, сетка внутри разделов
- Squarespace с Fluid Engine: размещайте блоки на сетке и отдельно настраивайте мобильный макет. Платить придётся после 14-дневной пробной версии.
- Точное размещение в программе для ПК
- WYSIWYG Web Builder продаётся по разовой лицензии, умеет абсолютные и гибкие макеты с контрольными точками и импортирует готовые HTML-страницы.
- Управление дизайном, близкое к CSS
- Webflow: классы, контрольные точки и панель Style, соответствующая свойствам CSS. Придётся дольше учиться.
- Самый дешёвый хостинговый старт
- Hostinger Website Builder: низкая цена при оплате на несколько лет вперёд и скрытие элементов для отдельных устройств. Публикация возможна только на хостинге Hostinger.
- ИИ-дизайн без установки
- 8B AI: проектировать можно бесплатно, но для запуска сайта нужен Pro. Версии для компьютера нет.
Сравнение drag-and-drop конструкторов сайтов
Семь инструментов: как они размещают элементы, как относятся к телефонам и можно ли унести код с собой. Строки, в которых Mobirise проигрывает, мы оставили.
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| Минимальная цена для запуска сайта | $0 на поддомене mobirisesite.com или на вашем сервере | $17 в месяц на плане Light при оплате за год | $19 в месяц на плане Basic при оплате за год ($25 при помесячной оплате) | $9 в месяц на плане Pro при оплате за год | $59,95 единоразово, без НДС | Базовый план для сайта — $15 в месяц | $2,99 в месяц на плане Premium при предоплате за 48 месяцев; $10,99 при продлении |
| Бесплатный вариант | Бесплатный план, не заканчивается | Бесплатный план с рекламой Wix | Только 14-дневная пробная версия | Только дизайн, публиковать нельзя | Полностью работает 30 дней | Бесплатный сайт на webflow.io, с плашкой | Пробный период, публиковать нельзя |
| Как размещаются элементы | Стопка целых блоков, правка на месте | Свободное положение где угодно, слои | Блоки на сетке внутри разделов | Сгенерированный дизайн, правки через ИИ-чат | Свободное положение или гибкие макеты | Элементы стилизуются классами | Элементы внутри разделов |
| Макет для телефона | Автоматический, один общий макет | Отдельный мобильный редактор | Мобильный макет настраивается независимо | Не публикуется | Контрольные точки для каждого элемента | Контрольные точки в панели Style | Мобильный вид, скрытие для отдельных устройств |
| Скрыть элемент только на телефонах | Нет | Да | Макет настраивается отдельно | Не публикуется | Да, с контрольными точками | Да, с контрольными точками | Да |
| Устанавливаемая программа | Да, для Windows, macOS и Linux | Нет | Нет | Нет | Только Windows | Нет | Нет |
| Перенос кода в другое место | Экспорт HTML в установленном приложении, на любом плане | Нет, сайт работает на серверах Wix | Часть содержимого только в виде .xml | Полный экспорт HTML на Pro | Да, в папку или по FTP | Платные планы рабочего пространства | Не публикуется |
Данные взяты из официальных прайс-листов и справочных статей каждого производителя, которые мы читали 13–16 октября 2026 года. Суммы указаны в долларах США без налогов, по схеме оплаты из соответствующей ячейки. В сторонних обзорах часто встречаются устаревшие цифры (Squarespace Basic до сих пор нередко указывают как $16), а производители меняют цены и проводят распродажи, поэтому перед оплатой проверьте сайт производителя.
Как собранная перетаскиванием страница ведёт себя на телефоне
Для сайта небольшого бизнеса главная проверка любого редактора — результат на мобильном. Вот что происходит со страницей, собранной на большом экране, в зависимости от типа редактора.
Колонки складываются в одну
В Mobirise блок из трёх колонок на узком экране превращается в одну, а блоки сохраняют порядок сверху вниз. Отступы и шрифты масштабируются по сетке Bootstrap 5. Ничего не накладывается, потому что ничто и не ставилось по пикселям.
Вторая ручная правка
В редакторе с холстом элементы, расставленные для широкой страницы, на телефоне могут оказаться в странных местах. В Wix и Hostinger есть мобильный вид, где их можно переставить или скрыть; Wix уточняет, что изменения там не затрагивают версию для компьютера.
Правила для каждой ширины экрана
Webflow и WYSIWYG Web Builder позволяют задавать разные значения на выбранной ширине. Это самый точный подход и самый трудоёмкий: каждая контрольная точка — ещё одна версия, которую нужно проверять. Как эти редакторы соотносятся с другими видами инструментов, показано в нашем обзоре программ для создания сайтов.
Честное ограничение блочного подхода: в Mobirise нельзя велеть показывать картинку на компьютере и убирать её на телефоне или поднять кнопку выше только на мобильном. Если для вас важна отдельная раскладка для телефона, в Wix для этого есть специальный мобильный редактор. Для большинства сайтов услуг достаточно одного макета, который перестраивается сам, и не нужно синхронизировать две версии. Именно тем, кому нужен мобильный конструктор сайтов, где версия для малых экранов остаётся аккуратной без лишних усилий, эта модель и подходит.
- Смотрите три размера. Перед публикацией переключайтесь между видами для телефона, планшета и компьютера.
- Делайте блоки короткими. Блок с множеством колонок на телефоне превращается в длинную прокрутку.
- Проверяйте заголовки. Длинный заголовок, помещающийся в одну строку на компьютере, на малом экране может занять четыре.
- Проверяйте на настоящих устройствах. Откройте опубликованный сайт на своём телефоне: предпросмотр близок к реальности, но не идентичен ей.
Что можно перетаскивать и настраивать в Mobirise
Всё перечисленное ниже относится к блочному редактору и одинаково работает онлайн и офлайн в установленной версии. Платные возможности отмечены.
Блоки
Перетаскивайте готовые блоки из боковой панели на страницу и меняйте их порядок. Clone Block дублирует блок вместе с настройками — удобно для повторяющихся разделов, например двух прайс-листов.
Текст и картинки на месте
Щёлкните по примеру текста и печатайте, щёлкните по фото и замените его. Картинки автоматически превращаются в WebP, для каждого заголовка можно выбрать тег H, а текст можно выровнять по ширине.
Параметры блока
У каждого блока есть панель параметров: отступы, фон, видимые элементы и число колонок. Большинство решений по макету принимается здесь, а не перетаскиванием отдельных элементов.
Стиль сайта
Шрифты и цвета для всего сайта задаются в одном месте — Style Editor; в последних выпусках в него добавили новые гарнитуры. Тем, кто работает с клавиатуры, виден контур фокуса.
ИИ для отдельных блоков
На премиум-плане с ИИ «Generate Block with AI» и «Edit Block with AI» создают или переписывают один раздел. Черновик всего сайта можно также получить по короткому описанию вашего бизнеса.
Код, если он вам нужен
Code Editor, платное расширение, входящее в каждый платный план, позволяет переписывать HTML и CSS под любым блоком или страницей. Без него до кода дотрагиваться не нужно — в этом и смысл визуального создания сайтов без разметки.
Платные расширения, например Form Builder, Popup Builder и Smart Cart (PayPal и Stripe), добавляют свои перетаскиваемые блоки. Они продаются только в составе KIT, BASE или GROW; подробности — на странице цен Mobirise.
Drag-and-drop HTML-конструктор с экспортом кода
Многим нужен конструктор, который отдаёт настоящие файлы, чтобы сайтом не владел один хостинг.
Что вы получаете
Публикация в папку на диске из установленного приложения даёт HTML, CSS и JavaScript на основе Bootstrap 5, в том числе на бесплатном плане. Это же приложение умеет отправлять сайт по FTP или FTPES и выкладывать его на GitHub Pages.
Чего он не умеет
Mobirise открывает только проекты, созданные в Mobirise. Купленный HTML-шаблон или страницы из другой программы нельзя загрузить и править перетаскиванием; для такой задачи лучше подходит визуальный редактор для готового HTML.
Работа офлайн
Без Wi-Fi установленное приложение по-прежнему редактирует и показывает предпросмотр. ИИ-черновики, загрузка на сервер и получение новых тем возобновляются, когда появляется сеть; подробности — в материале о том, как создавать сайт без подключения.
Где взять приложение
Установщики для каждой системы перечислены на странице загрузки Mobirise: около 105 МБ для Windows и около 134 МБ на пакет для macOS.
Когда подходит блочное редактирование, а когда лучше другой инструмент
Хорошо подходит для
- Компаний сферы услуг, клиник, агентств и небольших магазинов, которым нужен понятный сайт с прокруткой
- Тех, кто хочет получить верную версию для телефона без второго круга правок
- Всех, кому нужна свобода в выборе хостинга и HTML-файлы
- Фрилансеров, делающих похожие сайты для нескольких клиентов
Выберите другой инструмент, если
- Вам нужны элементы в точных пиксельных позициях: Wix или WYSIWYG Web Builder
- Нужна другая раскладка на телефонах: мобильный редактор Wix или мобильный макет Squarespace
- Нужно продолжать работу над страницами, сделанными в другом месте: Mobirise не может их загрузить
- Вы думаете на CSS и хотите полного контроля на каждой контрольной точке: Webflow
- Вы ждёте каталог из сотен товаров: специализированная платформа для торговли
Вопросы о сборке сайта перетаскиванием блоков
Что значит drag-and-drop конструктор сайтов?
Это инструмент, в котором страницы собирают перемещением элементов указателем, а не набором кода. В одних инструментах отдельные элементы можно поставить куда угодно на холсте; в других, в том числе в Mobirise, расставляют целые готовые блоки, а затем правят их на месте.
Может ли бесплатный конструктор сайтов с перетаскиванием оставаться бесплатным навсегда?
Да. Mobirise ничего не стоит ни для личных, ни для коммерческих сайтов, и пробного периода нет. На этом плане можно создавать сколько угодно сайтов для своего сервера, а ещё три могут жить на mobirisesite.com с небольшой строкой об авторстве.
Какой инструмент лучше подходит новичкам?
С блочными инструментами обычно проще начать, потому что выравнивание и мобильную версию берут на себя. Инструменты с холстом, например Wix, дают больше свободы, но требуют второго прохода для мобильной версии.
Будет ли мой сайт нормально выглядеть на телефонах?
Да, если вас устраивает одна общая раскладка: блоки Mobirise сами перестраиваются под узкие, средние и широкие экраны, а перед публикацией можно посмотреть каждый размер. Нельзя лишь задать телефонам собственную раскладку или скрыть элемент только на мобильном.
Есть ли приложение-конструктор сайтов для телефона?
Пользователи Android могут установить приложение AI Website Builder: Mobirise из Google Play, которое создаёт и публикует сайты с помощью ИИ. Полного блочного редактора, как в версии для компьютера, в нём нет. Для iOS приложения нет; на iPhone и iPad остаётся версия в браузере.
Можно ли получить исходный код моего сайта?
Да. Установленное приложение Mobirise сохраняет HTML, CSS и JavaScript на любом плане. Сайты Wix должны работать на серверах Wix, а Webflow разрешает экспорт кода только на платных планах рабочего пространства.
Это то же самое, что создание сайта «кликни и перетащи»?
Да, оба названия описывают одно и то же: нажать на элемент или блок, удерживая кнопку, и переместить его на место. Инструменты различаются тем, что именно вы двигаете: отдельный элемент или целый раздел.
Есть ли у Hostinger редактор с перетаскиванием?
Да. В его конструкторе есть ручной режим для правки элементов внутри разделов и мобильный вид, где элементы можно скрывать для отдельных устройств. Опубликовать сайты можно только на хостинге Hostinger.
Можно ли начать с ИИ, а потом переставить блоки самому?
Да. Напишите короткое описание, и Mobirise AI вернёт четыре варианта дизайна; выберите один, затем переставьте или отредактируйте его блоки в визуальном редакторе либо доработайте через чат. Генерация идёт онлайн, бесплатно доступно 3 в месяц.
Нужно ли уметь программировать?
Нет. Вы работаете только с блоками, текстами, картинками и панелями настроек. Если позже захотите подправить разметку, платное расширение Code Editor откроет её для каждого блока.
Соберите свою первую страницу
Откройте конструктор онлайн с ИИ-черновиком или пустой страницей и перетащите блоки на место. Хотите работать на своём компьютере, с Wi-Fi или без? Установите бесплатное приложение.