Amp Forms Featured Image
17 июля 2020

Как легко и быстро создавать AMP-формы в письмах

Анна Кузнецова
Оглавление
  1. Создание AMP-форм в письмах
  2. Небольшой совет
  3. В завершение
1.
Создание AMP-форм в письмах

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

Мы покажем как собирать в 5 раз больше отзывов и ответов клиентов с помощью email-маркетинга. И для этого не нужно абсолютно никаких знаний верстки и кодинга.

Смотрите наше видео или же продолжайте читать статью:

Как легко создавать AMP-формы для писем с помощью Stripo

Добавляйте формы в рассылки для получения обратной связи от пользователей
Приступить

Создание AMP-форм в письмах

Добавление AMP-форм в письма займет всего 4 простых шага:

Шаг 1. Создание нового Сервиса Данных

Сервис Данных, или хранилище данных — это место, где будут храниться отзывы и ответы ваших пользователей.

Чтобы связать его со своими письмами, вам необходимо:

  • перейти в Данные;

  • зайти на вкладку «Сервис»;

  • придумать ему название. Мы рекомендуем, чтобы название вашего сервиса было таким же, как и название кампании;

  • затем выбрать Хранилище Данных — Stripo.

Важно отметить:

Если вы пользуетесь внешним хранилищем, то нужно вставить ссылку на него.

Внешнее Хранилище Данных

В своих предыдущих статьях мы показывали как связать Сервис Данных с Google Sheets через Zapier. Это значит, что отзывы пользователей будут доставлены и сохранены либо в Zapier, либо в Google Sheets, или же в любом другом хранилище данных, связанных с письмами через Zapier.

Шаг 2. Добавление AMP-форм в письма

Как мы уже писали выше, создать и добавить AMP-формы в письма с помощью Stripo — проще простого. Все это благодаря нашему новому Drag-n-Drop AMP-блоку.

Важно отметить:

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

Другие же увидят привычную всем форму.

Чтобы добавить AMP-форму в письма с помощью Stripo, вам нужно:

Блок АМР-Форма

  • кликнуть на иконку «AMP HTML» в текущем шаблоне, чтобы открыть ее настройки;

Иконка AMP HTML

  • в панели настроек выберите свое хранилище данных. Мое для текущей кампании называется «Формы в рассылках;

Выбор Источника Данных

  • теперь нажмите «Добавить элемент формы» и выберите «Поле ввода»;

Поле Вводе Данных

  • кликните на «Label name» в форме, чтобы начать ее редактирование;

  • в панели настроек в поле «Отображать метку поля» введите ваш текст CTA, с которого начинается форма;

  • введите текст в «Подсказку поля»;

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

Текст для Заголовка Формы

Важно отметить:

Теперь, если вы хотите знать, кто из ваших пользователей оставил комментарий. Следует:

  • кликнуть на иконку «AMP HTML» в своем шаблоне;

  • потом добавить элемент формы;

  • и выбрать «Скрытое поле;

Добавляем Скрытое Поле

  • нажать на «input_hidden» в своей форме;
  • затем в панели настроек ввести Значение по умолчанию и переменную, где «Значение по умолчанию» — это merge-тег, который извлекает email-адрес респондента. Чтобы получить его, свяжитесь со своим ESP или найдите его в Stripo.

Default Value

Это поле будет скрыто в письмах пользователей.

Получение merge-тега в Stripo:
  • выделите кусок текста в своем шаблоне;

  • на панели инструментов перейдите в «Персонализация»;

  • выберите свой ESP;

  • затем выберите «Адрес электронной почты»;

  • скопируйте данный merge-тег.

Извлекаем Merge-теги для Персонализации в Stripo

Дизайн формы

Работаем над дизайном формы:

а) непосредственно форма
  • создать форму как таковую, кликнуть на иконку «AMP HTML» в своем шаблоне;

  • в панели настроек выбрать цвет фона и обводки.

Задаем Фон и Обводку

б) кнопка
  • чтобы оформить кнопку, кликните на неё в шаблоне;

  • в панели настроек задайте текст кнопки, стиль текста, размер и цвет шрифта, цвет текста, закругление и выравнивание.

Панель для Работы над Дизайном Кнопок

