Основные концепции

Понимание архитектуры и принципов работы Emailist

Иерархия элементов

Emailist использует иерархическую структуру для организации контента email-шаблона. Понимание этой структуры поможет вам эффективно работать с редактором.

EmailDocument (Документ)
└─ Stripe (Полоса/Секция)
└─ Container (Контейнер)
└─ Column (Колонка)
└─ Block (Блок контента)

EmailDocument (Документ)

Верхний уровень структуры. Содержит глобальные настройки шаблона:

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

Stripe (Полоса/Секция)

Горизонтальная секция шаблона. Каждая полоса может содержать один или несколько контейнеров:

  • Имеет собственные настройки фона и отступов
  • Может быть повторяемой (например, для шапки или подвала)
  • Полосы располагаются вертикально друг за другом
  • Примеры: шапка, основной контент, подвал

Container (Контейнер)

Контейнер определяет макет колонок внутри полосы. Поддерживает различные раскладки:

  • 100 — одна колонка (100% ширины)
  • 50-50 — две равные колонки
  • 33-33-33 — три равные колонки
  • 25-25-25-25 — четыре равные колонки
  • 33-67, 67-33 — асимметричные раскладки
  • 25-75, 75-25 — другие варианты

Column (Колонка)

Вертикальная колонка внутри контейнера. Содержит блоки контента:

  • Имеет процентную ширину (определяется макетом контейнера)
  • Может содержать несколько блоков, расположенных вертикально
  • Имеет собственные настройки отступов и выравнивания

Block (Блок контента)

Базовый элемент контента. Существует множество типов блоков:

  • text — текстовый блок с WYSIWYG редактором
  • image — изображение
  • button — кнопка с CTA
  • divider — разделительная линия
  • spacer — отступ
  • social — иконки социальных сетей
  • video — превью видео
  • html — произвольный HTML код
  • menu — навигационное меню

Письма и шаблоны

В Emailist есть два основных типа документов: Письма (Emails) и Шаблоны (Templates). Понимание разницы между ними поможет вам эффективно организовать работу.

📧

Письмо (Email)

Письмо — это конкретное письмо, подготовленное для отправки получателям.

Характеристики:

  • Имеет статус: DRAFT, READY, SENT, ARCHIVED
  • Может быть создано из шаблона
  • Используется для реальной отправки через ESP
  • Связано с конкретной кампанией или задачей
  • Не имеет версионирования

Когда использовать:

  • Подготовка конкретного письма для отправки
  • Работа над разовой кампанией
  • Тестирование перед отправкой
📋

Шаблон (Template)

Шаблон — это переиспользуемый шаблон для создания писем.

Характеристики:

  • Имеет версионирование (история изменений)
  • Имеет статус: DRAFT, PUBLISHED, ARCHIVED
  • Может быть заблокирован для редактирования
  • Имеет типы: USER, BASE, PREPARED
  • Может быть системным (доступен всем workspace)
  • Поддерживает share links для внешнего доступа
  • Имеет комментарии и активность

Когда использовать:

  • Создание переиспользуемых шаблонов
  • Хранение базовых дизайнов
  • Совместная работа над дизайном
  • Создание библиотеки шаблонов

Связь между письмами и шаблонами

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

Сохранение письма как шаблона: Любое письмо можно сохранить как шаблон для дальнейшего использования. Это полезно, когда вы создали удачный дизайн и хотите использовать его снова.

💡 Совет:

Используйте шаблоны для создания библиотеки переиспользуемых дизайнов, а письма — для конкретных кампаний и отправок. Это поможет организовать работу и избежать дублирования.

Принципы работы с email

⚠️ Важно: HTML для email отличается от веб-HTML

Email-клиенты имеют ограниченную поддержку современных CSS и HTML. Emailist автоматически генерирует совместимый код, но важно понимать ограничения:

  • Используются таблицы для layout (не flex/grid)
  • CSS должен быть inline (не внешние стили)
  • Многие современные CSS свойства не поддерживаются
  • Изображения должны быть загружены на внешний сервер
  • JavaScript не работает в email

Workspace и команды

Workspace — это рабочее пространство для вашей команды. Все шаблоны и модули принадлежат workspace.

Роли в workspace

  • Owner — полный доступ, управление workspace
  • Admin — управление участниками и шаблонами
  • Editor — создание и редактирование шаблонов
  • Viewer — только просмотр

Возможности workspace

  • Совместное редактирование в реальном времени
  • Общая библиотека модулей
  • Управление доступом к шаблонам
  • История изменений и версионирование

Модули и переиспользование

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

  • Создание модулей — сохраните любой блок, контейнер или полосу как модуль
  • Библиотека модулей — все модули workspace доступны в палитре редактора
  • Синхронизация — при изменении модуля все шаблоны, использующие его, обновляются автоматически

Совместное редактирование

Emailist поддерживает real-time совместное редактирование, как в Google Docs:

  • Множественные пользователи — несколько человек могут редактировать шаблон одновременно
  • Видимые курсоры — вы видите, где находятся другие участники
  • Мгновенная синхронизация — изменения отображаются в реальном времени
  • Блокировка элементов — элементы, редактируемые одним пользователем, блокируются для других
  • История версий — все изменения сохраняются с возможностью отката