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

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

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

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

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

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F5XNBkLP5zIHZKM7nFiBR%2Fimage.png?alt=media&#x26;token=7f2e6c37-e496-4525-ba3f-4e2c24391626" alt=""><figcaption><p>№1. Конструктор писем </p></figcaption></figure>

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

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

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FZxP0B7Kfykc3XkWTdYME%2Fimage.png?alt=media&#x26;token=e05f4aa8-34ec-4f88-8ef6-7ba73ab77672" 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="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FKzNtt1Z23kIVdylOXPuy%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_94_.gif?alt=media&#x26;token=0cce7a60-78e0-47cb-b9f3-3c134c658f6d" alt="" width="563"><figcaption><p>№3. Использование верхнего меню настроек</p></figcaption></figure>

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

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F53RhgN7O3YWZpQepfDXf%2Fimage.png?alt=media&#x26;token=50b62418-6804-4344-96e1-5ec701c1c3ae" alt="" width="563"><figcaption><p>№4. Полотно письма.</p></figcaption></figure>

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

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2FRrZiJk6FJoPOegfetaN8%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_95_.gif?alt=media&#x26;token=e67c7384-3798-47d8-8402-7bd20fc66102" alt=""><figcaption><p>№5. Работа с полотном. </p></figcaption></figure>

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

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

<figure><img src="https://291055316-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP3Ys5RYQvMMCdr8qMKQR%2Fuploads%2F8fyomzmra9qPjDuakuKV%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_96_%20(1).gif?alt=media&#x26;token=021fcdb5-46a3-455c-a596-fe6ec9e92f60" alt=""><figcaption><p>№6. Добавление новых блоков в письмо </p></figcaption></figure>

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

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

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