> For the complete documentation index, see [llms.txt](https://wiki.reezonly.ru/space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.reezonly.ru/space/rassylki/konstruktor-pisem.md).

# Конструктор писем

*Время чтения: 5 минут*

{% hint style="info" %}
Для быстрого создания писем, в Reezonly Space реализован удобный конструктор писем. В этой статье мы вам расскажем как он работает
{% endhint %}

## Общая информация

Конструктор писем открывается на моменте создания и редактирования писем. Выглядит конструктор писем следующим образом:

<figure><img src="/files/lkagxVWwxDnPQm22y3pM" alt=""><figcaption><p>№1. Конструктор писем </p></figcaption></figure>

1. Верхнее меню настроек. Здесь содержатся общие настройки письма, а также инструменты импорта и экспорта элементов.&#x20;
2. Полотно. На полотне создается письмо. Именно сюда необходимо перетягивать блоки, из которых будет состоять письмо
3. Боковое меню настроек. В этом меню вы сможете править определенные элементы и блоки письма, а также добавлять новые.&#x20;

## Настройки письма&#x20;

<figure><img src="/files/VTMgrLXtPUl2kNGppbQQ" alt=""><figcaption><p>№2. Верхнее меню настроек</p></figcaption></figure>

1. Отображение на разных устройствах. С помощью этой настройки вы можете посмотреть внешний вид письма на компьютере, планшете или мобильном телефоне&#x20;
2. Подсветка блоков. С помощью подсветки блоков, вы сможете увидеть размер и границы блоков на полотне.&#x20;
3. Предпросмотр. Эта кнопка позволяет посмотреть финальный вид письма.&#x20;
4. Полноэкранный режим.&#x20;
5. Экспорт шаблона. С помощью этой функции вы можете экспортировать ваше письмо в виде HTML-кода
6. Импорт шаблона. Если у вас уже есть готовое письмо в виде HTML-шаблона, вы можете без проблем импортировать его в конструктор писем
7. Убрать изображения. Эта кнопка позволяет убрать все изображения из полотна.&#x20;
8. Кнопки Назад/Вперед. Помогут вам если вам нужно исправить ваши предыдущие действия на полотне.

<figure><img src="/files/XjrWcjzSri65qrPgJlqq" alt="" width="563"><figcaption><p>№3. Использование верхнего меню настроек</p></figcaption></figure>

## Работа с полотном

<figure><img src="/files/KCZVvBdlMQkutFZz1RfB" alt="" width="563"><figcaption><p>№4. Полотно письма.</p></figcaption></figure>

1. Блок. Когда вы нажимаете на определенный элемент в письме, он выделяет и становен доступным для редактирования или удаления&#x20;
2. Настройки расположения блока. С помощью этих настроек, вы можете перейти к следующему блоку, изменить его расположение, задублировать или удалить.&#x20;
3. Детальные настройки блока. С помощью этого бокового меню, вы можете настроить блок под нужные вам параметры.  С помощью этого меню вы можете настроить размеры блока, типографику (текст), а также сделать оформление с помощью цветов и обводок. Боковое меню открывается только после выделения блока на полотне.

<figure><img src="/files/7rj7zSghHWe0z9PFfNJL" alt=""><figcaption><p>№5. Работа с полотном. </p></figcaption></figure>

## Добавление блоков

При необходимости, вы можете без проблем добавить новый блок на полотно.&#x20;

<figure><img src="/files/ACOtegtcXkMvFxV7qQ79" alt=""><figcaption><p>№6. Добавление новых блоков в письмо </p></figcaption></figure>

1. Кликните на кнопку **+** в правой верхней части экрана&#x20;
2. Зажмите нужный вам блок и перетащите его на полотно&#x20;

{% hint style="success" %}
Мы рекомендуем изначально задать структуру письма с помощью блоков, а уже после наполнять его контентом и офрмлять его визуально.&#x20;
{% endhint %}

{% hint style="info" %}
📼 В этой статье мы рассказали вам о работе конструктора писем в Reezobly Space. При возникновении дополнительных вопросов - обращайтесь в нашу службу поддержки, мы с радостью вам поможем :) 🍇
{% endhint %}