IBA Platform logo

Конструктор Email-сообщений

Конструктор Email — 7 блоков, 3 макета, свойства элементов, просмотр на экранах

Коротко: конструктор Email позволяет собирать письмо из блоков: текст, изображение, кнопка, соцсети, разделитель и другие.

Кому подходит

  • Роль: Клиент, Менеджер рассылок
  • Уровень: Новичок / Опытный

Что это

Конструктор Email — визуальный редактор для создания писем. Собирается из блоков, которые перетаскиваются в рабочую область.

Открывается из настроек Email — нажмите Открыть конструктор.

Формат содержимого письма может быть HTML, MJML или Plain text.

Форматы содержимого →

Перед началом

  • У вас есть имя отправителя Email со статусом Активно — Имя отправителя для Email →.
  • Вы открыли настройки Email в рассылке или шаблоне.
  • Вы заполнили тему и подзаголовок — они обязательны.

Что такое Email →

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

Конструктор состоит из четырёх панелей:

ПанельЧто содержит
Block / LayerСлева. Выбор между блоками и слоями
Рабочая областьПо центру. Письмо
ConfigurationСправа. Свойства элемента
Панель инструментовСверху. Форматирование текста

Все 7 блоков

БлокЧто содержит
Text (Текст)Текстовый блок
Image (Изображение)Картинка
Button (Кнопка)Кнопка с текстом и ссылкой
Social (Соцсети)Ссылки на соцсети
Divider (Разделитель)Линия-разделитель
Spacer (Рамочный разделитель)Прямоугольный разделитель
Wrapper (Рамка)Область с рамкой для других элементов

Text (Текст)

Текстовый блок. Поддерживает форматирование: жирный, курсив, подчёркнутый, списки, ссылки, персонализацию.

Image (Изображение)

Картинка. Загружается из базы Медиа или с устройства.

Button (Кнопка)

Кнопка с текстом и ссылкой. Настраивается текст кнопки и URL, куда она ведёт.

Social (Соцсети)

Ссылки на социальные сети. По умолчанию — VK, OK, Google, Twitter. Можно настроить ссылки.

Divider (Разделитель)

Линия, разделяющая блоки сообщения.

Spacer (Рамочный разделитель)

Прямоугольный разделитель. Используется для отступов.

Wrapper (Рамка)

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

Слои (Layers)

Переключитесь на вкладку Layer, чтобы увидеть список элементов письма и переключаться между ними. Это удобно, когда письмо большое.

Структура слоёв:

  • Page — страница письма.
  • Wrapper — рамка (если есть).
  • Text, Button, Social, Divider, Spacer, Image — вложенные элементы.

Макет (Layout)

Панель Layout позволяет выбрать количество колонок:

  • 2 колонки.
  • 3 колонки.
  • 4 колонки.

Просмотр на разных экранах

Кнопки в верхней панели:

КнопкаЧто показывает
Обычный экранСтандартное отображение
Широкоформатный экранПисьмо для больших экранов
Экран смартфонаМобильная версия

Панель инструментов

Элементы форматирования текста:

  • Жирный.
  • Курсив.
  • Подчёркнутый.
  • Списки.
  • Ссылки.
  • Персонализация — вставка атрибутов контакта.

Свойства элемента (Configuration)

На панели Configuration справа:

РазделЧто настраивает
DimensionВысота, отступы (Padding)
ColorЦвет текста, фон
TypographyШрифт, размер, межстрочный интервал, буквенное расстояние, оформление, жирность

Dimension (Размер)

  • Height — высота элемента.
  • Padding — внутренние отступы: Top, Left, Bottom, Right.

Color (Цвет)

  • Color — цвет текста.
  • Background color — цвет фона.

Typography (Типографика)

  • Font family — шрифт.
  • Font size (px) — размер шрифта.
  • Line height — межстрочный интервал.
  • Letter spacing — расстояние между буквами.
  • Text decoration — оформление (подчёркивание и т.д.).
  • Font weight — жирность.

Перемещение элементов

Используйте иконку перемещения, чтобы перетащить элемент в нужное место.

Закрытие конструктора

Нажмите × в правом верхнем углу, чтобы вернуться к настройкам рассылки.

Результат

Письмо собрано из блоков и готово к отправке.

Частые проблемы

Причина: не выбрана вкладка Block.

Решение: переключитесь на вкладку Block.

Причина: элемент не выбран.

Решение: кликните на элемент, затем настройте свойства в панели Configuration.

Причина: нет адаптивной вёрстки.

Решение: используйте Layout с колонками — например, 2 или 3 колонки. Проверьте отображение через кнопку Экран смартфона в верхней панели.

Причина: элемент не выбран.

Решение: кликните на элемент и нажмите Delete.

Причина: файл не загружен в базу Медиа, или ссылка повреждена.

Решение: загрузите изображение заново — оно должно быть в базе Медиа.

Как загрузить медиафайл →

Причина: неверный ключ атрибута.

Решение: проверьте формат — например, {{attribute.name}}.

Управление атрибутами →

См. также

Что такое Email

Форматы содержимого и настройка канала

Имя отправителя для Email

Верификация домена

Обзор шаблонов Email

Шаблоны писем для рассылок

Как загрузить медиафайл

Загрузка файлов в базу Медиа

Нужна помощь?