Блочный редактор позволяет вам создавать с нуля брендированные емейлы независимо от уровня знаний HTML-вёрстки, используя установленные drag&drop элементы или один из системных шаблонов. Письмо, настроенное с помощью блочного редактора, будет корректно отображаться в большинстве почтовых клиентов, включая веб-интерфейсы, десктопные приложения и мобильную среду.

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

Мастер настройки стандартных сообщений

Добавить контент нового письма можно тремя способами:

  • создать его с нуля в блочном редакторе;
  • использовать шаблон;
  • копировать сообщение, созданное раннее с помощью блочного редактора.
Способы добавления контента

Чтобы приступить к созданию сообщения, нажмите кнопку «Блочный редактор».

Блочный редактор

Перед вами откроется интуитивно понятный интерфейс редактора.

Интерфейс блочного редактора

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

  1. Блок по ширине
  2. Контейнер
  3. Столбец
  4. Заголовок
  5. Текст
  6. Картинка
  7. Кнопка
  8. Составной элемент
  9. Линия
  10. Картинка + Текст
  11. Текст + Картинка
  12. Группа картинок
  13. Код
Панель интсрументов

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

Иерархия расположения элементов

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

Настройки интерфейса

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

Начало работы

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

Кнопки быстрого действия

В нижней части всплывающего окна находятся 4 кнопки:

Кнопки работы с письмом

Кнопка «Сохранить изменения» сохраняет созданный контент сообщения и отображает его при предварительном просмотре письма.
Кнопка «Сохранить как шаблон» позволяет сохранить созданный контент сообщения для дальнейшего использования (в дальнейшем этот шаблон будет доступен через действие «Использовать шаблон»).
Кнопка «Отменить» отменяет все изменения, сделанные во время редактирования.
Кнопка «Просмотр HTML версии» открывает всплывающее окно с HTML-кодом, генерирующимся автоматически в зависимости от созданного контента.

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

Использование шаблонов

Блочный редактор позволяет работать с пользовательскими шаблонами (ранее созданными вами) или системными (хранящимися в Expertsender в качестве образцов, которые можно использовать для работы со своим контентом).

В левой части всплывающего окна отображается список существующих шаблонов.

Во вкладке «Действия» в правой части окна можно просмотреть, отредактировать, удалить, копировать или изменить название выбранного шаблона.

Интерфейс выбора шаблона

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

Будьте внимательны! При нажатии кнопки Backspace на клавиатуре интерфейс Блочного редактора закрывается без сохранения изменений.