Что такое конструктор
Конструктор витрины, это визуальный редактор, который позволяет оформить каждую страницу вашего магазина без написания кода. Изменения отображаются вживую в центре экрана. Покупатели ничего не увидят, пока вы не нажмёте Опубликовать.
Раскладка конструктора
В конструкторе три области:
- Левая боковая панель: пять вкладок в виде иконок вдоль левого края. Сверху вниз это Рынки (флаг страны), Страницы, Секции, Настройки (шестерёнка) и ИИ-ассистент (Amed), закреплённый в самом низу.
- Панель управления: открывается при выборе секции или блока и показывает все их настройки.
- Область предпросмотра: живой вид вашего магазина ровно таким, каким его увидят покупатели.
Переключение страниц и рынков
Откройте вкладку Страницы, чтобы перемещаться между страницами, которые вы можете редактировать: Главная, Товар, Лендинг, Коллекция, Корзина, Оформление заказа, Спасибо, Поиск, Политика, Контакты и 404. Описание каждой страницы смотрите в Страницы, которые можно редактировать. Откройте вкладку Рынки (первая, иконка флага), чтобы переключаться между рынками. У каждого рынка свой шаблон и своя история отмены для каждой страницы, поэтому правки на одном рынке никогда не затрагивают другой.
Предпросмотр, область просмотра и Инспектор
Переключатель области просмотра позволяет смотреть предпросмотр на разной ширине с кнопками Полный экран, Десктоп и Мобильный. Переключатель показывает только варианты, помещающиеся в текущее окно, поэтому на узком экране некоторые кнопки исчезают. В верхней панели также есть кнопка Предпросмотр (иконка глаза), открывающая ваш работающий магазин в новой вкладке браузера, и кнопка Выйти из конструктора.
Режим Инспектора включён по умолчанию (иконка курсора в верхней панели подсвечена). Пока он включён, клик по любому элементу в предпросмотре мгновенно выбирает эту секцию или блок и открывает их в панели управления, что является самым быстрым способом перейти к чему-либо без прокрутки боковой панели. Нажмите кнопку Инспектора, чтобы выключить его.
Добавление секции
- Откройте вкладку Секции для текущей страницы.
- Нажмите кнопку Добавить секцию (иконка плюса в круге) в списке или откройте меню секции и выберите Добавить секцию до или Добавить секцию после.
- Откроется выбор со всеми типами секций, которые ещё можно добавить на эту страницу. Нажмите на один, чтобы добавить его.
У каждого типа секции свой максимум на странице. Как только тип достигает лимита, он пропадает из выбора, а когда слот заполнен, кнопка Добавить секцию неактивна с подсказкой, что достигнут максимум. Типы секций также привязаны к странице (например, герой или рассылка только на Главной). Полный каталог типов и их лимитов в Секции и блоки.
Добавление блока внутри секции
Выберите секцию, затем в её панели управления нажмите Добавить блок. Блоки, это элементы внутри секции: текст, изображения, кнопки, группы раскладки, разделители и другое. Какие типы блоков доступны и сколько каждого можно добавить, зависит от секции.
Меню секции (копирование, дублирование и прочее)
Чтобы получить полный набор действий секции, выберите её и нажмите иконку меню вверху панели управления или щёлкните правой кнопкой по секции в боковой панели. Меню содержит:
- Копировать: копирует всю секцию (содержимое и стиль).
- Копировать только стиль: копирует только визуальное оформление.
- Вставить: вставляет скопированную секцию. Подсказка показывает, куда она попадёт (После, Внутрь или Заменить). Неактивно с указанием причины, когда ничего не скопировано, достигнут лимит или тип здесь не разрешён.
- Вставить только стиль: применяет скопированное оформление к выбранной секции. Неактивно при несоответствии типов или когда ничего не скопировано.
- Дублировать: ставит копию прямо под оригиналом, только на текущей странице. Неактивно, когда достигнут лимит секции на странице.
- Скрыть / Показать: переключает видимость. Скрытые секции остаются в вашем шаблоне, но не показываются покупателям.
- Удалить: убирает секцию. Отмена возвращает её.
В строках боковой панели также есть иконка глаза (Скрыть/Показать) и иконка корзины (Удалить) напрямую. Обязательные секции нельзя скрыть или удалить, поэтому у Информации о товаре на странице Товар и Информации лендинга на странице Лендинг нет иконки корзины.
Перестановка секций и блоков
В списке Секций перетащите строку секции вверх или вниз, чтобы изменить её место на странице. Предпросмотр обновляется сразу. Блоки переставляются так же, перетаскиванием внутри панели управления.
Применить секцию ко всем страницам
Шапка, Подвал, Панель объявлений и Собственный код появляются на каждой странице. Чтобы распространить одну отредактированную копию повсюду, откройте меню этой секции и выберите Применить ко всем страницам. Это перезаписывает соответствующую секцию на каждой странице текущего рынка, где она уже есть (страницы без неё пропускаются). Запись идёт прямо в ваш работающий магазин, поэтому действие необратимо. Конструктор сначала просит подтверждение. ИИ-ассистент тоже может выполнить это за вас, об этом в Действия ИИ в конструкторе.
Отмена, повтор и сохранение
В верхней панели есть кнопки Отменить и Повторить. История привязана к рынку и странице, поэтому отмена на Главной не влияет на страницу Товар. Сочетания клавиш: Cmd/Ctrl + Z для отмены, Cmd/Ctrl + Shift + Z или Cmd/Ctrl + Y для повтора и Cmd/Ctrl + S для публикации.
Нажмите Опубликовать (вверху справа), чтобы выложить изменения вживую. Кнопка неактивна, когда нет несохранённых изменений. Публикация идёт по рынку и странице, поэтому публикация Главной не публикует страницу Товар.
Что проверить перед публикацией
- Переключитесь в режим Мобильный и прокрутите всю страницу, ведь большинство покупателей на мобильных.
- Проверьте контраст текста на фоне каждой секции.
- Убедитесь, что у каждого блока изображения выбран медиафайл, потому что пустые заглушки изображений выглядят как белое пространство в работающем магазине.
- Убедитесь, что кнопки и пункты меню ведут на правильные адреса.
Чтобы ИИ-ассистент создавал и редактировал секции за вас, смотрите Создание с ИИ-ассистентом.