# Конструктор email-письма Письма для email-рассылок можно собирать по вашему дизайну с помощью блоков.

Тексты, кнопки, мессенджеры, изображения, а также инструменты для кастомизации блоков - это абсолютно новый уровень. Забудьте о скучных шаблонных письмах - создавайте уникальность вместе с Salebot ## Секции (блоки) для письма Конструктор письма можно найти во вкладке "Сообщение" при создании email-рассылки:

В конструкторе вы увидите пустой лист, в который можно вставить следующие блоки (секции): 1. Изображение 2. Текст 3. Пустой блок 4. Кнопка 5. Кнопки в социальные сети. Помимо этого блоки можно комбинировать друг с другом, добавляя, например, в одну секцию несколько элементов письма.

В блоках существуют общие настройки отображения секции: 1. Внутренние отступы; 2. Рамка; 3. Скругление рамки; 4. Фон.

Давайте для начала разберем настройки каждой секции, а также на примере мы покажем, как можно кастомизировать несколько различных блоков в одной секции. ### Изображение Чтобы добавить изображение, обратитесь к меню в правой области экрана. Там вы найдете иконку, по нажатию на которую вы сможете добавить изображение:

При клике на кнопку вы увидите, что секция была добавлена в письмо:

Чтобы добавить изображение, перейдите в соответствующую вкладку и загрузите необходимый вам файл либо с вашего устройства:

Далее вы увидите, что изображение было добавлено в секцию:

Из изображения можно сделать подобие кнопки, по клику на которую в письме, получатели рассылки смогут перейти на какую-либо необходимую страницу. Для этого достаточно указать ссылку необходимой страницы в данном поле:

### Текст Блок текст можно добавить как внутрь секции с изображением (и любым другим блоком), так и в отдельно. {% hint style="warning" %} Внимание! Изменение шрифтов недоступно. {% endhint %} 1. Чтобы добавить текст внутрь секции, например, с изображением, наведите на блок с изображением (или любым другим блоком справа) и найдите иконку "+":

Далее кликните на плюс, после чего откроется выпадающий список с блоками:

Как видно, текстовый блок добавился внутрь секции, в котором уже лежит изображение:

{% hint style="info" %} Обращаем внимание! В одну секцию вы можете добавить четыре элемента (блока) с контентом. {% endhint %} 2. Чтобы добавить отдельную секцию в письме с текстовым блоком (или любым другим) наведите на левую часть экрана и найдите в быстрых действиях иконку "+":

Далее нажмите на плюс и выберите секцию, которую необходимо добавить:

Тогда добавится новая секция с текстовым блоком:

Для редактирования кликните по тексту, тогда сверху вы увидите меню с настройками, аналогичными для любых текстовых редакторов:

В меню сверху блока с текстом можно установить жирность, курсив, подчеркивание:

А также оформить текст списком, добавить ссылку и выровнять относительно правого, левого края или середины. Чтобы настроить размер начертания текста, высоту шрифта, интервал и цвет перейдите в меню настроек блока "Текст", расположенный в меню справа:

### Кнопка Блок с кнопкой добавляется аналогично любому блоку: его можно установить как отдельной секцией, так и внутрь секции с уже содержащимися в ней элементами:

В кнопку можно вставить ссылку на любую необходимую страницу:

Чтобы изменить текст, кликните по текстовому полю внутри кнопки:

Затем пропишите необходимый текст:

Чтобы изменить размер кнопки, найдите поле со стрелками в меню:

Далее установите необходимый размер, вводя числовое значение: поле принимает значение в пикселях. Чтобы изменить расположение кнопки относительно центра, правого или левого края, воспользуйтесь данными настройками:

Также в меню существует поле для изменения цвета кнопки:

### Кнопки "Социальные сети" В письме вы можете установить также кнопки, которые перенаправят получателей ваших писем в социальные сети, которые подключены к вашему проекту:

В настройках блока можно выбрать, на какой именно канал вы хотите перенаправлять ваших клиентов:

Также в меню настроек существует настройка стиля для кнопок социальных сетей:

1. Стандартные: принимают оригинальный стиль иконок мессенджеров:

2. С рамкой: прозрачные иконки, цвет рамки которых выдержен в стандартных цветах для данного мессенджера:

3. Моноколор: иконки выдержаны в одном цветовом решении:

Чтобы скруглить углы иконок, введите в поле "Скругление" необходимое числовое значение в пикселях:

## Настройки блоков внутри секции Для каждого элемента внутри секции существуют одинаковые настройки отступов, рамки и фона. Можно настроить блок отдельно от каждого элемента, а также выбрать ### Внутренние отступы элемента Внутренние отступы для элемента можно настроить в соответствующих полях:

Данные отступы относятся к расположению именно блока с контентом, относительно его рамки. ### Рамка (внутренняя) В секции существует две рамки, которые можно кастомизировать: внешняя (для всей секции) и внутренняя (для изображения или иных элементов) {% hint style="info" %} Как редактировать внешнюю рамку секции, рассказали в разделе "Общие настройки секций" -> "[Рамка](#ramka)" {% endhint %} Внутренню рамку, обрамляющую блок с контентом, можно кастомизировать с использованием любого цвета, толщины, выбирая также необходимые для выделения границы и вид линии:

При этом настройки каждой грани рамки можно кастомизировать отдельно от других сторон. Для этого кликните по необходимой стороне рамки:

А затем выберите цвет, толщину и начертание рамки. Чтобы кастомизировать рамку с четырех сторон, кликните по соответствующей иконке:

#### Скругление внутренней рамки Для внутренней рамки также можно установить скругление углов в px:

Поля для каждого из углов рамки принимают числовое обозначение в пикселях.

### Фон блока с контентом внутри секции

Внутренний фон, который относится только к блоку с каким-либо элементом внутри секции, можно установить, загрузив какое-либо изображение, или выбрав цвет из цветовой палитры. Также для фона можно выбрать соответственно расположение и размер изображения:

## Настройки секции Секцию с элементами контента можно настроить отличительно от иных секций письма, используя цветовые решения для фона, добавив рамки и отступы. ### Отступы Отступы секции применяются ко всем элементам, находящимся внутри секции:

Для того чтобы установить отступы для блоков относительно внешней рамки секции, необходимо потянуть за края рамки, изменяя положение элементов относительно верхнего и нижнего, а также правого и левого края:

Либо можно установить числовые значения в полях, установленных в правом меню в разделе "Секция":

### Рамка В секции существует две рамки, которые можно кастомизировать: внешняя (для всей секции) и внутренняя (для изображения или иных элементов) {% hint style="info" %} Как редактировать внутреннюю рамку элемента с контентом, рассказали в разделе "[Рамка (внутрення)](#ramka-vnutrennyaya)" {% endhint %} Внешнюю рамку, обрамляющую всю секцию с блоками контента, можно кастомизировать с использованием любого цвета, толщины, выбирая также необходимые для выделения границы и вид линии:

### Скругление рамки Для рамки секции также можно установить скругление углов в px:

Поля для каждого из углов рамки принимают числовое обозначение в пикселях.

### Фон

Внутренний фон, который относится только ко всей секции, можно установить, загрузив какое-либо изображение, или выбрав цвет из цветовой палитры. Также для фона можно выбрать соответственно расположение и размер изображения:

f --- # 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://docs.salebot.pro/rassylki/email-rassylki/konstruktor-email-pisma.md?ask= ``` 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.