Найти в Дзене
Email-рассылки Mailganer

Новогодний AMP: как мы отправили интерактивную открытку

Рассказываем, как клиенты поздравляли друг друга и нашу команду прямо в письме — и как подготовиться к тому, чтобы начать отправлять AMP-письма. Интерактивные письма (AMP) — когда получатель может взаимодействовать с отдельными элементами рассылки прямо в письме: оставлять отзыв, просматривать товары, оформлять заказ и т. д. Подробнее о том, что такое AMP-письма рекомендуем почитать в этой статье от Pixcraft. Существуют базовые и продвинутые механики AMP. Простые механики связаны с играми: куда-то нажать, чтобы что-то изменилось и случилась красота. Тот самый вау-эффект, который повышает лояльность. Сложные механики помогают бизнесу решать реальные задачи: получить заявки, собрать отзывы и иными способами сократить путь до целевого действия. В нашем письме мы совместили сразу две механики: базовую (игра) и продвинутую (форма и контент в реальном времени). Базовая механика в нашем случае — ёлочка со скрытыми полями, по клику на которые «открывался» спрятанный под звёздочками контент. Пр
Оглавление

Рассказываем, как клиенты поздравляли друг друга и нашу команду прямо в письме — и как подготовиться к тому, чтобы начать отправлять AMP-письма.

AMP — это про wow-эффект

Интерактивные письма (AMP) — когда получатель может взаимодействовать с отдельными элементами рассылки прямо в письме: оставлять отзыв, просматривать товары, оформлять заказ и т. д.

Подробнее о том, что такое AMP-письма рекомендуем почитать в этой статье от Pixcraft.

Существуют базовые и продвинутые механики AMP. Простые механики связаны с играми: куда-то нажать, чтобы что-то изменилось и случилась красота. Тот самый вау-эффект, который повышает лояльность.

Сложные механики помогают бизнесу решать реальные задачи: получить заявки, собрать отзывы и иными способами сократить путь до целевого действия.

Сразу две механики — тоже можно или как выглядело наше новогоднее AMP-письмо

В нашем письме мы совместили сразу две механики: базовую (игра) и продвинутую (форма и контент в реальном времени).

-2

Базовая механика в нашем случае — ёлочка со скрытыми полями, по клику на которые «открывался» спрятанный под звёздочками контент.

-3

Продвинутая механика — форма под ёлкой, в которой подписчик мог оставить пожелания:

-4

Ответы-пожелания обрабатывались и тут же появлялись в общей ленте, которую могли видеть все у себя в почтовике с поддержкой AMP или веб-версии.

Модерация была? Конечно. Форма была подключена через Pixcraft, где в личном кабинете можно было также в режиме реального времени отслеживать новые комментарии и скрывать откровенный спам.

Можно же было сделать просто открытку гифкой. Зачем AMP?

В Mailganer появилась возможность отправлять AMP-письма для всех пользователей, а в блочном редакторе появились готовые AMP-компоненты. Письмом мы хотели одновременно и поздравить подписчиков, и показать новую фичу. Да и под конец года нам хотелось просто поднять настроение получателю и дать отвлечься от работы на пять минут :)

Как продукт мы вообще отправляем преимущественно информационные рассылки. Рассказываем об обновлениях в платформе, новых инструментах, фичах — и как этим пользоваться. Или приглашаем клиентов и подписчиков на полезные и всегда бесплатные вебинары.

И ничего в этих рассылках не продаём. А в последнем письме года — тем более. Никаких банальных благодарностей и громких слов про итоги — только приятный визуал и простой интерактив.

-5
Посмотреть AMP-письмо целиком.

Что важно знать про AMP

Если отправляете первый раз — нужно заранее получить разрешения от почтовых сервисов на поддержку интерактивной версии для домена отправителя.

AMP поддерживают не все почтовики. Поэтому нужно подготовить две вёрстки:

  1. AMP-версию — интерактивные элементы работают в поддерживающих AMP почтовиках и веб-версии.
  2. HTML-версию — с призывом перейти на веб-версию, чтобы увидеть интерактив.

AMP — одновременно и просто, и сложно. Во время подготовки вы наверняка столкнётесь с неожиданными техническими нюансами.

Например, из-за того, что в текстовой версии шуточного поздравления «в виде кода» мы использовали знак переменных {{ }}, случилось пересечение синтаксиса и код  отрабатывал неправильно и платформа выдавала ошибку, что такой переменной не существует.

-6

Проблему решили с помощью {% verbatim %} — тега, который «говорит» не учитывать контент внутри как часть вёрстки. Обернули в него текст со спецсимволами, который должен был оставаться просто текстом.

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

Если вы ещё не используете AMP в рассылках — рекомендуем начать с того, чтобы разобраться в теме интерактивных писем и понять, что вы можете использовать для себя и как сразу сделать всё правильно.

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

Посмотреть вебинар «AMP — это просто»