Конструктор email-письма
Last updated
Last updated
Письма для email-рассылок можно собирать по вашему дизайну с помощью блоков.
Тексты, кнопки, мессенджеры, изображения, а также инструменты для кастомизации блоков - это абсолютно новый уровень.
Забудьте о скучных шаблонных письмах - создавайте уникальность вместе с Salebot
Конструктор письма можно найти во вкладке "Сообщение" при создании email-рассылки:
В конструкторе вы увидите пустой лист, в который можно вставить следующие блоки (секции):
Изображение
Текст
Пустой блок
Кнопка
Кнопки в социальные сети.
Помимо этого блоки можно комбинировать друг с другом, добавляя, например, в одну секцию несколько элементов письма.
В блоках существуют общие настройки отображения секции:
Внутренние отступы;
Рамка;
Скругление рамки;
Фон.
Давайте для начала разберем настройки каждой секции, а также на примере мы покажем, как можно кастомизировать несколько различных блоков в одной секции.
Чтобы добавить изображение, обратитесь к меню в правой области экрана. Там вы найдете иконку, по нажатию на которую вы сможете добавить изображение:
При клике на кнопку вы увидите, что секция была добавлена в письмо:
Чтобы добавить изображение, перейдите в соответствующую вкладку и загрузите необходимый вам файл либо с вашего устройства:
Далее вы увидите, что изображение было добавлено в секцию:
Из изображения можно сделать подобие кнопки, по клику на которую в письме, получатели рассылки смогут перейти на какую-либо необходимую страницу.
Для этого достаточно указать ссылку необходимой страницы в данном поле:
Блок текст можно добавить как внутрь секции с изображением (и любым другим блоком), так и в отдельно.
Чтобы добавить текст внутрь секции, например, с изображением, наведите на блок с изображением (или любым другим блоком справа) и найдите иконку "+":
Далее кликните на плюс, после чего откроется выпадающий список с блоками:
Как видно, текстовый блок добавился внутрь секции, в котором уже лежит изображение:
Обращаем внимание!
В одну секцию вы можете добавить четыре элемента (блока) с контентом.
Чтобы добавить отдельную секцию в письме с текстовым блоком (или любым другим) наведите на левую часть экрана и найдите в быстрых действиях иконку "+":
Далее нажмите на плюс и выберите секцию, которую необходимо добавить:
Тогда добавится новая секция с текстовым блоком:
Для редактирования кликните по тексту, тогда сверху вы увидите меню с настройками, аналогичными для любых текстовых редакторов:
В меню сверху блока с текстом можно установить жирность, курсив, подчеркивание:
А также оформить текст списком, добавить ссылку и выровнять относительно правого, левого края или середины.
Чтобы настроить размер начертания текста, высоту шрифта, интервал и цвет перейдите в меню настроек блока "Текст", расположенный в меню справа:
Блок с кнопкой добавляется аналогично любому блоку: его можно установить как отдельной секцией, так и внутрь секции с уже содержащимися в ней элементами:
В кнопку можно вставить ссылку на любую необходимую страницу:
Чтобы изменить текст, кликните по текстовому полю внутри кнопки:
Затем пропишите необходимый текст:
Чтобы изменить размер кнопки, найдите поле со стрелками в меню:
Далее установите необходимый размер, вводя числовое значение: поле принимает значение в пикселях.
Чтобы изменить расположение кнопки относительно центра, правого или левого края, воспользуйтесь данными настройками:
Также в меню существует поле для изменения цвета кнопки:
В письме вы можете установить также кнопки, которые перенаправят получателей ваших писем в социальные сети, которые подключены к вашему проекту:
В настройках блока можно выбрать, на какой именно канал вы хотите перенаправлять ваших клиентов:
Также в меню настроек существует настройка стиля для кнопок социальных сетей:
Стандартные: принимают оригинальный стиль иконок мессенджеров:
С рамкой: прозрачные иконки, цвет рамки которых выдержен в стандартных цветах для данного мессенджера:
Моноколор: иконки выдержаны в одном цветовом решении:
Чтобы скруглить углы иконок, введите в поле "Скругление" необходимое числовое значение в пикселях:
Для каждого элемента внутри секции существуют одинаковые настройки отступов, рамки и фона.
Можно настроить блок отдельно от каждого элемента, а также выбрать
Внутренние отступы для элемента можно настроить в соответствующих полях:
Данные отступы относятся к расположению именно блока с контентом, относительно его рамки.
В секции существует две рамки, которые можно кастомизировать: внешняя (для всей секции) и внутренняя (для изображения или иных элементов)
Как редактировать внешнюю рамку секции, рассказали в разделе "Общие настройки секций" -> "Рамка"
Внутренню рамку, обрамляющую блок с контентом, можно кастомизировать с использованием любого цвета, толщины, выбирая также необходимые для выделения границы и вид линии:
При этом настройки каждой грани рамки можно кастомизировать отдельно от других сторон.
Для этого кликните по необходимой стороне рамки:
А затем выберите цвет, толщину и начертание рамки.
Чтобы кастомизировать рамку с четырех сторон, кликните по соответствующей иконке:
Для внутренней рамки также можно установить скругление углов в px:
Поля для каждого из углов рамки принимают числовое обозначение в пикселях.
Внутренний фон, который относится только к блоку с каким-либо элементом внутри секции, можно установить, загрузив какое-либо изображение, или выбрав цвет из цветовой палитры.
Также для фона можно выбрать соответственно расположение и размер изображения:
Секцию с элементами контента можно настроить отличительно от иных секций письма, используя цветовые решения для фона, добавив рамки и отступы.
Отступы секции применяются ко всем элементам, находящимся внутри секции:
Для того чтобы установить отступы для блоков относительно внешней рамки секции, необходимо потянуть за края рамки, изменяя положение элементов относительно верхнего и нижнего, а также правого и левого края:
Либо можно установить числовые значения в полях, установленных в правом меню в разделе "Секция":
В секции существует две рамки, которые можно кастомизировать: внешняя (для всей секции) и внутренняя (для изображения или иных элементов)
Как редактировать внутреннюю рамку элемента с контентом, рассказали в разделе "Рамка (внутрення)"
Внешнюю рамку, обрамляющую всю секцию с блоками контента, можно кастомизировать с использованием любого цвета, толщины, выбирая также необходимые для выделения границы и вид линии:
При этом настройки каждой грани рамки можно кастомизировать отдельно от других сторон.
Для этого кликните по необходимой стороне рамки:
А затем выберите цвет, толщину и начертание рамки.
Чтобы кастомизировать рамку с четырех сторон, кликните по соответствующей иконке:
Для рамки секции также можно установить скругление углов в px:
Поля для каждого из углов рамки принимают числовое обозначение в пикселях.
Внутренний фон, который относится только ко всей секции, можно установить, загрузив какое-либо изображение, или выбрав цвет из цветовой палитры.
Также для фона можно выбрать соответственно расположение и размер изображения:
