Drag-and-drop конструктор сайтов
Mobirise — drag-and-drop конструктор сайтов из готовых блоков: перетащите блок на страницу, замените пример текста и настройте отступы, фон или колонки в его панели параметров. Каждый блок сам адаптируется под телефоны, а сам конструктор бесплатен: в браузере и как приложение для компьютера.
Факты проверены 13 октября 2026 года · команда Mobirise
Как устроен drag-and-drop в Mobirise: главные факты
Конструктор сайтов без кода позволяет сделать сайт, не написав ни строки HTML или CSS, и в большинстве таких конструкторов работает drag-and-drop: вы перемещаете блоки или элементы по странице, а всё остальное настраиваете в панелях.
- Модель редактирования
- На основе блоков. Вы перетаскиваете на страницу готовые блоки, меняете тексты и картинки прямо на месте и донастраиваете каждый блок в его панели параметров, а не двигаете элементы по пикселям.
- Настройки блока
- Отступы и фон, отображаемые части и число колонок. Шрифты выбираются в Style Editor, а для каждого заголовка можно задать нужный H-тег.
- Телефоны и планшеты
- Блоки адаптивные, а редактор показывает каждую страницу так, как она выглядит на телефоне, планшете и компьютере. Один макет служит для всех экранов: отдельную компоновку для телефонов сделать нельзя, как и скрыть элемент только на одном устройстве.
- Бесплатный план
- Приложение для компьютера с 200+ блоков и одной базовой темой — для любого числа сайтов на вашем хостинге. В браузере — три действующих сайта на поддомене mobirisesite.com с HTTPS и три ИИ-генерации в месяц. На бесплатных сайтах остаётся брендинг Mobirise; для бизнеса использовать можно.
- Платные планы, в год
- KIT ($149) открывает всю премиум-библиотеку из 220+ тем и расширений, без брендинга. BASE ($199) добавляет три сайта на хостинге Mobirise с вашими собственными доменами и 100 генераций в месяц. GROW ($249) расширяет лимиты до десяти сайтов и 1 000 генераций.
- Платформы
- Любой браузер или версия для компьютера 6.1.12: для Windows 7 и новее (установщик около 105 МБ), для macOS 10.13 High Sierra и новее с отдельными сборками для Apple Silicon и Intel (около 134 МБ каждая) и для Linux на базе Debian, например Ubuntu (.deb, около 102 МБ).
- Код
- Не нужен. Приложение для компьютера сохраняет готовый сайт в виде обычных HTML, CSS и JS на любом плане; платный Code Editor показывает разметку блока, если захотите её изменить.
- Когда не подходит
- Свободная вёрстка с точностью до пикселя, отдельная ручная версия для телефона, повторное открытие сайта, созданного в другом инструменте.
Ещё в 2015 году заголовок обзора Network World назвал его «a free, simple, drag and drop mobile responsive Web site builder» («бесплатный простой drag-and-drop конструктор мобильных адаптивных сайтов»). Сегодня на официальной странице цен указано более 2 500 000 пользователей.
Свободный холст или редактирование блоками
В большинстве конструкторов на этой странице объекты двигают мышью. Разница в том, что именно вы двигаете, и от этого зависят три вещи: сколько отдельной работы потребует версия для телефона, как быстро соберётся первая страница и насколько точно вы всё контролируете.
Свободный холст
Яснее всего это видно на примере Wix. Его редактор позволяет схватить отдельный элемент и поставить в любую точку страницы, даже поверх другого. За такую свободу приходится платить на маленьких экранах: Wix выводит мобильную версию из вашей десктопной раскладки, элементы могут оказаться не на своих местах, и расставлять их приходится в отдельном мобильном редакторе, правки в котором не затрагивают версию сайта для компьютера. Выбирайте такой подход, когда точное положение важнее времени сборки.
Блоки
В Mobirise двигают целые блоки, а не отдельные элементы. Вы выстраиваете их в нужном порядке, а затем меняете содержимое и параметры. Выравнивание и отступы принадлежат блоку, поэтому на телефонах получается разумная раскладка без второго прохода, а страница быстро обретает форму. Squarespace сочетает оба подхода: страницы собраны из секций, но внутри каждой вы перетаскиваете блоки по сетке и можете отдельно скомпоновать версию для телефона. Carrd — самый простой случай: одна страница с элементами в одном списке.
Попробуйте редактор блоков бесплатноОсобняком стоит третий вид — визуальные CSS-инструменты. В Webflow вы оформляете элементы через панель CSS-свойств, сохраняете стили как повторно используемые классы и подстраиваете их на каждом брейкпоинте — это почти то же, что писать таблицу стилей, только без набора текста. Framer похож на дизайнерское приложение: контент выстраивается в стеки и сетки, слои можно вынуть из потока и закрепить, а меньшие брейкпоинты переопределяют основной. Оба дают больше всего контроля и требуют больше всего знаний.
Лучший drag-and-drop конструктор сайтов для каждого типа проекта
Единого победителя нет. Подходящий инструмент зависит от того, насколько точной должна быть вёрстка, у кого хранятся файлы и сколько вы готовы платить каждый год. Эти рекомендации честные, и в большинстве из них речь не о нашем продукте.
- Файлы бесплатного сайта у вас в руках
- Mobirise. Приложение бесплатно, работает офлайн, сохраняет обычный HTML и загружает его на любой хостинг, а раскладкой для телефона занимаются сами блоки.
- Ручная расстановка каждого элемента
- Wix: свободный холст и отдельный редактор для телефона, где можно скрывать и переставлять элементы, не затрагивая версию для компьютера.
- Бренд или портфолио с упором на дизайн
- Squarespace: макеты из секций с сеткой для перетаскивания и раскладкой для телефона, которую можно менять отдельно; вместо бесплатного плана — пробный период.
- Одна страница за минимум денег
- Carrd: бесплатные одностраничные сайты с его брендингом и недорогие годовые планы Pro, когда понадобится собственный домен.
- Контроль как в дизайн-инструменте и анимация
- Framer: холст со стеками, брейкпоинтами и ИИ-агентом, только на хостинге Framer.
- Контроль на уровне CSS для команды
- Webflow: классы и брейкпоинты задаются в панели Style, экспорт кода — на платных планах рабочего пространства.
- ИИ-дизайн без затрат
- 8B AI: одно предложение — и готовый дизайн бесплатно; чтобы опубликовать сайт, нужен Pro.
- Магазин с большим каталогом
- Shopify или похожая платформа, созданная для торговли.
Семь конструкторов в сравнении: редактор, цена и экспорт
Каждый конструктор из таблицы проверен по его собственным страницам с ценами и справкой, а не по сайтам с обзорами. Экспорт кода и офлайн-работа вынесены в отдельные строки, как и те пункты, где Mobirise выглядит хуже.
| Mobirise | Wix | Squarespace | 8B AI | Webflow | Framer | Carrd | |
|---|---|---|---|---|---|---|---|
| Модель редактирования | Блоки: добавляете готовые блоки, печатаете прямо на них, настраиваете каждый в панели параметров | Свободный холст: любой отдельный элемент можно поставить куда угодно, слои могут перекрываться | Секции с сеткой для перетаскивания блоков (Fluid Engine) | Создаётся ИИ: готовый дизайн по одной строке текста, позже его можно править в ИИ-чате (Pro) | Визуальный CSS: элементы оформляются классами в панели Style | Дизайнерский холст: стеки и сетки, слои можно позиционировать абсолютно | Одна страница: элементы перетаскиваются в списке вперёд или назад, до четырёх колонок |
| Версия для телефона | Автоматически для каждого блока; нельзя сделать отдельную раскладку для телефона или скрывать элементы на отдельных устройствах | Создаётся на основе десктопной версии, затем правится в отдельном мобильном редакторе | Компонуется независимо от десктопного макета | Не раскрывается | Задаётся для каждого брейкпоинта (медиазапросы) | Брейкпоинты наследуют основной и переопределяют то, что нужно | Автоматически, с возможными ручными настройками для каждого элемента |
| Порог входа | Низкий: отступы и выравнивание задаёт сам блок | Низкий на старте; версии для телефона нужен отдельный проход | От низкого до среднего: размещение по сетке, необязательный проход по версии для телефона | Низкий: для начала достаточно одного предложения с описанием | Высокий: классы, CSS-свойства и брейкпоинты | Средний: понятия из дизайнерских инструментов и переопределения | Низкий: одна страница и короткий список элементов |
| Бесплатный план | Неограниченное число сайтов на своём хостинге в приложении; три действующих сайта на поддомене mobirisesite.com, с брендингом | Есть: поддомен Wix, показывается реклама Wix | Нет; вместо него 14-дневный пробный период | Бесплатно для создания дизайна; публикация не входит | Есть, на webflow.io со значком | Есть, на домене Framer со значком «Made in Framer», 1 ГБ трафика | До 3 одностраничных сайтов на .carrd.co с брендингом «Made with Carrd» |
| Первый платный план | KIT, $149 в год (ваш хостинг, без брендинга); BASE, $199 в год, — для собственного домена на хостинге Mobirise | Light: $17 в месяц при оплате за год | Basic: $19 в месяц при оплате за год или $25 при помесячной оплате | Pro: $9 в месяц при оплате за год | $15 в месяц за план сайта Basic при оплате за год | Basic: $10 в месяц, цена указана для оплаты за год | Pro Lite стоит $9 в год, но адрес остаётся на Carrd; собственный домен доступен на Pro Standard — $19 в год |
| ИИ | На входе запрос, набросок или скриншот, на выходе четыре варианта дизайна; три бесплатные генерации в месяц; правки в чате или в редакторе | ИИ-агент собирает страницы, макет и тексты по описанию; начать можно бесплатно | ИИ-заготовка с текстами и изображениями, а также ИИ-конструктор секций | Основа продукта: дизайн по одному предложению бесплатно, правки в чате — на Pro | До 5 страниц по описанию; 2 страницы без платного плана | Агент создаёт страницы, секции, тексты и визуальные материалы; 500 кредитов для пробы, 1 000 в месяц на Basic | Не указан |
| Экспорт кода | Да: приложение для компьютера экспортирует HTML, CSS и JS на любом плане; в браузере — на BASE или GROW | Нет, сайты должны работать на серверах Wix | Нет; только содержимое в виде файла .xml для WordPress | Полный экспорт HTML на Pro | На платных планах рабочего пространства | Экспорта HTML нет | Pro Plus, $49 в год; формы в скачанной версии перестают работать |
| Офлайн-редактирование | Да, в приложении для компьютера (Windows, macOS, Linux) | Нет, редактор работает онлайн | Нет, редактор работает онлайн | Нет; работает в браузере | Нет, Designer работает онлайн | Приложение для компьютера есть, но при потере соединения редактирование отключается | Нет; работает в браузере |
Источники: страницы с ценами и справочные центры каждой компании, просмотрены 13 октября 2026 года. Суммы указаны в долларах США; Mobirise и Carrd берут плату за год, остальные указывают цену за месяц при оплате за год, если в ячейке не сказано иное. Компании часто меняют планы и лимиты ИИ, а цены могут отличаться по регионам, поэтому считайте таблицу снимком на дату проверки и перепроверяйте перед покупкой.
Что вы перетаскиваете, а что настраиваете в параметрах
В Mobirise мышь отвечает за крупные перемещения, а панель — за детали.
Блоки — из панели блоков
Перетащите блок из панели на нужное место страницы, а чтобы поменять порядок, перетащите его ещё раз. Clone Block создаёт копию — удобно, когда два раздела должны совпадать.
Тексты и картинки — прямо на месте
Щёлкните по заголовку или абзацу и печатайте поверх. Картинку заменяют так же; загруженные изображения автоматически конвертируются в WebP. Для заголовков можно выбрать любой H-тег, подходящий структуре страницы, а текст — выровнять по ширине.
Панель параметров
У каждого блока свои настройки: отступы вокруг него, фон, то, какие его части показываются, и число колонок. Части блока включают и выключают, а не вытаскивают на свободное место.
Стили для всего сайта
Шрифты выбираются в Style Editor, где в последних версиях появились дополнительные шрифты. Любая тема внутри построена на Bootstrap 5, поэтому у всех блоков общая сетка и общие имена классов Bootstrap.
Расширения и ИИ-блоки
Платные планы добавляют блоки, которые перетаскиваются как любые другие: Form Builder, Popup Builder, Smart Cart с PayPal и Stripe или Chat Button для WhatsApp и Telegram. Премиальные ИИ-планы дают два инструмента уровня блока: Generate Block with AI и Edit Block with AI — для блока, который у вас уже есть.
Код — только если он вам нужен
Ничто из перечисленного не требует разметки. Если же вы захотите в неё вмешаться, Code Editor — расширение, входящее в KIT, BASE и GROW, — позволяет менять HTML и CSS блока или всей страницы. Посмотрите, как выглядит сгенерированный HTML.
Без кода — не значит без ограничений
Конструктор без кода меняет часть свободы на скорость и надёжность. С блоками обмен заметен: кнопку в произвольную точку не поставить, зато и сломать раскладку на телефоне случайно нельзя, а страница из готовых секций требует куда меньше проверок.
Прежде чем делать сайт без кода для клиента или для себя, стоит знать, где этот подход заканчивается. В списке — реальные ограничения Mobirise на сегодня и то, что лучше подходит в каждом случае.
Если вы часто редактируете сайты вдали от рабочего стола, в руководстве по офлайн-конструктору подробно описано, что приложение для компьютера умеет без подключения. А чтобы сначала набросать сайт по описанию, откройте страницу ИИ-генератор сайтов.
- Нет свободного размещения. Элементы живут внутри раскладки блока. Для позиционирования по пикселям и перекрывающихся слоёв лучше подойдёт редактор с холстом, например Wix.
- Нет отдельного дизайна для телефона. Один адаптивный макет охватывает все экраны; скрыть или сдвинуть элемент только на телефонах нельзя. В Wix и Squarespace версию для телефона можно компоновать отдельно.
- Нет импорта чужих сайтов. Страницы, сделанные в другом инструменте, открыть нельзя — только пересоздать. Import by Link умеет лишь переносить в приложение сайты из Mobirise AI.
- Магазины остаются простыми. Smart Cart принимает платежи через PayPal и Stripe, но большой каталог со сложными правилами учёта остатков и доставки лучше вести на платформе для электронной коммерции.
- ИИ ограничен лимитом. В бесплатный план входит небольшой ежемесячный запас генераций. Regenerate показывает новые варианты, не расходуя генерацию, но для активной работы с ИИ нужен BASE или GROW.
- Свой код — платное расширение. Чтобы править разметку и стили блока, нужен Code Editor, который есть только в платных планах.
Вопросы о drag-and-drop конструкторе
Что такое drag-and-drop конструктор сайтов?
Это программа, которая позволяет собирать веб-страницы, перемещая готовые части мышью, а не прописывая HTML. В одних можно ставить отдельные элементы в любое место холста, другие работают с целыми секциями или блоками, а третьи визуально раскрывают настройки CSS. Mobirise построен на блоках: вы раскладываете готовые блоки и настраиваете их в панели параметров.
Какой редактор с drag-and-drop проще всего для новичков?
Блочные и одноколоночные редакторы обычно дают самый мягкий старт, потому что отступы и раскладка для телефона уже встроены. Если вам нужен простой конструктор с drag-and-drop, выбирайте тот, где секции просто выстраиваются друг под другом, например Mobirise или Carrd. Свободные холсты и визуальные CSS-инструменты дают больше контроля, но и больше способов сбить вёрстку страницы.
Можно ли пользоваться Mobirise бесплатно, в том числе для бизнеса?
Да. Бесплатный план подходит и для коммерческих сайтов, и для личных. В приложении для компьютера нет ограничений на число сайтов, которые вы публикуете на собственном хостинге, а конструктор в браузере добавляет небольшой запас онлайн-сайтов и ИИ-генераций. На бесплатных сайтах отображается брендинг Mobirise.
Можно ли поставить элемент в любое место страницы?
В Mobirise нельзя. Вы выбираете порядок блоков и включаете или отключаете их части, но не перетаскиваете отдельный элемент в точную координату. Благодаря этому каждая страница остаётся адаптивной; если для вас важнее расстановка по пикселям, её позволяет холст Wix.
Будет ли сайт из блоков нормально выглядеть на телефонах?
Да. Каждый блок сам перестраивается под маленькие экраны, а во время работы редактор показывает превью для телефона, планшета и компьютера. Компромисс в том, что отдельный макет только для телефонов сделать нельзя. Подробнее об этом рассказано на странице про конструктор мобильных сайтов.
Можно ли сделать сайт без кода, а потом всё же править код?
Да. Сайт можно собрать и опубликовать, не касаясь разметки, а позже открыть HTML и CSS любого блока через Code Editor — расширение платных планов. Внутри каждый блок — это разметка Bootstrap 5.
Можно ли потом перенести сайт на другой хостинг?
Да. На любом плане приложение для компьютера умеет публиковать сайт по FTP (в том числе FTPES) или на GitHub Pages либо записывать весь сайт в локальную папку в виде статических файлов — для любого сервера на ваш выбор. Проекты, созданные в браузере, можно экспортировать на BASE или GROW.
Как ИИ и drag-and-drop работают вместе?
Напишите о сайте строчку-другую или дайте ИИ набросок на бумаге либо скриншот — и он вернёт четыре готовых варианта дизайна с текстами и картинками; первый вариант обычно появляется в течение минуты. Дальше вы дорабатываете сайт в чате или перетаскиваете и правите блоки, а премиальные ИИ-планы умеют генерировать или править отдельный блок.
Можно ли перенести сайт, сделанный в другом конструкторе?
Нет. Проекты из других инструментов в Mobirise не открываются, поэтому сайт из Wix, WordPress или написанный вручную на HTML придётся пересоздавать. Import by Link нужен только для переноса сайтов из Mobirise AI в приложение.
Работает ли редактор drag-and-drop без интернета?
В приложении для компьютера — да. Вы можете продолжать редактировать, просматривать страницы и пользоваться темами и блоками, которые уже есть на вашем компьютере. Всё, что требует сервера, ждёт возвращения в сеть: ИИ-генерации, публикация, вход в аккаунт, покупки, обновления и загрузка новых тем.
Начните с одного предложения или одного блока
Пусть ИИ в браузере предложит четыре варианта дизайна, а вы переставите выбранные им блоки, или установите бесплатное приложение и перетащите первый блок на пустую страницу. Оба пути приводят к одному и тому же адаптивному сайту.