Поделиться через

Использование расширенных элементов управления HTML и импорт HTML-фрагментов

  • Статья

В этой статье подробно описано, как использовать динамическое кодирование и пользовательские теги кода в редакторе электронной почты Customer Insights - Journeys.

Как маркетолог, вам нудно отправлять электронные письма, которые будут интересны и персонализированы для ваших клиентов. Иногда вам может потребоваться изменить HTML-код или добавить собственный HTML-код для достижения определенных особенностей дизайна и вариантов макета. Однако редактирование HTML-кода или импорт пользовательского HTML-кода может вызвать проблемы с отрисовкой и различия в отображении в разных почтовых клиентах и устройствах. Чтобы помочь вам справиться с этими проблемами, редактор электронной почты Customer Insights - Journeys включает расширенные элементы управления HTML, которые позволяют редактировать электронные письма в режиме реального времени и защищать ваш собственный код от постобработки.

Эта функция позволяет:

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

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

Заметка

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

Включение расширенных элементов управления HTML

Включение или отключение этой функции:

  1. Выберите Параметры>Обзор>Переключатели функций.
  2. Включите или отключите расширенные элементы управления HTML в разделе Редактор электронной почты.

Использование расширенных элементов управления HTML

Заметка

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

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

Чтобы использовать функцию маркировки пользовательского кода, выполните следующие действия:

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

  2. Нажмите кнопку Отметить раздел как пользовательский в верхнем левом углу окна HTML-редактора.

    Снимок экрана: функция пометки пользовательского кода

  3. Просмотрите выбранный код, окруженный пользовательскими тегами кода, в редакторе кода, и помеченный код, выделенный зеленой рамкой, в предварительном просмотре вашего электронного письма и в окне HTML.

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

Чтобы вставить фрагмент кода в электронное письмо, выполните следующие действия:

  1. Выберите раздел, в который требуется импортировать код.

  2. Нажмите кнопку Импортировать фрагмент кода в окне HTML-редактора.

    Снимок экрана: функция импорта собственного кода

  3. Посмотрите фрагмент кода, добавленный в редактор HTML, и предварительный просмотр вашего электронного письма, выделенный зеленой рамкой, в предварительном просмотре вашего электронного письма и в окне HTML.

Преимущества и ограничения расширенной функции управления HTML

Расширенная функция управления HTML предоставляет несколько преимуществ маркетологам, которые хотят использовать собственный HTML-код в своих электронных письмах. Вот некоторые из преимуществ:

  • Функция упрощает процесс создания электронной почты, позволяя вам писать код и просматривать ваши электронные письма в режиме реального времени.
  • Это дает вам больше контроля над тем, как вы отображаете информацию и как она отображается на устройствах и в почтовых клиентах.
  • Функция защищает ваш пользовательский код от постобработки и гарантирует, что он будет отображаться так, как задумано.
  • Функция снижает потребность во внешних инструментах и сервисах для редактирования и тестирования ваших электронных писем.
  • Функция поможет вам избежать проблем с отрисовкой и запросами в службу поддержки, предоставляя вам удобный HTML-редактор.

Однако функция расширенного управления HTML также имеет некоторые ограничения, о которых вам следует знать. Вот некоторые ограничения:

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

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