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

*Время чтения: 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.reezonly.ru/space/rassylki/konstruktor-pisem.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.