Что такое AMP для электронной почты и что нужно знать, прежде чем попробовать?

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

Благодаря тому, что десятки миллионов доменов теперь имеют «AMP», инфраструктура с открытым исходным кодом расширила свой охват. Теперь маркетологи не просто ускоряют целевые страницы после клика, сообщения в блогах и полноценные веб-сайты с помощью AMP; они также улучшают электронную почту.

Что такое AMP для электронной почты?

AMP для электронной почты — это еще один способ для маркетологов использовать скорость ускоренной платформы мобильных страниц. В официальном выпуске в блоге AMP менеджер по продуктам Gmail и чата Аакаш Сахни называет это мощным способом для разработчиков создавать более привлекательные, интерактивные и действенные электронные письма.

Что вы можете сделать с AMP для электронной почты?

Один из наиболее часто задаваемых вопросов об AMP для электронной почты: можете ли вы делать с AMP для электронной почты все то же, что и с AMP?

Ответ - нет."

Однако электронная почта AMP гораздо менее ограничена, чем традиционная электронная почта. И хотя вы не можете использовать ВСЕ команды AMP в Gmail, вы все равно можете создать очень богатый пользовательский интерфейс. Согласно AMP, вот что вы можете использовать в своих электронных письмах AMP:

Динамический контент

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

• amp-form: это элемент формы AMP. Это позволяет дизайнерам создавать формы непосредственно в электронной почте, которые могут быть заполнены пользователями.
• amp-selector: это виджет множественного выбора для использования в форме.
• amp-bind и amp-state: простой язык сценариев в AMP, который позволяет манипулировать конечным автоматом для взаимодействия между элементами. Также может использоваться для добавления поведения при определенных событиях. amp-state используется для удаленного получения начальных значений конечного автомата.
• amp-list: удаленно извлекает данные JSON, которые будут отображаться файлом .
• template type="amp-mustache": разметка шаблона Mustache для отображения результатов вызова amp-list.

Макет

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

• amp-accordion: Элемент пользовательского интерфейса, который облегчает отображение/скрытие различных разделов.
• amp-carousel : Компонент пользовательского интерфейса карусели.
• amp-sidebar: боковая панель для навигации.
• amp-image-lightbox: лайтбокс для изображений.
• amp-lightbox: лайтбокс для содержимого.
• amp-fit-text: вспомогательный компонент для размещения текста в определенной области.
• amp-timeago: Предоставляет удобный способ рендеринга временных меток.

Средства массовой информации

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

• amp-img: компонент AMP, который заменяет «изображение».
• amp-anim: встраивает GIF-файлы.

3 примера AMP для электронной почты

AMP еще не был полностью развернут для всех пользователей. Это не значит, что у нас нет примеров его использования. В 2018 году несколько компаний сотрудничали с Google, чтобы показать, что маркетологи могут делать с AMP для электронной почты. На конференции AMP 2018 они продемонстрировали результаты.

1. Дудл

Doodle — это инструмент, облегчающий планирование встреч. С помощью опросов о местах и ​​времени менеджеры могут определить оптимальное время сбора для всех участников.

Обычно эти опросы требуют от посетителей выполнения более динамичных действий на веб-странице. Но с AMP для электронной почты все выглядит немного иначе.

Ниже вы увидите изображение опроса, созданного в Doodle. Название гласит: «Спасите мир с помощью динамической почты:».

Когда пользователь нажимает «Продолжить», он может выбрать наиболее удобное для себя время, а затем отправить его группе по электронной почте:

Вот как выглядит письмо в Gmail. Вы заметите, что под заголовком события «Спасите мир с помощью динамической электронной почты» находится уведомление «4 из 11 участников, — 0 комментариев». Вот где сияет AMP для электронной почты:

Динамический контент

То, что вы видите, — это динамический контент. Например, этот контент будет обновляться по мере того, как все больше пользователей будут участвовать в опросе. Когда пятый пользователь завершит опрос, вы увидите, что в нем приняли участие 5 из 11 пользователей. Когда кто-то комментирует, вы увидите обновленный счетчик комментариев.

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

Еще один отличный пример AMP для электронной почты в лучшем виде показан ниже в функции «Отправить напоминание» электронной почты:

Здесь вы заметите, что пользователь может ввести адреса электронной почты участников, а затем нажать «Отправить», чтобы напомнить им о завершении опроса. Это еще один яркий пример использования AMP для электронной почты на работе.

То, что вы видите, — это заполнение формы, как это будет выглядеть на веб-сайте или в приложении. Тем не менее, это в электронном письме, что значительно упрощает его заполнение.

Далее мы видим, как это выглядит, когда большинство участников завершили опрос, и пользователь может выбрать окончательную дату и время. Вы увидите, что динамическое содержимое указывает на то, что 10 человек могут сделать понедельник, 19 февраля, когда только 9 могут сделать этот вторник и 8 могут сделать это среду:

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

2. Booking.com

Как и Doodle, Booking.com использует динамический контент AMP, чтобы предоставить пользователям лучший опыт работы с электронной почтой. В данном случае речь идет об их поиске жилья.

Как вы видите в этом первом письме, Booking.com предлагает своим пользователям рекомендацию номера с изображением. Но один эскиз? Это далеко не все, что вам нужно увидеть, чтобы выбрать комнату:

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

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

