AMP-письма: особенности настройки в платформе

AMP – это технология, которая позволяет создавать интерактивные и динамические email-письма. В таких письмах получатель может взаимодействовать с контентом, не переходя на сайт. Например, пролистать слайдер с изображениями, заполнить форму или подтвердить заказ.

На данный момент поддержку AMP-писем предоставляют почтовые провайдеры Gmail, Yahoo и Mail.ru. Для отправки AMP-писем каждый отправитель должен пройти процедуру регистрации у соответствующего почтового провайдера. Сделать это можно, следуя официальному руководству.
Если вы хотите узнать больше о том, что такое AMP-письма и в чем их отличия от HTML-писем, читайте статью в блоге.

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

Рассмотрим, как настроить AMP-письма в платформе Altcraft.
Чтобы запустить рассылку писем с интерактивными и динамичными элементами, вам необходимо подготовить, настроить и сохранить шаблон AMP-сообщения. Начинаем с того же, с чего и обычный email-шаблон – в меню слева выбираем ШаблоныШаблоны.

Общие рекомендации по настройке шаблонов в платформе вы можете найти в наших гайдах:

Дойдя до этапа, где вы создаёте и редактируете само содержимое письма, поставьте галочку на «Добавить AMP/HTML версию письма»:
В AMP-версии email-письма можно назначать имена ссылкам только с помощью атрибута data-name.
<a href="https://example.com" title="Текст ссылки"  data-name="link1">Текст ссылки</a>
Когда вы сохраняете шаблон, платформа автоматически применяет атрибут data-name ко всем ссылкам.
Если вы добавляте AMP-параметр в ссылку, не нужно оборачивать ее трекингом. Однако клики по такой ссылке не будут отслеживаться.
Для правильной обработки кода в шаблонах AMP необходимо экранировать шаблонные выражения с помощью символа $. Например, если вы используете компонент и хотите подставить переменную {{title}} в элемент списка, замените ее на ${{title}}. Экранирование шаблонных выражений гарантирует корректное выполнение кода и предотвращает возможные ошибки в обработке данных.
<amp-list id="myList" src="https://foo.com/list.json">
  <template type="amp-mustache">
    <div>${{title}}</div>
  </template>
</amp-list>
Для настройки AMP-писем в платформе Altcraft нужно подготовить и сохранить шаблон AMP-сообщения, принимая во внимание то, что для ссылок в AMP-версии письма используется атрибут data-name, позволяющий задать имя ссылки для обработки событий и взаимодействия с пользователем. Кроме того, в шаблонах AMP необходимо экранировать шаблонные выражения с помощью символа $ для правильной обработки кода. Эти шаги помогут настроить и использовать AMP-письма эффективно.

Может быть интересно