АМП развивается, особенно активно технологию популяризирует сервис Stripo. Но её полноценно поддерживают только Gmail и Mail.ru, а вот Outlook вовсе отказался от интерактивных блоков. При подключении могут возникнуть проблемы, в процессе вёрстки тоже что-то может пойти не так. Делимся, с какими трудностями столкнулись мы при подготовке АМП-письма и как их решали.
АМП-блок с пазлом
Идея. Подготовили email-рассылку с интерактивным блоком. Предлагали подписчикам собрать пазл. Те, кто расставит все части картинки в правильном порядке, узнают секрет идеальных дворов в проектах LEGENDA.
Так выглядит письмо:
Проблема №1
При сборке пазла корректно отображались только первые три элемента. Остальные шесть нужно было править в коде, после смотреть в предпросмотре, всё ли с блоком в порядке. Из-за этого было трудно сверстать письмо.
Решение
Первое и последнее изображения сделали статичными, добавили их прямо из редактора. Промежуточные картинки вставили ссылками. Собрать блок помогла статья «Меньше часа на создание лабиринтов и головоломок в Stripo».
Проблема №2
Обратили внимание, что в пазле кривые отступы.
Решение
Самим разобраться не удалось, потому обратились в техподдержку Stripo. Оказалось, что проблема была в коде. Починить ее удалось только специалистам стрипо.
Оказалось, что, когда мы строили АМП-элемент, HTML-код письма немного съехал. Починить его удалось с помощью специалистов Stripo.
Проблема №3
Дополнительный блок должен был появляться только в том случае, если подписчик собрал пазлы. Однако текст сразу был виден под интерактивным блоком. Наша идея с АМР лишалась смысла.
Решение
Когда верстали письмо, дописали в вёрстку код '4344324'. Блок с текстом пропал из редактора и превью. Другие правки вносили уже только через код.
У модуля есть пример скрытого кода. Чтобы спрятать структуру, в него нужно добавить код '4344324'. Это комбинация правильного положения пазла — слайды должны соответствовать этим цифрам.
Проблема №4
Иногда шаблон с АМП не проходит валидацию в Google. С нашей рассылкой так и вышло.
Решение
Чтобы пройти валидацию, достаточно добавить в код ссылку на сервис, где собирали шаблон.
Чек-лист: что учесть при подготовке рассылок с AMP?
Если вы только планируете собрать первое письмо с интерактивным блоком или уже работали с АМП, но столкнулись с проблемами, чек-лист будет для вас полезен.
- Проверьте, поддерживает ли ваша платформа для рассылок письма с АМП. Технология доступна в eSputnik, Sendpulse, Tripolis, SendGrid и др.
- Помните, что сообщения с АМП поддерживают только почтовики Gmail, Mail.ru и Yahoo.
- Чтобы ваше письмо увидели пользователи Яндекса, Outlook и других почтовиков, добавьте HTML-версию.
- Проверяйте баги до отправки. Увидеть их можно в режиме предварительного просмотра. Но ещё лучше иметь тестовые ящики на Gmail, Mail.ru, Яндекс и предварительно отправлять рассылку на них. Так вы увидите, как будет выглядеть письмо, и сможете исправить косяки вёрстки. А если не можете починить сами, не обратитесь в техподдержку.
- АМП-письма теряют интерактивный блок при пересылке.
Что в итоге?
Технология АМР превращает рассылки в аналог веб-страниц. Теперь, чтобы купить пальто, забронировать билет в кино или записаться на приём к врачу, не придётся переходить на сайт. С помощью АМП можно создавать полноценные игры. Такие сообщения вовлекают, повышают лояльность, запоминаются.
Однако технология ещё развивается. Её поддерживают не все почтовики, а при вёрстке писем возникают проблемы, которые не всегда удаётся решить самостоятельно. Но это не повод отказаться от АМП. Напротив! Рассылки с интерактивом — возможность выделиться во «Входящих» ваших подписчиков. Успейте освоить технологию, пока она не стала мейнстримом ;)
Если понадобится помощь с рассылками или захотите доверить дело профессионалам, свяжитесь с нами. Сделаем письма, которые запомнятся вашим подписчикам надолго.