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

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

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

Если вы хотите узнать больше о том, что такое AMP-письма и в чем их отличия от HTML-писем, читайте статью в блоге.

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

Рассмотрим, как настроить AMP-письма в платформе Altcraft.

Работа с шаблоном

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

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

Как создать шаблон сообщения

Шаблон сообщения для Email рассылки

Дойдя до этапа, где вы создаёте и редактируете само содержимое письма, поставьте галочку на «Добавить AMP/HTML версию письма»:

Ссылки в AMP-письмах

В 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-письма эффективно.