Быстрый старт

Создайте свой первый email-шаблон за 5 минут

Шаг 1: Регистрация и вход

  1. Перейдите на главную страницу Emailist и нажмите кнопку "Начать бесплатно" или "Войти"
  2. Зарегистрируйтесь через Clerk (в настоящее время поддерживается только регистрация через email)
  3. После входа вы попадёте в личный кабинет

Шаг 2: Создание workspace

Workspace — это рабочее пространство для вашей команды. При первом входе вам будет предложено создать workspace или присоединиться к существующему.

  1. Перейдите в Настройки → Workspaces
  2. Нажмите "Создать workspace"
  3. Укажите название (например, "Моя компания")
  4. Нажмите "Создать"

Шаг 3: Создание первого шаблона

  1. В главном меню нажмите "Шаблоны" или кнопку "Создать шаблон"
  2. Введите название шаблона (например, "Приветственное письмо")
  3. Выберите workspace, в котором будет создан шаблон
  4. Нажмите "Создать" — откроется редактор

Шаг 4: Работа в редакторе

Добавление элементов

В левой панели редактора вы найдёте палитру элементов:

  • Блоки — текстовые блоки, изображения, кнопки, разделители и другие элементы
  • Контейнеры — макеты с колонками (1, 2, 3, 4 колонки)
  • Модули — сохранённые переиспользуемые компоненты

Просто перетащите элемент на холст, и он появится в вашем шаблоне.

Редактирование контента

Кликните на любой элемент на холсте, чтобы выделить его. В правой панели появятся свойства элемента:

  • Для текстовых блоков — редактирование текста, шрифтов, цветов
  • Для изображений — загрузка, изменение размера, альтернативный текст
  • Для кнопок — текст, ссылка, стили
  • Для всех элементов — отступы, выравнивание, фоновые цвета

Структура шаблона

Emailist использует иерархическую структуру:

Stripe (Полоса)
└─ Container (Контейнер)
└─ Column (Колонка)
└─ Block (Блок контента)

Каждый шаблон состоит из полос (stripes), которые содержат контейнеры с колонками, а в колонках размещаются блоки контента.

Шаг 5: Предпросмотр и сохранение

  1. Нажмите кнопку "Предпросмотр" в верхней панели, чтобы увидеть, как будет выглядеть шаблон
  2. Переключайтесь между Desktop и Mobile видами для проверки адаптивности
  3. Все изменения автоматически сохраняются — вы увидите индикатор сохранения в правом верхнем углу
  4. Для экспорта HTML нажмите "Экспорт" → "HTML"

Готово! 🎉

Поздравляем! Вы создали свой первый email-шаблон. Теперь вы можете: