Обзор редактора

Редактор открывается после создания сайта или по кнопке Открыть редактор на панели управления.

Интерфейс редактора Ypage

Левая панель

Слева — навигация по инструментам (иконки) и содержимое выбранного раздела:

Иконка Раздел Назначение
Панель управления Вернуться к списку сайтов
AI Assistant AI-ассистент Список чатов и диалог с AI
Media Медиа Библиотека изображений проекта
Elements Элементы Вставка кнопок, текста, картинок и др.
Style Стиль Настройки выбранного элемента
Pages Страницы Список страниц, добавление
Товары Товары Только в интернет-магазине: каталог, категории, настройки витрины
Settings Настройки Публикация, формы, экспорт, чат
Code Код Свой HTML, CSS и JS
History История Версии страницы, отмена изменений

По умолчанию открывается AI Assistant.

Рабочая область

В центре — превью страницы в iframe. Здесь вы видите сайт так же, как посетитель, и редактируете его:

  • Клик по элементу — выделение и панель Style справа.
  • Двойной клик по тексту — редактирование на месте.
  • Перетаскивание — элементов (drag-and-drop).
  • Контекстное меню — правый клик по элементу.

Переключатель размера экрана в нижней панели — просмотр мобильной и десктопной версии.

Нижняя панель действий

Кнопка Действие
Отменить Шаг назад (undo)
Повторить Шаг вперёд (redo)
Размер экрана Desktop / tablet / mobile
Предпросмотр Сайт в новой вкладке
Сохранить Записать изменения на сервер (активна при несохранённых правках)

Регулярно нажимайте Сохранить — локальная история undo не заменяет сохранение на сервере.

Нижняя панель и превью

Связанные статьи