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

Что это

Конструктор — это визуальный редактор на базе GrapesJS. Он позволяет собирать и править страницы перетаскиванием блоков, без ручного кода. Удобен, когда нужно доработать скопированный сайт или собрать лендинг с нуля.

Как открыть

1. Скопируйте сайт через вкладку «Копировщик».
2. Откройте раздел «История» и найдите завершённую задачу копирования.
3. Нажмите ✎ Правка напротив задачи — откроется редактор скопированного сайта.
4. В редакторе перейдите на вкладку Constructor — это и есть визуальный конструктор.

Возможности

• Блоки — перетаскивайте готовые секции (шапка, герой, список, подвал) на холст.
• Текст и медиа — кликните элемент, чтобы изменить текст, заменить картинку или ссылку.
• Стили — меняйте цвета, шрифты, отступы прямо на выделенном элементе.
• Слои и сетка — управляйте вложенностью блоков и выравниванием.

Экспорт

Готовую страницу можно выгрузить в HTML/CSS и опубликовать на своём хостинге. Изменения сохраняются в рамках задачи и доступны позже из Истории.

Когда использовать

Редактор (вкладка Preview/AI) подходит для точечных правок скопированного сайта, а Конструктор — для визуальной сборки новых страниц. Подробнее про правку — в статье «Редактор сайта».