Но что, если пользователь полностью исключит этот список? С AMP для электронной почты это не проблема.

Когда пользователь прокрутит вниз, он найдет несколько других списков. Здесь вы видите один в Москве, Париже, Амстердаме и других местах.

И если этого недостаточно, пользователь может нажать «Просмотреть новую сделку» в нужном месте, и в этом месте появится другое объявление:

И если пользователи решат, что они получают слишком много рекламных писем от Booking.com, они могут просто прокрутить сообщение до конца и нажать «Управление подпиской», после чего откроется форма ниже:

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

3. Пинтерест

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

Возьмите это электронное письмо ниже:

Обычно, если бы это письмо было в вашем почтовом ящике, вам нужно было бы щелкнуть, чтобы увидеть подробности рецепта, его содержание, комментарии к нему, варианты и т. д.

Но с AMP для электронной почты вы можете щелкнуть рецепт «Корейские тако с жареной курицей» в правом верхнем углу доски, и он расширится в электронном письме до более крупного и подробного пин-кода:

Для Pinterest AMP для электронной почты имеет смысл по всем направлениям, но особенно во время процесса адаптации, который трудно заставить пользователей завершить. Вот насколько проще может быть AMP для электронной почты…

Обычно, когда пользователь регистрируется, он получает электронное письмо, подобное приведенному ниже, в котором ему предлагается подписаться на 5 или более тем, чтобы Pinterest мог создать для него собственную домашнюю ленту:

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

Динамический заголовок

Но, как вы видите в приведенном ниже примере, как только пользователь начинает нажимать на темы, заголовок электронного письма динамически меняется на «Подпишитесь на 3 (или более!) Темы:»

Они могут выбирать не только из отображаемых тем, но и из тех, которые скрыты фильтрами под заголовком. Они читают «Еда», «Сделай сам» и «Искусство». Когда пользователь щелкает их, они показывают новую группу актуальных фотографий, на которые пользователь может щелкнуть, чтобы подписаться.

Когда выбор темы завершен, CTA выше, который отображается серым цветом, становится красным, становится доступным для нажатия и читает «Готово». Кроме того, заголовок гласит: «Все готово!» над подзаголовком «Готовы создать для вас индивидуальную домашнюю ленту». Вы можете увидеть, как это выглядит здесь:

Когда пользователь нажимает «Готово», создается домашняя лента, а полоса загрузки внизу будет двигаться так же, как и в приложении, с заголовком/подзаголовком «Создание домашней ленты/Поиск ваших идей из…»

По его завершении пользователь полностью готов начать взаимодействие с приложением, и электронное письмо сообщает им об этом с помощью кнопки с надписью «Homefeed готов!» которые они могут перейти на веб-сайт.

Возможные недостатки AMP для электронной почты

Хотя AMP для электронной почты привносит революционный потенциал в мощную среду, не все убеждены, что это будет к лучшему. В сообщении блога для Litmus Джейн Мистри описывает несколько проблем, с которыми может столкнуться технология:

• ESP мало поддерживают: электронные письма с использованием AMP не похожи на традиционные электронные письма, поэтому их нельзя создавать традиционным способом. Если ваш поставщик услуг электронной почты не может поддерживать технологию, необходимую для их создания, вы можете оказаться не в состоянии это сделать.
• AMP для электронной почты работает только в Gmail: в настоящее время AMP для электронной почты является эксклюзивным для Gmail. Если ваш список адресов электронной почты в основном состоит из пользователей Gmail, это может не быть проблемой. Если это не так, возможно, вам придется создать версию электронной почты без AMP для пользователей, не использующих Gmail.
• Отслеживание может быть ограничено: отслеживание имеет решающее значение для оптимизации. В настоящее время маркетологи могут отслеживать открытия, клики и т. д. для улучшения кампаний. Когда вы добавляете в список действий, которые могут выполнять пользователи, вы также добавляете к тому, что маркетологи должны отслеживать. Будут ли способы отслеживать их?
• Это может сбить пользователей с толку: проблема с полным изменением того, как мы используем электронную почту, заключается в том, что потенциально это может быть слишком много и слишком рано.

Например: динамический контент, хотя и дает маркетологам возможность обновлять свои электронные письма после отправки, может сбить с толку пользователей, ожидающих статического контента. Мистри пишет: «Представьте, что вы открываете одно и то же электронное письмо один раз, два, а затем в третий раз, ожидая найти то же самое содержание, а не то? Это тактика, которая может привести к потере доверия среди ваших подписчиков — ценный товар в электронном маркетинге».

Будете ли вы использовать AMP для электронной почты?

Согласно опросу Litmus, из 55,6%, знакомых с AMP для электронной почты, 55,4% говорят, что скорее всего или очень вероятно, что они будут его использовать:

В приведенных выше примерах преимущества очевидны. AMP для электронной почты позволяет пользователям более простой и удобный способ взаимодействия с брендами по электронной почте. Для брендов преимущества упрощения взаимодействия всегда видны в рентабельности инвестиций.

Если они могут заполнить опрос по электронной почте, скорее всего, они это сделают; если они могут просматривать списки отелей в своей электронной почте, скорее всего, они это сделают. То же самое можно сказать и о Pinterest, о регистрации через социальные сети.

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