Расскажите о задачах, найдём решение
Блог агентства «Схема»

АМР-рассылки: проблемы в интерактивных письмах и их решение

AMP Email-маркетинг
Технология АМР (Accelerated Mobile Pages) кажется гениальной: письма с интерактивом вовлекают, повышают лояльность и упрощают подписчикам жизнь. Ещё бы, ведь теперь заказать товар, выбрать время встречи или оставить отзыв можно прямо из рассылки. Но так ли всё хорошо?

АМП развивается, особенно активно технологию популяризирует сервис Stripo. Но её полноценно поддерживают только Gmail и Mail.ru, а вот Outlook вовсе отказался от интерактивных блоков. При подключении могут возникнуть проблемы, в процессе вёрстки тоже что-то может пойти не так. Делимся, с какими трудностями столкнулись мы при подготовке АМП-письма и как их решали.

АМП-блок с пазлом


Идея. Подготовили email-рассылку с интерактивным блоком. Предлагали подписчикам собрать пазл. Те, кто расставит все части картинки в правильном порядке, узнают секрет идеальных дворов в проектах LEGENDA.

Так выглядит письмо:

amp ребус пазл
Письмо для Legenda c пазлом


Проблема №1


При сборке пазла корректно отображались только первые три элемента. Остальные шесть нужно было править в коде, после смотреть в предпросмотре, всё ли с блоком в порядке. Из-за этого было трудно сверстать письмо.

Проблемы с вёрсткой
Проблемы с вёрсткой интерактивного элемента

Решение


Первое и последнее изображения сделали статичными, добавили их прямо из редактора. Промежуточные картинки вставили ссылками. Собрать блок помогла статья «Меньше часа на создание лабиринтов и головоломок в Stripo».


Проблема №2


Обратили внимание, что в пазле кривые отступы.
Проблемы с отступами в вертске
Проблемы с отступами в интерактивном блоке

Решение


Самим разобраться не удалось, потому обратились в техподдержку Stripo. Оказалось, что проблема была в коде. Починить ее удалось только специалистам стрипо.

Оказалось, что, когда мы строили АМП-элемент, HTML-код письма немного съехал. Починить его удалось с помощью специалистов Stripo.


Проблема №3


Дополнительный блок должен был появляться только в том случае, если подписчик собрал пазлы. Однако текст сразу был виден под интерактивным блоком. Наша идея с АМР лишалась смысла.

Решение


Когда верстали письмо, дописали в вёрстку код '4344324'. Блок с текстом пропал из редактора и превью. Другие правки вносили уже только через код.

Добавление кода в  АМП письмо
Добавление кода '4344324' при вёрстке АМП-письма

У модуля есть пример скрытого кода. Чтобы спрятать структуру, в него нужно добавить код '4344324'. Это комбинация правильного положения пазла — слайды должны соответствовать этим цифрам.


Проблема №4


Иногда шаблон с АМП не проходит валидацию в Google. С нашей рассылкой так и вышло.

AMP-код и валидация Google
AMP-код шаблона не прошёл валидацию Google

Решение


Чтобы пройти валидацию, достаточно добавить в код ссылку на сервис, где собирали шаблон.

Код в Stripo
Добавили в код ссылку на Stripo, и шаблон прошёл валидацию


Чек-лист: что учесть при подготовке рассылок с AMP?


Если вы только планируете собрать первое письмо с интерактивным блоком или уже работали с АМП, но столкнулись с проблемами, чек-лист будет для вас полезен.

  • Проверьте, поддерживает ли ваша платформа для рассылок письма с АМП. Технология доступна в eSputnik, Sendpulse, Tripolis, SendGrid и др.
  • Помните, что сообщения с АМП поддерживают только почтовики Gmail, Mail.ru и Yahoo.
  • Чтобы ваше письмо увидели пользователи Яндекса, Outlook и других почтовиков, добавьте HTML-версию. 
  • Проверяйте баги до отправки. Увидеть их можно в режиме предварительного просмотра. Но ещё лучше иметь тестовые ящики на Gmail, Mail.ru, Яндекс и предварительно отправлять рассылку на них. Так вы увидите, как будет выглядеть письмо, и сможете исправить косяки вёрстки. А если не можете починить сами, не обратитесь в техподдержку.
  • АМП-письма теряют интерактивный блок при пересылке.


Что в итоге?


Технология АМР превращает рассылки в аналог веб-страниц. Теперь, чтобы купить пальто, забронировать билет в кино или записаться на приём к врачу, не придётся переходить на сайт. С помощью АМП можно создавать полноценные игры. Такие сообщения вовлекают, повышают лояльность, запоминаются.

Однако технология ещё развивается. Её поддерживают не все почтовики, а при вёрстке писем возникают проблемы, которые не всегда удаётся решить самостоятельно. Но это не повод отказаться от АМП. Напротив! Рассылки с интерактивом — возможность выделиться во «Входящих» ваших подписчиков. Успейте освоить технологию, пока она не стала мейнстримом ;)

Если понадобится помощь с рассылками или захотите доверить дело профессионалам, свяжитесь с нами. Сделаем письма, которые запомнятся вашим подписчикам надолго.