Emailmaker

Первое знакомство с интерфейсом, после открытия редактора начинается с двух главных элементов: холста и панели инструментов.

Холст - это область, где непосредственно собирается письмо из элементов и блоков, расположенных на панели инструментов. Кроме них на панели также находится управление процессом создания письма и тестирования письма.

Кнопки управления процессом создания, тестирования и экспорта письма расположены на панели сверху. Холст - рабочая область. Инструменты для работы с содержимым письма находятся на боковой панели справа.

Основная идея редактора проста - это конструктор с помощью которого вы собираете ваше письмо. При этом каждый элемент можно глубоко кастомизировать. После того как письмо будет собрано, оно пройдёт через автоматическую оптимизацию. Останется лишь отправить тестовое письмо на почту.

Теперь рассмотрим части интерфейса подробнее.

Верхняя панель

Она находится в самом верху редактора и отвечает за общие действия в редакторе.

• Иконки стрелок “вперед” и “назад” - позволяют отменить и повторить изменения

• Контроль версий - позволяет работать с системами контроля версий, сохранить текущие изменения или вернутся к предыдущей версии

• Панель кода </> - Здесь вы можете работать напрямую с HTML-кодом письма

• Отправить тестовое письмо (иконка самолетика)

• Экспорт - готовый макет можно выгрузить в нужном формате для использования в других системах

Правая боковая панель “Элементы”

Элементы - это отдельные части письма, которые можно комбинировать и размещать в любом порядке. С их помощью создают структуру письма: тексты, изображения, кнопки и визуальные акценты. Основные группы элементов:

Базовые элементы:

• Картинка

  Используется для вставки изображений: баннеров, фото товаров, декоративных элементов.

• Текст

  Обычный текстовый блок для описаний, условий, акций, информационных сообщений.

• Заголовок

  Крупный текстовый элемент для выделения основных смысловых блоков.

• Кнопка

  Элемент призыва к действию (CTA). Можно настроить цвет, форму, ссылку, размеры.

• Отступ

  Пустое пространство между элементами.

• Список UL

  Маркированный список.

• Список OL

  Нумерованный список.

• Разделитель

  Тонкая линия между блоками.

• Социальные сети

  Блок с иконками социальных сетей

• Таблица

  Блок для размещения таблиц.

• Таймер

  Анимированный обратный отсчёт

• Видео

• Отписка от рассылки

  Обязательный элемент email-рассылок. Содержит ссылку для отказа от писем. Автоматически корректно подставляется в шаблон

• NPS

Блок для вставки инструмента, позволяющего создавать опросы, измеряющие лояльность клиентов.

• Товарные рекомендации

  Элемент позволяет добавлять заранее созданные блоки товарных рекомендаций в письмо, например, «Популярные», «Новинки» и др.

• Товар

  Отдельная карточка товара: картинка, название, цена, кнопка. Можно собирать свои подборки вручную.

Интерактивные элементы:

• Аккордеон(сворачиваемые блоки) — позволяет сэкономить место, если информации много.

• AI-изображения — создание картинок внутри редактора

  Это одна из самых удобных функций: вы можете создать изображение прямо в EmailMaker с помощью нейросети. Например, просто напишите: «Синий баннер с ноутбуком», и редактор сразу создаст картинку для вас

• Карусель — позволяет создать карусель с товарами, которые можно удобно пролистывать с помощью стрелочек

Блоки

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

Сохраненные блоки

В этом разделе находятся те блоки, которые вы сохранили ранее в письме. Иными словами, ваши шаблоны.

Общие блоки

В этом разделе находятся блоки, собранные из нескольких элементов - готовые шаблоны. Они позволяют создавать письмо быстрее. Перетащите любой блок на холст - и он сразу готов к редактированию.

Правое боковое меню

Стили письма

В этом разделе находятся настройки фона и ширины письма. Здесь можно задать ширину письма, цвет фона всего письма, а также фоновую картинку для письма.

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

AI-ассистент

Можно доверить написание письма ассистенту:

Оптимизация

Перед отправкой EmailMaker предложит пройти автоматическую проверку - это ваш «последний барьер» перед реальной отправкой клиентам.

Система проверяет:

• Работоспособность ссылок

• Наличие и корректность изображений

• Ошибки HTML-кода

• Анализ SpamAssassin

  Это встроенный антиспам-анализатор, который ищет «спам-триггеры» в тексте и структуре письма. Он подскажет, если письмо может попасть в спам у почтовых сервисов.

Дополнительные настройки

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

Также после клика по элементу становится доступным небольшое меню из пяти иконок. Каждая из них выполняет определённые функции:

• Перемещение элемента вверх или вниз
• Редактирование
• Клонирование блока, копирование в буфер обмена и вставка из буфера обмена
• Сохранение в блоки - сохранять готовые блоки для того, чтобы использовать их в письме
• Удаление блока

Можно редактировать любой тип элемента. Например, при клике на текст появится редактор в котором можно настроить шрифт, выравнивание, переменные, цвет.

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