Зачем нужна AMP-технология и как правильно создать интерактивное письмо
Интерактивный контент — один из лучших способов привлечь и удержать внимание аудитории. С его помощью можно заметно повысить вовлечённость подписчиков в email-маркетинге.
В статье расскажу про интерактивный контент и объясню, как создать интерактивное письмо, которое не улетит в спам.
Интерактивным называют любой контент, с которым пользователь активно взаимодействует, а не только пассивно потребляет. То есть при чтении или просмотре контента человек может кликнуть, ответить, совершить ещё какие-то действия.
Например, Email on Acid в своей рассылке предлагает найти код купона в головоломке.
Почти любой контент может быть интерактивным, если возможно взаимодействие с пользователем. К примеру, когда при просмотре товара человек может кликнуть на картинку, чтобы увидеть стоимость или повернуть изображение, — это интерактив.
Интерактивный контент популярен, так как он:
Вот пример интерактивного геймифицированного письма: в нём можно поиграть, не выходя из почтового сервиса, и даже поделиться результатом в соцсети.
Применение интерактивного контента в рассылках стало возможным благодаря технологии AMP (от англ. accelerated mobile pages — ускоренные мобильные страницы). Весной 2019 года о внедрении AMP для электронной почты в мобильной версии заявили ведущие email-провайдеры: Gmail, Outlook, Yahoo, Mail.ru. В 2021 году корпорация Google объявила о внедрении АМР в web-версию Gmail, а Yahoo, Mail.ru и Outlook заявили, что тоже будут поддерживать технологию.
Интерактивные электронные письма улучшают пользовательский опыт и позволяют предоставлять контент в едином пространстве. Прямо в почте можно пройти опрос, добавить товары в корзину, сыграть квиз, оставить отзыв, посмотреть «живую» инфографику и т.д. Пользователи могут взаимодействовать с контентом без перехода на другие страницы — это облегчает выполнение многих действий. Кроме того, интерактивные элементы превращают скучные письма в увлекательные, и это делает контент-маркетинг более запоминающимся.
Сокращается путь пользователя. Подписчику не нужно переходить на сайт, чтобы выполнить какое-то действие. Это экономит время, улучшает продвижение и повышает конверсию. Каждый дополнительный переход — это этап, на котором отсеивается часть аудитории.
Повышается вовлечённость подписчиков. Интерактивный контент мотивирует подписчика взаимодействовать с письмом. Он играет, кликает на кнопки, поворачивает изображения и вовлекается в содержание рассылки.
Письма привлекают больше внимания. Интерактивные письма пока не так популярны по сравнению с классическими статическими рассылками. Любой необычный формат вызывает интерес и лучше запоминается.
Легче поддерживать актуальность информации. Содержимое AMP-писем хранится на сервере. Это позволяет вовремя обновлять данные и показывать только актуальную информацию.
Можно разнообразить оформление письма. При использовании AMP можно добавлять в текст разные динамические элементы. При этом особенности оформления позволяют сделать компактным даже большое по содержанию письмо.
AMP-технологию сложнее внедрить. Настройка и вёрстка AMP-писем усложняется за счёт добавления в код email JavaScript-компонентов. Нужно создать рабочий код, внедрить его и проверить корректность работы на разных устройствах и в разных браузерах.
Письма необходимо адаптировать. Не все почтовые провайдеры поддерживают AMP-формат. Поэтому нужно создавать HTML-версию, которая будет показана вместо интерактивного письма.
Для отправки нужно получить разрешение. Прежде чем отправить AMP-рассылку, нужно получить разрешение от провайдера. Для этого необходимо соблюсти определённые требования и отправить соответствующий запрос. Расскажу об этом ниже.
Оценить реальный результат трудно. В HTML-письмах оценить конверсию можно по количеству переходов по ссылке. В AMP-рассылках этот способ не работает из-за отсутствия кликов. Поэтому нужны другие способы. Например, можно проставлять при вёрстке отслеживающие пиксели и затем анализировать действия пользователей.
Создание контента занимает больше времени. Важно не просто добавить интерактивный контент, но и сделать так, чтобы это было выгодно и клиенту, и бренду. Поэтому недостаточно просто вставить динамическую картинку. Интерактивные элементы должны помогать в решении конкретных задач. Поиск уникальных и интересных решений без плагиата требует времени.
Для использования AMP-технологии в рассылках в стандартное HTML-письмо добавляют разметку JavaScript. Добавленный код не статичен, его можно редактировать после отправки письма. Элементы можно менять самостоятельно или настроить интеграцию с сайтом. К примеру, на вашем сайте изменилась информация о товаре — и то же самое происходит в письме.
Но нельзя просто взять и начать отправлять интерактивные рассылки. Для соблюдения безопасности почтовые сервисы предварительно проверяют всех отправителей такого контента. Разберём пошагово, как правильно создать интерактивное письмо.
Не все сервисы рассылок работают с AMP-технологией. Проверьте, можно ли в вашем конструкторе добавить интерактивный контент или взять готовые шаблоны.
Например, в конструкторе писем Unisender предусмотрен готовый AMP-блок для добавления карусели изображений и есть готовые AMP-шаблоны.
При помоши скрипта в коде AMP-письма спамеры могут распространять вирусы. Поэтому почтовые провайдеры по умолчанию запрещают рассылку писем с активным содержанием. Перед отправкой писем с AMP нужно подтвердить добросовестность отправителя. Для этого убедитесь, что:
Убедиться, что ваши интерактивные рассылки проходят проверку можно, отправив тестовое письмо в mail-tester. Также полезно посмотреть необходимую информацию о настройках в постмастере.
Подготовьте письмо с AMP, которое отправите для демонстрации провайдерам. Обязательно создайте HTML-версию email — её покажет пользователю почтовый сервис, который не поддерживает AMP-формат.
Если верстаете письмо самостоятельно, проверьте, что оно проходит валидацию и все элементы отображаются правильно. Можно использовать валидатор от Gmail или от Mail.ru.
Основные провайдеры, которые поддерживают технологию, — Gmail, Mail.ru и Yahoo Mail. Отправьте пример интерактивного письма на эти адреса:
Для подачи заполните на английском языке форму регистрации отправителя. Она заполняется один раз, поскольку отправляется сразу трём провайдерам. В заявке потребуется указать ссылку на политику конфиденциальности сайта/компании и страну происхождения компании. Также нужно рассказать о цели использования интерактивных писем. В графе об указании сторонних ESP укажите используемый сервис рассылки.
Спустя 5-7 дней провайдеры сообщат о своём решении. В случае отказа в регистрации будет указана причина. После исправления ошибок можно повторно подать заявку. Если вы получили положительное решение, то можете отправлять AMP-рассылки.
Вариантов использования интерактивного контента в рассылках немало. Перечислю самые популярные.
Карусель изображений (слайдер). Это динамический блок, в котором можно поочередно просматривать изображения. Перелистывание бывает ручным или автоматическим.
Изображения с ролловер-эффектом. Картинка меняется при наведении на неё курсора. Если убрать курсор — возвращается исходное изображение.
GIF-файлы. Короткое беззвучное и закольцованное видео с поддержкой анимации, длительностью до 5-15 секунд. Воспроизведение начинается при наведении курсора или автоматически.
Встроенное видео. В письмо можно добавить не только ссылку, но и видео: показывать обзоры товаров, фрагменты вебинаров, отзывы клиентов и пр. Некоторые почтовые сервисы позволяют просматривать ролики прямо в письме.
Анимированные карточки товаров. Можно показывать изображения товаров с возможностью выбора характеристик, а также выводить цены и скидки при клике по картинке.
Строка поиска в письме. В письмо добавляется поисковая строка с сайта, чтобы пользователь мог быстро найти нужную информацию.
Интерактивная корзина. «Живые» корзины позволяют добавить товары в заказ прямо в письме. Благодаря полной автоматизации сразу обновляется стоимость покупки, учитывается скидка и оплата доставки. То есть клиент может сделать заказ прямо из письма.
Анкета или форма для заполнения. Если подписчик может заполнить анкету, не выходя из письма, то вероятность взаимодействия сильно возрастёт. Например, можно вставить прямо в письмо анкету, созданную в Google Forms.
Форма для комментариев и отзывов. В письмо добавляется окошко, в котором подписчик может оставить отзыв, вопрос или какой-то комментарий.
Виджет голосования. Удобно, когда вы просите подписчиков оставить свой голос, и сделать это действительно легко. Например, если прямо в письме можно кликнуть на подходящий вариант.
Отображение отзывов с сайта. Настроенная интеграция позволяет подтягивать реальные отзывы пользователей со своего ресурса.
Аккордеон. Это формат с несколькими блоками, которые раскрываются по клику. Такой способ помогает поместить в письмо большой объём информации и при этом избавить подписчика от долгого скроллинга.
Меню. Если в письме несколько тем или разделов, можно добавить меню. Так пользователь сразу перейдёт к тому, что его интересует. Меню может раскрываться по клику или быть статичным, например, в виде шапки письма.
Меню в рассылке Booking.com позволяет выбрать внутренние или международные туристические направления. Источник
Интерактивные графики. Динамические графики могут показывать читателям изменение показателей бизнеса или интерес клиентов к каким-то темам/продуктам в режиме онлайн.
Смарт-баннеры и блоки. В таких блоках информация постоянно меняется. Пользователь может увидеть данные, актуальные на момент открытия письма. Как, например, в таком письме с курсом валют:
Инфографика. При помощи интерактивной инфографики можно создавать увлекательные истории и целые комиксы, таким образом презентовать информацию более интересно для пользователя.
Маркетинг в режиме реального времени. Счётчики времени помогут показать, сколько дней/часов осталось до какого-то события — старта продаж, окончания акции, праздника и т.д.
Привязка письма к календарю. Если письмо содержит информацию о предстоящем мероприятии, то можно предложить подписчику добавить событие в календарь прямо из письма. Например, если проводите вебинары, можно предложить добавить в календарь время начала.
Пример записи на приём из рассылки. Источник
Сервисы рассылок, которые поддерживают AMP-технологию, обычно позволяют использовать какие-то интерактивные элементы или предлагают готовые шаблоны. Также есть другие сторонние сервисы, которые расширяют возможности в создании интерактива в письмах. Вот несколько вариантов.
Zembula. Позволяет добавить в интерактивные письма смарт-баннеры и умные блоки, которые обновляются в момент открытия.
Topol. Помогает собрать письмо из блоков или создать собственный HTML-код. В PRO-версии можно добавлять в шаблон динамические элементы.
Freshinbox. Помогает создать карусель изображений для интерактивных рассылок, а затем скопировать CSS- и HTML-код для вставки. Также позволяет создавать ролловерные изображения, которые меняются при наведении курсора.
Viewed. Помогает встроить в рассылку видеоролики и обеспечивает их плавное воспроизведение прямо в почтовом ящике.
Liveclicker. Позволяет добавлять в письма виджеты обратного отсчёта, динамические изображения и видео.
Lodago. Позволяет связать письмо с календарём и настроить интеграцию с любой CRM, чтобы записывать клиента на визит прямо из почты.
Magento 2 AMP Email Extension. Помогает создавать в рассылках интерактивные корзины, отображать статус заказа в режиме онлайн, показывать предложения продуктов в реальном времени и многое другое.
LeadQuizzes. Пригодится для создания викторин и опросов для использования в интерактивных рассылках.
Mailmodo. Помогает создавать интерактивные формы опросов, рейтинги, бронирования, аккордеоны и пр. Можно выбрать готовый шаблон и отредактировать его.
Читайте только в Конверте
No-code конструктор от Unisender. Простая интеграция, подробная аналитика, готовые шаблоны сценариев. 14 дней — 0 ₽.
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
Проверяйте почту — письмо придет в течение 5 минут (обычно мгновенно)
