Дизайн Шаблоны How-to AMP
~ 5 мин читать
8472 просмотры
оценить
05 апреля 2019

Скоро: поддержка AMP-писем в Stripo

Stripo / Blog / Скоро: поддержка AMP-писем в Stripo

Сейчас все обсуждают технологию Google AMP 4 Gmail, релиз которой состоялся 26 марта этого года.

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

Stripo AMP4Emails AMP Carousel

(создано в: Gmail AMP for Email Playground)

Этот пример карусели изображений на основе АМР. Он наглядно показывает, что теперь вместо одного баннера и многочисленных карточек товаров мы можем использовать 4 или даже 5 баннеров, но места они займут ровно столько же, сколько ранее занимал один. Получателям больше не нужно увеличивать картинки в карточке товаров, чтоб более детально все рассмотреть теперь — они могут просто переключать с баннера на баннер, просто нажимая на стрелочку. К тому же, дабы сделать баннеры более функциональными, вы смело можете добавить описание товара на соответсвующем изображении, это сделает вашу каруесль еще функциональнее. 

Кто поддерживает AMP для емейлов

Gmail – не единственный емейл-клиент, который поддерживает AMP. Эту технологию также имплементировали Mail.ru и Yahoo. Что касается Outlook,то релиз AMP-поддержки ожидается этим летом. Это первый случай в истории, когда Microsoft намерен поддерживать все, что разработано Google.

Gmail (26%), Yahoo (7%) и MS Outlook (9%) в совокупности составляют 42% рынка США, тогда как в России вышеупомянутые клиенты плюс Mail.ru (33%) составляют 75%.

Что еще нужно, чтобы улучшить емейлы с помощью AMP?

Помимо необходимости поддержки со стороны емейл-клиентов, для успешной доставки AMP-емейлов вам понадобится следующее:

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

На сегодняшний день этим могут похвастать только три сервиса рассылок:

 Почему до сих пор только три сервиса рассылок поддерживают AMP? Дело в том, что критически важное условие для доставки AMP-емейлов — ни много ни мало реконструкция всей системы. Раньше было только два типа протоколов: HTML и plain text, но теперь нужен формат MIME-type, или text-amphtml – а это совершенно новый протокол электронной почты. И для его реализации требуется много времени, а также навыки 80 уровня в написании кода;

2. Проверьте, зарегистрирован ли ваш бренд в Google как отправитель AMP-емейлов.

Чтобы получить возможность регистрации бренда-отправителя динамического контента в Gmail, вы должны принять Требования к отправителям массовых рассылок.

Как это работает сейчас

1. Вы вручную, на коленке, создаете динамический контент для AMP-емейлов.

Требования к коду этих емейлов:

  • код должен начинаться с типа документа <!doctype html>;

  • необходимый тег <html ⚡4email> или <html amp4email> должен находиться между типом документа (doctype) и тегом <head>;

  • все компоненты этого контента должны иметь теги «amp» в HTML-коде емейла;

  • кодировка <meta charset="utf-8"> должна быть указана в <head> кода;

  • <style amp4email-ilerplate>body{visibility:hidden}</ style> - этот компонент будет скрывать контент вашего емейла до загрузки AMP JS. Если емейл-клиент не поддерживает этот тип, то отображается обычный HTML-код, который вы добавляете как резервный;

  • <script async src="https://cdn.ampproject.org/v0.js"></script> - загружает код AMP при открытии емейла;

  • в AMP-элементах все стили CSS должны быть помещены в тег <style amp-custom> или в атрибуты <style>.

Stripo AMP4Emails REquired Markup

(источник: Google)

2. Далее вам нужно протестировать контент с помощью любого из двух AMP-валидаторов – Gmail validator либо Litmus;

3. Отправить его через ESP-провайдер, который поддерживает AMP.

Создавайте AMP-емейлы с помощью Stripo

На сегодняшний день не существует такого drag-and-drop редактора, который позволял бы перетаскивать AMP-блоки в шаблон, поэтому единственный выход – писать код. Это означает, что создание емейлов с применением технологии AMP требует помощи программистов или ваших навыков написания кода.

Но я рада сообщить вам, что Stripo сейчас активно работает над разработкой и имплементацией инновационных методов, которые позволят вам создавать и добавлять AMP-элементы непосредственно в редакторе.

Просто представьте: вы перетаскиваете в шаблон блок “Карусель изображений”, добавляете картинки — и ваш динамический емейл готов удивлять получателей новыми опциями.

Это важно: наш AMPHTML-код будет иметь запасной скрипт для емейл-клиентов, которые не поддерживают AMP.

Временная альтернатива технологии AMP для емейлов

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

Stripo AMP for Emails Interactive Elements

К вашим услугам таймеры обратного отсчета, эффект ролловера изображений, CSS-анимации и опросы.

Вы также можете использовать разработанные нами интерактивные шаблоны, которые отлично работают в большинстве емейл-клиентов, в том числе в Apple Mail, Gmail и Yahoo.

В завершение

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

Но на этапе разработки мы будем очень благодарны за любую помощь.

Возможно, у вас есть идеи, как лучше реализовать эту инновацию. Или, может быть, вы уже создавали AMP-емейлы с Google Playground и знаете, что действительно работает, а что можно убрать. Это существенно ускорит разработку функции AMP drag-and-drop и ее встраивание в Stripo.

Поэтому мы просим вас помочь нам и всем емейл-маркетологам в создании не только информативных, но и действительно многофункциональных рассылок.

Пишите нам по емейл-адресу contact@stripo.email или оставляйте свои рекомендации в разделе комментариев. Мы оценим по достоинству любое содействие.

Вас также может заинтересовать

← Предыдущие статьи Следующие статьи →
Stripo Notification Emails
4 дня назад · 14 мин читать
Письма-уведомления: лучшие методики и примеры

Уведомление, отправленное по электронной почте — лучший и простейший способ сообщить подписчикам об изменениях, которые у вас произошли или произойдут в ближайшее время. Эти письма демонстрируют самую высокую открываемость. Но даже при их разработке стоит придерживаться четких правил и норм, чтобы не потерять доверие подписчиков. Этот шаблон письма-уведомления хорошо структурирован и содержит все необходимые блоки Использовать Мы собрали лучшие примеры писем-уведомлений и методики их создания. Но прежде чем перейти к примерам и рекомендациям, давайте освежим в памяти определение писем-уведомлений. Что такое email-уведомление?...

Дизайн Маркетинг How-to
14 дней назад · 13 мин читать
8 триггерных писем для eCommerce

Сложно переоценить возможности автоматизации email-маркетинга. Автоматизация — это отправка правильных писем нужным людям в самое подходящее время. Что же требуется от вас? Настроить правильные сценарии и создать соответствующий набор триггерных писем. Первое вы сделаете в своем ESP. А что касается второго условия, то прямо сейчас мы рассмотрим все основные типы триггерных писем и расскажем, как их создавать с помощью наших шаблонов. А также покажем лучшие примеры триггерных сообщений на все случаи жизни. В целях удобства мы решили разделить их всего на 8...

Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!