Конструктор email-письма

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

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

Забудьте о скучных шаблонных письмах - создавайте уникальность вместе с Salebot

Секции (блоки) для письма

Конструктор письма можно найти во вкладке "Сообщение" при создании email-рассылки:

В конструкторе вы увидите пустой лист, в который можно вставить следующие блоки (секции):

Изображение
Текст
Пустой блок
Кнопка
Кнопки в социальные сети.

Помимо этого блоки можно комбинировать друг с другом, добавляя, например, в одну секцию несколько элементов письма.

В блоках существуют общие настройки отображения секции:

Внутренние отступы;
Рамка;
Скругление рамки;
Фон.

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

Изображение

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

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

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

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

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

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

Текст

Блок текст можно добавить как внутрь секции с изображением (и любым другим блоком), так и в отдельно.

Чтобы добавить текст внутрь секции, например, с изображением, наведите на блок с изображением (или любым другим блоком справа) и найдите иконку "+":

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

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

Обращаем внимание!

В одну секцию вы можете добавить четыре элемента (блока) с контентом.

Чтобы добавить отдельную секцию в письме с текстовым блоком (или любым другим) наведите на левую часть экрана и найдите в быстрых действиях иконку "+":

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

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

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

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

А также оформить текст списком, добавить ссылку и выровнять относительно правого, левого края или середины.

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

Кнопка

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

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

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

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

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

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

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

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

Кнопки "Социальные сети"

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

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

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

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

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

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

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

Настройки блоков внутри секции

Для каждого элемента внутри секции существуют одинаковые настройки отступов, рамки и фона.

Можно настроить блок отдельно от каждого элемента, а также выбрать

Внутренние отступы элемента

Внутренние отступы для элемента можно настроить в соответствующих полях:

Данные отступы относятся к расположению именно блока с контентом, относительно его рамки.

Рамка (внутренняя)

В секции существует две рамки, которые можно кастомизировать: внешняя (для всей секции) и внутренняя (для изображения или иных элементов)

Как редактировать внешнюю рамку секции, рассказали в разделе "Общие настройки секций" -> "Рамка"

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

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

Для этого кликните по необходимой стороне рамки:

А затем выберите цвет, толщину и начертание рамки.

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

Скругление внутренней рамки

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

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

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

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

Также для фона можно выбрать соответственно расположение и размер изображения:

Настройки секции

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

Отступы

Отступы секции применяются ко всем элементам, находящимся внутри секции:

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

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

Рамка

Как редактировать внутреннюю рамку элемента с контентом, рассказали в разделе "Рамка (внутрення)"

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

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

Для этого кликните по необходимой стороне рамки:

А затем выберите цвет, толщину и начертание рамки.

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