Site Builder Overview

Конструктор сайта — это визуальный редактор, в котором вы создаёте и настраиваете свою витрину. Без кода, без дизайнера — просто перетаскивайте блоки, меняйте тексты и публикуйте результат. В этой статье разберём интерфейс конструктора и его основные возможности.

Интерфейс: три области

Конструктор разделён на три основные области, каждая из которых выполняет свою роль:

Левая панель — дерево блоков

Здесь вы видите иерархию всех блоков на текущей странице. Это ваша «карта» сайта — вы можете быстро перейти к нужному блоку, перетащить его на другое место или удалить. Особенно полезно на страницах с большим количеством элементов.

Центральная область — холст

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

Правая панель — свойства

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

Типы блоков

Блоки сгруппированы по назначению. Вот основные категории:

Контент

• Герой (Hero) — большой баннер в верхней части страницы с заголовком и кнопкой.
• Текст — блок с произвольным текстом.
• Изображение — одиночная картинка с подписью.
• Видео — встроенное видео (YouTube, ссылка).
• Заголовок — крупный текстовый заголовок для разделения разделов.

Товары

• Сетка товаров — карточки товаров из вашего каталога.
• Каталог — полный каталог с фильтрами и категориями.
• Избранный товар — акцент на одном конкретном товаре.

Интерактивные

• Контактная форма — форма обратной связи.
• Карта — блок с картой вашего местоположения.
• FAQ — блок «Часто задаваемые вопросы» с раскрывающимися ответами.
• Отзывы — карусель отзывов от клиентов.

Структура

• Контейнер — группирует несколько блоков вместе.
• Разделитель — горизонтальная линия между секциями.
• Отступ — пустое пространство для визуального разделения.

Страницы

В верхней панели конструктора расположены вкладки страниц. Базовый набор включает:

• Главная — первое, что видит покупатель.
• Товары — страница каталога.
• Коллекции — подборки товаров.
• Корзина — страница оформления заказа.
• Пользовательские страницы — создавайте дополнительные страницы (О нас, Доставка, Контакты).

Панель инструментов

В верхней части конструктора расположена панель с ключевыми действиями:

• Вкладки страниц — переключение между страницами сайта.
• Отмена / Повтор — вернуть или повторить последнее действие.
• Сохранить — сохранить текущую версию (черновик).
• Опубликовать — применить изменения на сайте.
• Переключатель устройств — предпросмотр для десктопа, планшета и мобильного.

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

Для ускорения работы используйте сочетания клавиш:

• Cmd+S (Mac) / Ctrl+S (Windows) — сохранить.
• Cmd+Z / Ctrl+Z — отменить последнее действие.
• Cmd+Shift+Z / Ctrl+Shift+Z — повторить отменённое действие.

История версий

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