Интерфейс конструктора — 3 панели и toolbar

[object Object]

Конструктор поделён на три основные зоны и верхнюю панель инструментов. Понять структуру стоит сразу — потом будете ориентироваться быстрее.

Слева направо:

Block / Page / Site — переключатель контекста редактирования:
- Block — редактируете выбранный блок (его настройки справа).
- Page — редактируете настройки страницы (SEO, URL, видимость).
- Site — глобальные настройки сайта (палитра, шрифты, логотип, nav-links).
Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) — 12 последних снапшотов.
Desktop / Mobile — переключатель ширины preview: 1200px ↔ 390px.
Сохранить черновик — опционально, авто-сохранение тоже работает.
Опубликовать — главная кнопка справа. Синяя при наличии несохранённых изменений.

Левая панель

Три вкладки:

Блоки — библиотека всех 16 типов блоков. Drag-n-drop на canvas или клик + выбор позиции.
Страницы — список всех страниц сайта. Тут добавляете новые, удаляете, сортируете.
Слои — дерево всех блоков на текущей странице. Полезно в длинных лендингах — быстрее прыгать по блокам, чем скроллить canvas.

Центр (preview)

Живой рендер страницы. Клик по блоку выделяет его (появляется рамка + индикатор сверху).

Hover — показывает кнопки «Дублировать» / «Удалить» / «Настроить».
Двойной клик на тексте — inline-редактор с markdown-подсветкой.
Перетаскивание блока за точки слева — меняет порядок.

Preview — реальный iframe публичной витрины, только с флагом ?preview=1. Всё, что вы видите — это ровно то, что увидит гость.

Правая панель (editor)

Появляется, когда выбран блок. Содержимое зависит от типа блока, но структура одинаковая:

Контент — тексты, ссылки, картинки.
Стиль — отступы, выравнивание, размеры.
Фон — цвет или анимация.
Видимость — на каких страницах / локациях показывать.

Прокрутка справа может быть длинной — у блока «Каталог», например, ~40 настроек.

Переключение страниц

В левой панели на вкладке Страницы → клик по названию.
Или в toolbar режим Page → в центре появляется список страниц.
Или прямо в URL preview (?page=menu → откроется страница «Меню»).

Автосохранение

Черновик сохраняется каждые 3 секунды в localStorage и каждые 30 секунд — на сервер. Если закроете вкладку и откроете через час — все изменения на месте.

Горячие клавиши

Ctrl+Z / Cmd+Z — отменить.
Ctrl+Shift+Z / Cmd+Shift+Z — вернуть.
Ctrl+S / Cmd+S — принудительно сохранить черновик (не публикует).
Ctrl+Enter — опубликовать.
Del — удалить выбранный блок (с подтверждением).