Конструктор email-розсилок

Електронні листи для email-кампаній можна складати відповідно до вашого дизайну за допомогою блоків.

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

Забудьте про нудні шаблони — створюйте унікальні брендовані листи з Mavibot.

Секції (блоки) для листів

Ви можете знайти конструктор листів у вкладці «Листи» під час створення email-розсилки:

У конструкторі ви побачите порожнє полотно, куди можна вставити такі блоки (секції):

Зображення
Текст
Порожній блок
Кнопка
Соціальні мережі
HTML-блок

Крім того, блоки можна поєднувати між собою — наприклад, ви можете додати кілька елементів листа в межах однієї секції.

Кожен блок містить загальні налаштування відображення секції, такі як:

Внутрішні відступи;
Рамка;
Радіус рамки;
Фон.

Почнімо з огляду налаштувань, доступних для кожної секції. Потім ми розглянемо приклад, щоб показати, як можна налаштувати кілька різних блоків у межах однієї секції.

Зображення

Щоб додати зображення, перейдіть до меню праворуч на екрані. Там ви знайдете іконку, яка дозволяє завантажити зображення після натискання:

Коли ви натиснете кнопку, побачите, що секцію додано до листа:

Щоб додати зображення, перейдіть до відповідної вкладки та завантажте потрібний файл зі свого пристрою:

Далі ви побачите, що зображення додано до секції:

Ви можете перетворити зображення на елемент, схожий на кнопку, щоб коли одержувачі натискатимуть на нього в листі, вони переходили на певну сторінку.

Для цього просто введіть потрібне посилання в надане поле:

Текст

Текстовий блок можна додати або всередині секції, що містить зображення (або будь-який інший блок), або як окремий блок сам по собі.

Увага!

Зміна шрифтів недоступна.

Щоб додати текст усередині секції — наприклад, тієї, що містить зображення, — наведіть курсор на блок зображення (або будь-який інший блок праворуч) і знайдіть іконку «+»:

Далі натисніть на іконку плюс, і з’явиться спадне меню з варіантами блоків:

Як бачите, текстовий блок було додано всередині секції, яка вже містить зображення:

Зверніть увагу!

У межах однієї секції можна додати до чотирьох елементів контенту (блоків).

Щоб додати окрему секцію в листі з текстовим блоком (або будь-яким іншим блоком), наведіть курсор на ліву частину екрана та знайдіть іконку «+» у меню швидких дій:

Далі натисніть на іконку плюс і виберіть секцію, яку хочете додати:

Після цього буде додано нову секцію з текстовим блоком:

Щоб редагувати, натисніть на текст, і над ним з’явиться панель інструментів із налаштуваннями — подібними до тих, що є в будь-якому текстовому редакторі.

На панелі інструментів над текстовим блоком можна застосувати напівжирне, курсивне та підкреслене форматування:

Ви також можете оформити текст як список, додати посилання та вирівняти його ліворуч, праворуч або по центру.

Щоб налаштувати розмір шрифту, міжрядковий інтервал, інтервали та колір, перейдіть до налаштувань блоку «Текст» у меню праворуч:

Кнопка

Блок кнопки додається так само, як і будь-який інший блок: його можна розмістити як окрему секцію або всередині наявної секції з іншими елементами:

У кнопку можна вставити посилання на будь-яку потрібну сторінку.:

Щоб змінити текст, натисніть на текстове поле всередині кнопки:

Потім введіть потрібний текст:

Щоб змінити розмір кнопки, знайдіть у меню поле зі стрілками:

Далі встановіть потрібний розмір, ввівши числове значення — поле приймає значення в пікселях.

Щоб змінити вирівнювання кнопки (по центру, ліворуч або праворуч), скористайтеся цими налаштуваннями:

У меню також є поле для зміни кольору кнопки:

Кнопки «Соціальні мережі»

У листі ви також можете додати кнопки, які перенаправлятимуть одержувачів до соціальних мереж, підключених до вашого проєкту:

У налаштуваннях блоку ви можете вибрати, на який саме канал хочете перенаправити своїх клієнтів:

Меню налаштувань також містить опцію стилю для кнопок соціальних мереж:

Стандарт: використовує оригінальний стиль іконок месенджерів:

з рамкою: прозорі іконки з кольором рамки, що відповідає стандартним кольорам відповідного месенджера.

Монохромний: іконки, відображені в єдиній кольоровій гамі.

Щоб заокруглити кути іконок, введіть потрібне числове значення в пікселях у поле «Заокруглені кути»:

Налаштування блоку всередині секції

Кожен елемент у межах секції має однакові налаштування для відступів, рамок і фону.

Ви можете налаштувати блок окремо від кожного елемента, а також вибрати:

Відступ елемента

Ви можете налаштувати відступи елемента у відповідних полях:

Ці відступи стосуються саме положення блоку контенту відносно його рамки.

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

Секція містить дві рамки, які можна налаштувати: зовнішню рамку (для всієї секції) та внутрішню рамку (для зображення або інших елементів).

Інструкції щодо редагування зовнішньої рамки секції можна знайти в розділі «Загальні налаштування секції» -> Рамка. посилання "Рамка"

Внутрішню рамку, що оточує блок контенту, можна налаштувати, обравши будь-який колір, товщину, а також окремі сторони для виділення та потрібний стиль лінії:

Кожну сторону рамки можна налаштувати окремо від інших.

Для цього натисніть на сторону рамки, яку хочете редагувати:

Потім виберіть колір, товщину та стиль лінії для рамки.

Щоб налаштувати рамку з усіх чотирьох сторін, натисніть відповідну іконку:

Радіус рамки

Ви також можете задати радіус кутів для внутрішньої рамки в пікселях:

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

Фон блоку контенту всередині секції

Внутрішній фон, який застосовується лише до блоку, що містить певний елемент у межах секції, можна встановити, завантаживши зображення або вибравши колір із палітри.

Ви також можете вибрати положення та розмір зображення для фону:

Налаштування секції

Секцію з елементами контенту можна налаштувати інакше, ніж інші секції листа, застосувавши фонові кольори, додавши рамки та відкоригувавши відступи.

Внутрішній відступ

Відступи секції застосовуються до всіх елементів, розташованих усередині секції:

Щоб встановити відступи для блоків відносно зовнішньої рамки секції, перетягуйте краї рамки, щоб налаштувати положення елементів відносно верхнього та нижнього, а також правого й лівого країв.

Альтернативно ви можете задати числові значення в полях, розташованих у меню праворуч під вкладкою «Секція»:

Рамка

Секція містить дві рамки, які можна налаштувати: зовнішню рамку (для всієї секції) та внутрішню рамку (для зображення або інших елементів)

Інструкції щодо редагування зовнішньої рамки секції можна знайти в розділі «Рамка (внутрішня)» посилання "Рамка (внутрішня)"

Зовнішню рамку, яка обрамляє всю секцію з блоками контенту, можна налаштувати за допомогою будь-якого кольору та товщини, а також обравши потрібні сторони для виділення та стиль рамки: