Разборы

«Живые» письма: что такое интерактивный контент в рассылках

Зачем нужна AMP-технология и как правильно создать интерактивное письмо
Интерактивный контент в рассылках

Интерактивный контент — один из лучших способов привлечь и удержать внимание аудитории. С его помощью можно заметно повысить вовлечённость подписчиков в email-маркетинге. 

В статье расскажу про интерактивный контент и объясню, как создать интерактивное письмо, которое не улетит в спам.

Что такое интерактивный контент

Интерактивным называют любой контент, с которым пользователь активно взаимодействует, а не только пассивно потребляет. То есть при чтении или просмотре контента человек может кликнуть, ответить, совершить ещё какие-то действия.

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

Например, Email on Acid в своей рассылке предлагает найти код купона в головоломке.

Email-головоломка

Пример головоломки в email. Источник

Почти любой контент может быть интерактивным, если возможно взаимодействие с пользователем. К примеру, когда при просмотре товара человек может кликнуть на картинку, чтобы увидеть стоимость или повернуть изображение, — это интерактив. 

Интерактивный контент популярен, так как он:

  • лучше вовлекает пользователей;
  • способствует удержанию аудитории и генерации лидов;
  • позволяет сегментировать трафик;
  • помогает генерировать UGC — мотивирует делиться интересными материалами в соцсетях или личной переписке;
  • улучшает продвижение бизнеса. 

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

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

Применение интерактивного контента в рассылках стало возможным благодаря технологии 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-письма

Для использования AMP-технологии в рассылках в стандартное HTML-письмо добавляют разметку JavaScript. Добавленный код не статичен, его можно редактировать после отправки письма. Элементы можно менять самостоятельно или настроить интеграцию с сайтом. К примеру, на вашем сайте изменилась информация о товаре — и то же самое происходит в письме. 

Но нельзя просто взять и начать отправлять интерактивные рассылки. Для соблюдения безопасности почтовые сервисы предварительно проверяют всех отправителей такого контента. Разберём пошагово, как правильно создать интерактивное письмо. 

1. Убедитесь, что ваш сервис рассылки поддерживает AMP

Не все сервисы рассылок работают с AMP-технологией. Проверьте, можно ли в вашем конструкторе добавить интерактивный контент или взять готовые шаблоны. 

Например, в конструкторе писем Unisender предусмотрен готовый AMP-блок для добавления карусели изображений и есть готовые AMP-шаблоны.

2. Проверьте соответствие вашего домена требованиям провайдеров

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

  • с вашего домена рассылки отправляются не менее 3 месяцев;
  • объём рассылок — не менее 5000 писем в месяц;
  • для домена настроены SPF, DKIM и DMARC минимум 3 месяца назад; 
  • домен зарегистрирован в постмастерах; 
  • в служебных заголовках присутствует List-Unsubscribe, позволяющий получателям отписаться; 
  • содержание писем актуально и соответствует тематике сайта или заявленной теме. 

Убедиться, что ваши интерактивные рассылки проходят проверку можно, отправив тестовое письмо в mail-tester. Также полезно посмотреть необходимую информацию о настройках в постмастере.

Оценка email-рассылки
Пример проверки письма в mail-tester

3. Создайте AMP-письмо

Подготовьте письмо с AMP, которое отправите для демонстрации провайдерам. Обязательно создайте HTML-версию email — её покажет пользователю почтовый сервис, который не поддерживает AMP-формат. 

Если верстаете письмо самостоятельно, проверьте, что оно проходит валидацию и все элементы отображаются правильно. Можно использовать валидатор от Gmail или от Mail.ru.

Валидатор Gmail
Статус PASS в результатах проверки означает успешное прохождение валидации

4. Отправьте пример AMP-письма провайдерам

Основные провайдеры, которые поддерживают технологию, — Gmail, Mail.ru и Yahoo Mail. Отправьте пример интерактивного письма на эти адреса: 

5. Подайте заявку для регистрации в качестве отправителя AMP-рассылок

Для подачи заполните на английском языке форму регистрации отправителя. Она заполняется один раз, поскольку отправляется сразу трём провайдерам. В заявке потребуется указать ссылку на политику конфиденциальности сайта/компании и страну происхождения компании. Также нужно рассказать о цели использования интерактивных писем. В графе об указании сторонних ESP укажите используемый сервис рассылки. 

Спустя 5-7 дней провайдеры сообщат о своём решении. В случае отказа в регистрации будет указана причина. После исправления ошибок можно повторно подать заявку. Если вы получили положительное решение, то можете отправлять AMP-рассылки.

Запрос разрешения на отправку AMP
Фрагмент заявки на регистрацию AMP-отправителя

Виды интерактивного контента для email-рассылки

Вариантов использования интерактивного контента в рассылках немало. Перечислю самые популярные. 

Карусель изображений (слайдер). Это динамический блок, в котором можно поочередно просматривать изображения. Перелистывание бывает ручным или автоматическим. 

Слайдер

Карусель изображений в рассылке. Источник

Изображения с ролловер-эффектом. Картинка меняется при наведении на неё курсора. Если убрать курсор — возвращается исходное изображение. 

Ролловер-изображения

