С недавних пор у ваших пользователей появилась возможность оставлять комментарии и отправлять отзывы прямо в письме.
Мы покажем как собирать в 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-контент, вам нужно:
-
фиксить все баги в случае их обнаружения. Вы увидите их в режиме «Просмотреть» (иначе пользователи увидят только HTML-версию письма);
-
убедиться, что ваш ESP/CRM умеет рассылать AMP-письма;
-
иметь в виду, что на данный момент только Gmail (веб- и мобильная версия на всех ОС) способны отображать AMP-письма. Yahoo вскоре пополнит этот список;
-
AMP-письма теряют свои AMP-компоненты при пересылке из почты.
В завершение
Теперь вы знаете как создавать AMP-формы, которые помогают собирать в 5 раз больше отзывов от клиентов в сравнении с внешними формами на вашем сайте или Google Forms.
Если у вас возникнут какие-либо вопросы, пожалуйста, оставьте комментарий ниже. Мы всегда с радостью поможем.
6 комментариев