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

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

• Отменить (стрелка влево) — отменяет последнее действие (Ctrl+Z)
• Повторить (стрелка вправо) — повторяет отменённое действие (Ctrl+Y)

Режимы просмотра

• Desktop (иконка монитора) — просмотр шаблона в размере для десктопных клиентов (600px). Активный режим подсвечивается синим цветом.
• Mobile (иконка телефона) — просмотр шаблона в мобильном размере (320px)
• Масштаб — кнопки уменьшения (-), текущий масштаб (100%) и увеличения (+). Позволяет изменять масштаб холста для удобства редактирования.

Действия с шаблоном

• Тестировать (иконка конверта) — отправка тестового письма для проверки шаблона
• HTML (кнопка с символами <>) — просмотр и редактирование HTML кода шаблона
• Экспорт (иконка загрузки) — экспорт шаблона в HTML, ZIP или другие форматы
• Сохранить (синяя кнопка с иконкой дискеты) — сохраняет текущее состояние шаблона. Автосохранение также работает автоматически.
• Поделиться (иконка шаринга) — создание ссылки для совместного доступа к шаблону

Блоки контента

Базовые элементы для создания контента:

• Текст
• Изображение
• Кнопка
• Разделитель
• Отступ
• Социальные сети
• Видео
• HTML
• Меню

Чтобы добавить блок, перетащите его на холст или кликните на него — он добавится в конец текущей колонки.

Контейнеры

Макеты с колонками для структурирования контента:

• 1 колонка (100%) — для полноширинного контента
• 2 колонки (50-50) — для двух равных колонок
• 3 колонки (33-33-33) — для трёх равных колонок
• 4 колонки (25-25-25-25) — для четырёх равных колонок
• Асимметричные (33-67, 67-33, 25-75, 75-25) — для нестандартных раскладок

Модули

Сохранённые переиспользуемые компоненты из библиотеки workspace. Модули могут быть:

• Глобальными — доступны во всех workspace
• Локальными — доступны только в текущем workspace
• Категоризированными — организованы по категориям для удобного поиска

Интерактивные элементы

• Выделение элементов — кликните на любой элемент (блок, контейнер, полосу), чтобы выделить его. Выделенный элемент подсвечивается рамкой.
• Перетаскивание — перетащите элементы для изменения их порядка или перемещения между колонками.
• Контекстное меню — правый клик на элементе открывает меню с действиями (копировать, удалить, дублировать).
• Зоны вставки — при перетаскивании появляются индикаторы, показывающие, куда будет вставлен элемент.

Визуальные индикаторы

• Рамка выделения — синяя рамка вокруг выбранного элемента
• Курсоры других пользователей — при совместной работе видны курсоры и выделения других участников
• Блокировка элементов — элементы, редактируемые другим пользователем, помечаются специальным индикатором
• Зоны drop — подсвечиваются при перетаскивании элементов

Пустой холст

Если шаблон пуст, на холсте отображается подсказка с кнопками для быстрого старта:

• Добавить полосу
• Добавить блок
• Добавить контейнер

Свойства документа

Когда не выбран ни один элемент, панель показывает настройки документа:

• Ширина контента (по умолчанию 600px)
• Фоновый цвет
• Шрифт по умолчанию
• Цвет текста по умолчанию

Свойства полосы (Stripe)

• Фоновый цвет
• Фоновое изображение
• Внутренние отступы (padding)
• Внешние отступы (margin)

Свойства контейнера

• Макет колонок (выбор из доступных)
• Фоновый цвет
• Внутренние отступы
• Выравнивание контента

Свойства блока

Свойства зависят от типа блока. Общие настройки:

• Текстовый блок: редактор текста, шрифты, цвета, выравнивание
• Изображение: загрузка, размер, альтернативный текст, ссылка
• Кнопка: текст, ссылка, стили, размеры
• Все блоки: отступы, выравнивание, фоновые цвета