Добавление пользовательского кода к шаблонам электронной почты

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

Для добавления кода пользовательского HTML в сообщение электронной почты:

  1. Откройте шаблон электронной почты и перетащите компонент контента кода в макет.

    Изображение, показывающее блок кода, добавляемый в сообщение электронной почты с помощью редактора оформления

  2. Щелкните блок контента кода и используйте редактор HTML для добавления HTML-кода. Используйте панель Пользовательский код для форматирования блока контента.

    Изображение блока контента HTML-кода

    Примечание. Для просмотра изменений необходимо щелкнуть за пределами блока контента кода.

Рекомендации по HTML

Контент кода в визуальном конструкторе шаблонов предназначен для сниппетов пользовательского HTML-кода.

Ниже приводятся рекомендации для HTML-кода:

  • Напишите HTML-код, соответствующий стандартам. Например, убедитесь, что элементы правильно вложены и закрыты, а также используется нижний регистр для имен элементов, атрибутов и значений.
  • Избегайте использования следующих элементов HTML в блоке контента кода: <html>, <head>, <body>, <script>, <iframe>, <form>. Визуальный конструктор шаблонов не поддерживает использование некоторых из этих элементов. Другие не поддерживаются многими почтовыми клиентами, часто блокируются по соображениям безопасности, при их использовании могут возникать проблемы с доставкой.
  • Не забывайте о зарезервированных символах, таких как <, > и &. Эти символы образуют язык HTML. Если необходимо, чтобы они отображались в контенте сообщения электронной почты, необходимо использовать вместо них имя или номер объекта. Например, &lt;, &gt; и &amp;.
  • Поддержка свойств CSS варьируется в зависимости от почтовых клиентов. Используйте таблицу совместимости CSS, чтобы проверить, что это поддерживается, и проверить свои сообщения электронной почты на соответствие целевым почтовым клиентам.
  • Чтобы предотвратить конфликты CSS с Responsys:
    • Избегайте следующих имен классов: .body, .ExternalClass, .button.
    • Всегда именуйте классы, которые будут применяться к элементам <table>. Если вы используете таблицы, обратите внимание на возможные проблемы гибкой разметки, перечисленные ниже.
  • Если HTML-код содержит таблицы или длинные текстовые строки, в визуальном конструкторе шаблонов появляется уведомление Изображение значка "Уведомление". Таблицы и длинные текстовые строки могут вызывать проблемы гибкой разметки, препятствуя подгонке контента под разные размеры экрана. Responsys не предотвращает отправку сообщения электронной почты с этими возможными проблемами, но вам необходимо протестировать свой контент на разных размерах экрана и в целевых почтовых клиентах.

Заполнители и рамки

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

Цвет фона

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

См. также