в) раздел уведомлений
  • кликните на «Уведомление об успехе/ошибке» в своем шаблоне;

  • отредактируйте текст прямо здесь;

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

Область Уведомлений

Готово!

Шаг 3. Превью и тестирование

Чтобы увидеть AMP-формы перед отправкой, нужно:

  • войти в режим «Просмотреть», чтоб оценить дизайн всего письма;

Превью-Окно

  • не забудьте проверить обе версии письма: AMP HTML и классический HTML.

Both Versios of Emails

Для тестирования полученной формы необходимо:

  • отправить тестовое письмо на один либо несколько адресов, нажать кнопку «Тестировать» над шаблоном;
  • ввести свои адреса (если их больше одного, нужно разделить запятыми);

  • непосредственно во входящем письме оставить комментарий, или даже несколько;
  • затем перейти к «Сервису Данных» в своем аккаунте Stripo;
  • найти нужный сервис;
  • загрузить файл данных в формате CSV;

Кнопка для Загрузки CSV-отчета

  • проверить, записались ли ответы в отчет.

Checking Out Results in CSV File

Важно отметить:

Для отправки тестового AMP-письма необходимо добавить Stripo в качестве доверенного отправителя в своем аккаунте Gmail.

Шаг 4. Создание резервной формы

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

  • добавьте блок Текст в свой шаблон прямо над или под AMP-формой;

  • введите свой CTA-текст с призывом перейти на внешнюю форму и оставить комментарий о вас;

  • добавьте блок Кнопка в свой шаблон;

  • поработайте над её оформлением;

  • вставьте URL на вашу Google Form;

  • чтобы включить эту структуру в HTML-версию вашего шаблона, нажмите кнопку «Структура»;

  • в панели настроек кликните на кнопку «Включить в HTML».

Включаем традиционную форму в HTML-письмо

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

Небольшой совет

Дружеское напоминание. Чтобы получить возможность рассылать AMP-контент, вам нужно:

  • быть в белом списке Google;

  • фиксить все баги в случае их обнаружения. Вы увидите их в режиме «Просмотреть» (иначе пользователи увидят только HTML-версию письма);

  • убедиться, что ваш ESP/CRM умеет рассылать AMP-письма;

  • иметь в виду, что на данный момент только Gmail (веб- и мобильная версия на всех ОС) способны отображать AMP-письма. Yahoo вскоре пополнит этот список;

  • AMP-письма теряют свои AMP-компоненты при пересылке из почты.

В завершение

Теперь вы знаете как создавать AMP-формы, которые помогают собирать в 5 раз больше отзывов от клиентов в сравнении с внешними формами на вашем сайте или Google Forms. 

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

Используйте AMP-формы в письмах, чтоб узнать, чего же на самом деле хотят ваши клиенты
Была ли статья полезна?
Tell us your thoughts
Спасибо за ваш отзыв!
6 комментариев
Nga Pham 2 года назад
Do you have ETA for this? "Very soon, we will show how to build forms with multiple choices. You will enable users to choose dates, and time slots in emails, to rate you, and many
Анна Кузнецова 1 год назад
Nga Pham, Hello. Thank you for your question and sorry for the late reply. We're about to release multiple choices by the end of the year 2022. Once we do it, we will announce this on our blog.
Denis Giffeler 4 года назад
Can you say something more about deliverability in terms of possible spam scores and compatibility of email clients?
Анна Кузнецова 3 года назад
Hello, Denis Giffeler. Thank you for your question. As for compatibility, currently only Gmail and Mail.ru support AMP. Very soon, Outlook com and Yahoo will join them. Regarding spam scores, as far as we know, AMP does not affect spam score at all. Our emails get delivered to users' incoming messages. And the spam score for AMP emails is the same as it was for the traditional HTML emails. Also, please familiarize yourself with the "Word of advice" section from the current blog post: It says what steps marketers need to take prior to sending out AMP emails to their contact base. Thank you
Isaac Kim 4 года назад
Great work Stripo team!
Анна Кузнецова 4 года назад
Isaac, Thank you ))) We're happy to hear it.
Тип
Индустрия
Сезоны
Интеграции
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

Для команд специалистов по email-маркетингу и индивидуальных разработчиков писем.

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.