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