---
title: Конструктор Email-сообщений
description: Конструктор Email — блоки, слои, макеты, свойства элементов
---

> **For AI agents:** the complete documentation index is at [llms.txt](/llms.txt). Append `.md` to any page URL for its markdown version.

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

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

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

- Роль: Клиент, Менеджер рассылок
- Уровень: Новичок

## Что это

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

## Как открыть

В настройках Email нажмите **Открыть конструктор**.

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

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

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

## Блоки

Доступные блоки для перетаскивания:

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

## Слои (Layers)

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

## Макет (Layout)

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

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

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

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

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

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

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

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

## Свойства элемента

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

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

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

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

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

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

## Результат

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

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

| Симптом | Причина | Решение |
|---|---|---|
| Элемент не перетаскивается | Не выбрана вкладка Block | Переключитесь на Block |
| Стили не применяются | Не выбрали элемент | Кликните на элемент |
| Письмо ломается на мобильном | Нет адаптива | Используйте Layout с колонками |
| Не сохраняется | Нет подключения | Проверьте интернет |

## См. также

- [Настройка Email](/05-channels/06-email/email)
- [Имя отправителя для Email](/05-channels/06-email/sender-id)
- [Шаблоны Email](/05-channels/06-email/templates/templates-overview)

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

- OTP-коды: support@otpcod.ru
- Multi API: support@multiapi.ru
- Мой диалог: support@mydialogi.ru