E-mail конструктор

Это инструмент, который позволяет создавать и настраивать электронные письма без необходимости программирования. Конструктор работает способом перетаскивания (Drag-and-Drop), что позволяет легко и просто менять и добавлять блоки в область редактирования письма. Начните изучение с короткой базовой видео инструкции.

Создание E-mail

Для того чтобы создать письмо, необходимо заполнить поля "От кого", тему и оформить содержимое. Обратите внимание на то, как у вас отображается "От кого": если там нет электронного адреса или нужно поменять имя — обязательно обратитесь к вашему менеджеру. Укажите «Тему письма» — это тот текст, который будет отображаться у получателя сразу в списке входящих писем. В теме можно использовать Персонализацию и смайлы Emoji. Обязательно добавьте предзаголовок (вкладка "Настройки") и блок отписки в теле письма (вкладка "Блоки").
Переходим к подготовке контента:
1. «Содержимое» — Вы можете выбрать уже созданный дизайн или создать новый. При нажатии на поле "Выбрать дизайн или создать новый" появляется окно с выбором:
  • создание письма с чистого листа;
  • один из автоматических шаблонов от MAXMA;
  • один из ваших шаблонов (при условии, если вы уже отправляли/сохраняли письма).
2. Галочка «Вложить в письмо товарные рекомендации»: если отмечено, то в редакторе содержимого становится доступен дополнительный блок «Рекомендуемые товары». Используйте его, чтобы встроить в письмо товарные рекомендации. Подробнее можно прочитать в статье:  ⁠⁠E-com рассылки⁠ .

Основные возможности при создании или редактировании письма

