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

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

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

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

Создание 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.

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

Получение merge-тега в Stripo:

• выделите кусок текста в своем шаблоне;

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

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

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

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

Дизайн формы

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

а) непосредственно форма

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

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

б) кнопка

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

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

в) раздел уведомлений

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

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

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

Готово!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В завершение

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

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