E-mail конструктор
Начните изучение с короткой базовой видео инструкции: https://youtu.be/STe2JMtUmco
Table of contents
Table of contents
Создание E-mail
Основные возможности при создании письма
Вкладка «
Контент»
Столбцы
Текст
Графика
Применить эффекты
Кнопка
Линия
Заголовок
Меню
Соцсети
Таймер
Видео
HTML
Вкладка «
Блоки»
Подвал
Электронная карта
Мобильное приложение
Блоки e-com
Вкладка «
Настройки»
Вкладка «
Фото»
Предварительный просмотр
Сохранение письма
Часто задаваемые вопросы
Как сохранить письмо в автоматических (триггерных) рассылках?
Что будет, если нажать кнопку «Выйти» в e-mail конструкторе?
Создание E-mail
Начинаем создание с блока «Тема письма» — данный текст будет виден получателям при открытии почтового клиента в списке писем.
В теме можно использовать Персонализацию и смайлы Emoji.
«Содержимое»
Выбрать уже созданный дизайн или создать новый.
При нажатии появляется окно, в котором вы можете выбрать:
создание письма с чистого листа;
один из автоматических шаблонов от MAXMA;
один из ваших шаблонов (при условии, если вы уже отправляли письма).
Галочка «Вложить в письмо товарные рекомендации»: если отмечено, то в редакторе содержимого становится доступен дополнительный блок «Рекомендуемые товары». Используйте его, чтобы встроить в письмо товарные рекомендации.
Основные возможности при создании письма
Все блоки добавляются из правой части методом Drag-and-drop (перетаскивание). Слева мы видим сам визуал письма.
При нажатии на синий блок открывается возможность выбрать «столбцы» или заменить это другим контентом.
Вкладка «Контент»
Столбцы
Это основное разделение в письме. При выборе одного из предложенных вариантов, можно добавлять дополнительно в каждый блок: картинку, текст или кнопку. Также справа открывается возможность редактировать основные свойства строки.
Текст
Выбираем текстовой блок. При нажатии на него появляется возможность написать или вставить свой текст с возможностью его редактировать: изменить шрифт, размер, стиль, расположение, указать динамические параметры и другие возможности.
Справа находятся основные настройки по данному блоку.
Графика
В данный блок мы можем загрузить картинку с компьютера: через кнопку или через перетягивание в поле (доступные форматы: png, jpg, gif).
Редактировать данный блок вы можете с помощью дополнительных настроек при нажатии на картинку: изменить размер, отступы, добавить ссылку.
Применить эффекты
После того, как загрузили картинку, можно ей добавить некоторые эффекты: обрезать, разместить текст и другие.
Кнопка
При выборе блока с кнопкой вы можете в меню справа добавить основные параметры по кнопке: цвет кнопки, текста внутри, ссылку и другие параметры.
Также можно изменить сам текст в кнопке и его формат.
Линия
Это разделительная полоса. При нажатии можно отредактировать - изменить цвет, ширину, тип линии и другие параметры.
Заголовок
Вы можете в тексте добавлять заголовки H1, H2, H3, H4 — изменять им внешний вид и другие параметры.
Меню
Блок меню позволит вам под логотипом вашего бренда (или в другом удобном месте) разместить меню со ссылками, которые будут вести клиента на нужную страницу сайта. Их также можно отредактировать справа в Содержимом: изменить формат, добавить разделитель и другие параметры.
Соцсети
При выборе соцсетей справа откроется Содержимое — вам нужно выбрать тип иконки и далее указать, какую соцсеть хотите разместить. Далее нужно указать ей ссылку и при необходимости скорректировать выравнивание.
Таймер
Укажите необходимое время дату отсчета таймера, можно скорректировать фон и цвет текста и цифр и другое.
Видео
Добавьте ссылку на YouTube или Vimeo, чтобы автоматически сгенерировать превью. Изображение будет перенаправлять по предоставленной ссылке.
HTML
Если у вас есть специалист верстальщик, то вы можете загрузить уже готовый код письма вставить в окно Содержимого справа.
Нужно указать только тело письма. Динамические параметры можно взять из текстового редактора.
Обратите внимание:
- при верстке письма в html учитывайте особенности почтовых клиентов для корректного отображения
- при вставке html-кода не используйте теги html, head и body, так как их добавляет наш редактор самостоятельно, то есть вставлять html-код как div
Вкладка «Блоки»
В нем располагаются уже готовые блоки для использования.
В данной вкладке также существует готовый блок «Столбцы». Подробнее про настройки вы можете почитать в разделе Столбцы .
Подвал
Это одна из самых важных и обязательных частей для письма. Ее необходимо добавлять в каждое письмо, которые вы отправляете.
Блок заранее сформирован под вас автоматически.
Если нужно изменить цвет или что-то перефразировать, то можно это сделать нажав на блок (является текстовым).
Электронная карта
При активном модуле Wallet вы можете разместить в письме кнопку с ссылкой на установку wallet-карты. URL для карты менять не нужно — ссылка сформирована для вас напрямую. При нажатии на текст в кнопке можно отредактировать содержание и формат. Справа в Содержимом вы можете дополнительно скорректировать формат самой кнопки и ее визуальной части.
Мобильное приложение
После перетаскивания блока, необходимо на него нажать. Справа появится описание внутри окна кода HTML, которое поможет добавить ссылки на ваше приложение.
Блоки e-com
При подключении сайта к платформе MAXMA открывается возможность работы с дополнительными блоками, позволяющими вывести в письме товарные группы — в зависимости от выбранных параметров автоматических рассылок.
Вкладка «Настройки»
В данном блоке можно отредактировать основные стилистические параметры всего вашего письма.
Общее:
цвет текста;
фоновый цвет;
ширину содержимого (рекомендуем выбирать 600-700);
выравнивание содержимого;
семейство шрифтов.
Настройки электронной почты:
текст предзаголовка — краткий итоговый текст, который следует за строкой темы при просмотре сообщения электронной почты из почтового ящика.
Рекомендуем заполнять данный блок, чтобы пользователь видел дополнительный текст вместе с темой письма внутри почтового ящика. Иначе вместо предзаголовка почтовый оператор выведет первый текст внутри письма.
Ссылки:
цвет (то, как будет отображаться ссылка внутри текста);
подчеркнуть (при выключении функции ссылки не подчеркиваются).
Вкладка «Фото»
Это сток изображений, которыми вы можете воспользоваться для создания письма.
Вам нужно ввести слово в строке поиска, после чего вам выдается набор картинок, соответствующих запросу. Подходящую картинку вы можете перетащить в нужную вам часть письма.
Предварительный просмотр
На основном рабочем пространстве в левом нижнем углу вам доступны функции:
отмена действий;
возврат отмененных действий;
предварительный просмотр;
формат рабочего поля для ПК;
формат рабочего поля для мобильных устройств.
При нажатии на значок глаза вам открывается окно с предпросмотром.
В нем вы можете выбрать разные размеры устройств и увидеть, как будет выглядеть ваше письмо при разных размерах экрана.
Вид письма в данном окне не гарантирует, что получатель увидит ровно такое же письмо. Из-за различающихся условий почтовых операторов итоговое письмо может визуально отличаться.
Рекомендуем перед массовой отправкой проводить тестовые рассылки на ваши e-mail самых популярных почтовых операторов: Gmail, Mail.ru , Яндекс.Почта.
Сохранение письма
Справа сверху нажмите на кнопку «Сохранить».
Далее вы попадаете на страницу редактирования рассылки.
Перед итоговым сохранением рекомендуем:
проверить все настройки по рассылке;
сделать тестовую отправку e-mail;
убедиться, что текст и визуал корректны (без ошибок).
После проверки вам нужно выбрать действие:
«Сохранить»;
убрать в «Черновик», если нужны еще корректировки (нажать на значок дискеты).
Часто задаваемые вопросы
Как сохранить письмо в автоматических (триггерных) рассылках?
Для этого на вкладке «Общее» отключите все «Каналы» и нажмите зеленую кнопку «Сохранить».
Что будет, если нажать кнопку «Выйти» в e-mail конструкторе?
Появится предупреждающее окно с выбором: отменить выход или выйти без сохранения.
