Маркетинг / Редактор шаблонов

Редактор шаблонов

Вы можете создать полноценный шаблон письма, используя инструменты email-редактора. Перейти в email-редактор можно:

templates-5

Инструменты email-редактора размещены на верхней и боковой панелях.

Верхняя панель инструментов редактора шаблонов

Здесь вы можете:

  • изменить название шаблона;
  • сохранить его как черновик или опубликовать;
  • выбрать в левом углу удобный формат отображения шаблона на экране монитора, планшета или телефона.

Справа на верхней панели доступны следующие действия:

  • template-editor-2 отобразить границы компонентов, из которых состоит блок, вынесенный в тело шаблона. Например, в блоке 3 колонки вы увидите границы его колонок;

template-editor-3

  • template-editor-4 показать, как будет выглядеть шаблон в письме (предварительный просмотр);
  • template-editor-5 перейти в полноэкранный режим отображения шаблона;
  • template-editor-6— получить HTML-код шаблона. Он отобразится в открывшемся окне. Скопируйте HTML-код, чтобы затем использовать его для экспорта шаблона;
  • template-editor-7— импортировать шаблон, используя HTML-код. В открывшемся окне вставьте HTML‑код шаблона и нажмите Импортировать. После этого содержание импортированного шаблона отобразится на странице email-редактора;

template-editor-8

  • template-editor-9 — локально отключить показ изображений в шаблоне. Используйте эту опцию для удобства, когда создаёте сложный шаблон. Вместо картинки отобразится значок template-editor-10;
  • template-editor-11— отменить или вернуть последнее действие при работе с шаблоном;
  • template-editor-12— очистить шаблон, удалив его содержание.

Боковая панель инструментов редактора шаблонов

На боковой панели размещены несколько вкладок:

template-editor-13— диспетчер стилей;

template-editor-14— настройки компонента;

template-editor-15— диспетчер слоёв;

template-editor-16— блоки.

Рассмотрим подробнее работу с инструментами на каждой вкладке боковой панели.

Блоки

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

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

template-editor-17

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

Если подключённый модуль поддерживает персонализацию, вы можете добавить её в текст шаблона. Для этого в открывшемся списке выберите поле приложения Контакты, например Имя. Список доступных полей определяется в настройках модуля. При этом в текст подставится переменная или тег, соотнесённый с выбранным полем в настройках модуля. Если затем сформировать рассылку, то на стороне подключённого сервиса в шаблон письма будут передаваться данные о подписчиках.

Диспетчер стилей

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

template-editor-18

Настройки компонента

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

template-editor-19

Диспетчер слоёв

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

template-editor-20