Пример ролловер-изображений в рассылке. Источник 

GIF-файлы. Короткое беззвучное и закольцованное видео с поддержкой анимации, длительностью до 5-15 секунд. Воспроизведение начинается при наведении курсора или автоматически. 

Gif в рассылке

Apple в своей рассылке с помощью GIF предлагает сохранить даты распродажи. Источник

Встроенное видео. В письмо можно добавить не только ссылку, но и видео: показывать обзоры товаров, фрагменты вебинаров, отзывы клиентов и пр. Некоторые почтовые сервисы позволяют просматривать ролики прямо в письме.

Видео в email

Пример видео в рассылке. Источник

Анимированные карточки товаров. Можно показывать изображения товаров с возможностью выбора характеристик, а также выводить цены и скидки при клике по картинке. 

Показ товара в email

Пример email-демонстрации товара с возможность выбора характеристик. Источник

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

Поисковая строка в письме
Поисковая строка в рассылке Booking

Интерактивная корзина. «Живые» корзины позволяют добавить товары в заказ прямо в письме. Благодаря полной автоматизации сразу обновляется стоимость покупки, учитывается скидка и оплата доставки. То есть клиент может сделать заказ прямо из письма. 

Интерактивная корзина в рассылке
Образец корзины в email-рассылке

Анкета или форма для заполнения. Если подписчик может заполнить анкету, не выходя из письма, то вероятность взаимодействия сильно возрастёт. Например, можно вставить прямо в письмо анкету, созданную в Google Forms

Форма для комментариев и отзывов. В письмо добавляется окошко, в котором подписчик может оставить отзыв, вопрос или какой-то комментарий. 

Сбор отзывов в рассылке
Сбор отзывов в рассылке

Можно попросить ответить на вопрос или оставить отзыв прямо в письме. Источник

Виджет голосования. Удобно, когда вы просите подписчиков оставить свой голос, и сделать это действительно легко. Например, если прямо в письме можно кликнуть на подходящий вариант.

Email-голосование

Образец виджета для голосования с формой для фидбека. Источник

Отображение отзывов с сайта. Настроенная интеграция позволяет подтягивать реальные отзывы пользователей со своего ресурса. 

Аккордеон. Это формат с несколькими блоками, которые раскрываются по клику. Такой способ помогает поместить в письмо большой объём информации и при этом избавить подписчика от долгого скроллинга.

Аккордеон в email
Аккордеон в письме для обеспечения компактности

Меню. Если в письме несколько тем или разделов, можно добавить меню. Так пользователь сразу перейдёт к тому, что его интересует. Меню может раскрываться по клику или быть статичным, например, в виде шапки письма.

Меню в рассылке

Меню в рассылке Booking.com позволяет выбрать внутренние или международные туристические направления. Источник

Интерактивные графики. Динамические графики могут показывать читателям изменение показателей бизнеса или интерес клиентов к каким-то темам/продуктам в режиме онлайн. 

Смарт-баннеры и блоки. В таких блоках информация постоянно меняется. Пользователь может увидеть данные, актуальные на момент открытия письма. Как, например, в таком письме с курсом валют:

Смарт-блок

Пример динамического блока в рассылке. Источник

Инфографика. При помощи интерактивной инфографики можно создавать увлекательные истории и целые комиксы, таким образом презентовать информацию более интересно для пользователя. 

Маркетинг в режиме реального времени. Счётчики времени помогут показать, сколько дней/часов осталось до какого-то события — старта продаж, окончания акции, праздника и т.д.

Счётчик отсчёта времени
Счётчик обратного отсчёта для предзаказа в рассылке Samsung

Привязка письма к календарю. Если письмо содержит информацию о предстоящем мероприятии, то можно предложить подписчику добавить событие в календарь прямо из письма. Например, если проводите вебинары, можно предложить добавить в календарь время начала. 

Запись из рассылки

Пример записи на приём из рассылки. Источник

Сервисы для создания интерактивного контента

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

Zembula. Позволяет добавить в интерактивные письма смарт-баннеры и умные блоки, которые обновляются в момент открытия.

Topol. Помогает собрать письмо из блоков или создать собственный HTML-код. В PRO-версии можно добавлять в шаблон динамические элементы. 

Freshinbox. Помогает создать карусель изображений для интерактивных рассылок, а затем скопировать CSS- и HTML-код для вставки. Также позволяет создавать ролловерные изображения, которые меняются при наведении курсора. 

Viewed. Помогает встроить в рассылку видеоролики и обеспечивает их плавное воспроизведение прямо в почтовом ящике. 

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

Lodago. Позволяет связать письмо с календарём и настроить интеграцию с любой CRM, чтобы записывать клиента на визит прямо из почты. 

Magento 2 AMP Email Extension. Помогает создавать в рассылках интерактивные корзины, отображать статус заказа в режиме онлайн, показывать предложения продуктов в реальном времени и многое другое. 

LeadQuizzes. Пригодится для создания викторин и опросов для использования в интерактивных рассылках. 

Mailmodo. Помогает создавать интерактивные формы опросов, рейтинги, бронирования, аккордеоны и пр. Можно выбрать готовый шаблон и отредактировать его.