После выбора шаблона письма вы попадете в редактор. Слева снизу доступны следующие кнопки:
  • стрелочки (отменить и повторить действие),
  • глаз - предварительный просмотр (откроется окно-редактор, где можно задать дополнительные настройки и посмотреть, как письмо отображается на определенном размере и в случае темной/светлой темы. Вид письма в данном окне не гарантирует, что получатель увидит ровно такое же письмо. Из-за различающихся условий почтовых операторов итоговое письмо может визуально отличаться. Рекомендуем перед массовой отправкой проводить тестовые рассылки на ваши e-mail самых популярных почтовых операторов: Gmail,  Mail.ru , Яндекс.Почта.
  • кнопки "ПК" и "Мобильный телефон" позволят в выбранном виде просмотра отобразить визуал под примерный формат данных устройств.
Справа сверху:
  • кнопки "Выйти" и "Сохранить". При нажатии на "Выйти" система спросит, хотите ли вы сохранить сделанные изменения в рассылке. Нажмите на "Выйти", если не планируете сохранять изменения. Если вы сохранили изменения, при следующем заходе вы увидите обновленное письмо.
Управление контентом письма находится в центре экрана: на холсте и с помощью разделов и кнопок справа.
Все блоки добавляются методом Drag-and-drop (перетаскивание) из правой части (настройки) в левую (холст). При выборе блока на холсте в редактируемом письме можно производить действия с выбранным блоком: менять местами, редактировать, копировать и удалять.

Вкладка «Контент»

Столбцы

Выберите, как будет отображаться контент письма: в разделе "Столбцы" есть 8 вариантов. В каждый столбец можно добавить любой блок из вкладки "Контент". Также при нажатии на строку открывается возможность редактировать ее основные свойства справа в настройках.

Текст

При нажатии на текстовый блок появляется возможность написать с нуля, вставить свой текст и отредактировать его: изменить шрифт, размер, стиль, расположение, указать динамические параметры и другое. Справа находятся основные настройки по данному блоку.
Кнопка "!Параметры" вызывает все возможные параметры персонализации, а также "Служебные ссылки":
  • Открыть в браузере позволяет добавить ссылку для того, чтобы открыть письмо в браузере.
  • Отписаться должно быть обязательно в подвале любого письма. Можно сделать свой текст и использовать параметр. Можно воспользоваться уже готовым блоком  Подвал  на вкладке "Блоки".
  • Подтвердить подписку (Double Opt-In) — это разновидность подписки, при которой пользователь должен подтвердить свой email-адрес с помощью ссылки из письма (таких клиентов можно найти по фильтру - «Клиенты» - «Список клиентов» - «Канал коммуникации» - «Подписки» - «Подтвердил»).
  • Установить карту Wallet позволит добавить текст с запрограммированной гиперссылкой. Вы можете откорректировать текст, но обязательно использовать ту ссылку, которая была автоматически сформирована при добавлении этого параметра. Также можно разместить заготовленную кнопку, расположенную на вкладке "Блоки", в ней также используется специальная ссылка-параметр.

Графика

В данный блок можно загрузить картинку с компьютера: через кнопку или через перетягивание в поле (доступные форматы: png, jpg, gif). Редактировать данный блок можно с помощью дополнительных настроек при нажатии на картинку: изменить размер, отступы, добавить ссылку.

Применить эффекты

После загрузки картинки ее можно отредактировать, нажав на кнопку "Применить эффекты": обрезать, разместить текст, фигуру и многое другое.

Кнопка

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

Линия

Это разделительная полоса. Ее можно отредактировать: изменить цвет, ширину, тип линии и другие параметры.

Заголовок

В тексте можно добавлять заголовки H1, H2, H3, H4 — изменять их внешний вид и другие параметры.

Меню

Блок меню позволит под логотипом вашего бренда (или в другом удобном месте) разместить меню со ссылками, которые будут вести клиента на нужную страницу сайта. Их также можно отредактировать справа в Содержимом: изменить формат, добавить разделитель и поменять другие параметры.

Соцсети

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

Таймер

Укажите необходимое время и дату отсчета таймера. Можно скорректировать фон и цвет текста и цифр, а также другие параметры таймера.

Видео

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

HTML

Если у вас есть специалист верстальщик, то можно вставить уже готовый код письма в окно "Содержимое" справа.
Необходимо вставить только тело письма. Динамические параметры можно взять из текстового редактора.
Обратите внимание:
- при верстке письма в html учитывайте особенности почтовых клиентов для корректного отображения
- при вставке html-кода не используйте теги html, head и body, так как их добавляет наш редактор самостоятельно, то есть необходимо вставлять html-код как div

Вкладка «Блоки»

В ней располагаются уже готовые блоки для использования.
В данной вкладке также существует готовый блок «Столбцы». Подробнее про настройки вы можете почитать в разделе  Столбцы 

Подвал

Это одна из обязательных частей письма. Ее необходимо добавлять в каждое письмо, которое вы отправляете. Блок заранее сформирован под вас автоматически. При необходимости изменить цвет или что-то перефразировать нажмите на блок (он является текстовым).

Электронная карта

При активном модуле  ⁠⁠Карты Wallet⁠  можно разместить в письме кнопку с ссылкой на установку карты. URL для карты менять не нужно — ссылка сформирована как специальный параметр. При нажатии на текст в кнопке можно отредактировать содержание и формат. Справа в Содержимом можно дополнительно скорректировать формат самой кнопки и ее визуальной части.

Мобильное приложение

После перетаскивания блока на холст необходимо на него нажать. Справа в "Содержимом" появится описание необходимых шагов для добавления ссылки на ваше приложение.

Блоки e-com

При подключении сайта к платформе MAXMA открывается возможность работы с дополнительными блоками, позволяющими вывести в письме товарные группы в зависимости от выбранных параметров автоматических рассылок. Подробнее про настройку и функционал описано в статье  ⁠⁠E-com рассылки⁠ .

Вкладка «Настройки»

В данном блоке можно отредактировать основные стилистические параметры всего письма.
  • Общее:
  • цвет текста;
  • фоновый цвет;
  • ширину содержимого (рекомендуем выбирать 600-700);
  • выравнивание содержимого;
  • семейство шрифтов.
  • Настройки электронной почты:
  • текст предзаголовка — краткий итоговый текст, который следует за темой на экране входящих писем.
Рекомендуем заполнять данный блок, чтобы пользователь видел дополнительный текст вместе с темой письма внутри почтового ящика. Иначе вместо предзаголовка почтовый оператор выведет первые предложения из письма.
  • Ссылки:
  • цвет (то, как будет отображаться ссылка внутри текста);
  • подчеркнуть (при выключении функции ссылки не подчеркиваются).

Вкладка «Фото»

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


Сохранение письма

Справа сверху нажмите на кнопку «Сохранить». Далее вы попадете на страницу редактирования рассылки.

Перед итоговым сохранением рекомендуем:
  • проверить все настройки рассылки;
  • сделать тестовую отправку e-mail;
  • убедиться, что текст и визуал корректны (без ошибок).
После проверки вам нужно выбрать действие:
  • «Сохранить»;
  • Если нужны еще корректировки, нажать "Сохранить черновик".

Часто задаваемые вопросы

Как сохранить письмо в автоматических (триггерных) рассылках и не отправлять его?

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

Что будет, если нажать на кнопку «Выйти» в email-конструкторе?

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