Маркетинг Шаблоны How-to AMP
~ 6 мин читать
20468 просмотры
оценить
17 июля 2020

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

Stripo / Blog / Как легко и быстро создавать 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» в текущем шаблоне, чтобы открыть ее настройки;

Иконка 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 (веб- и мобильная версия на всех ОС) и Mail.ru способны отображать AMP-письма. Yahoo вскоре пополнит этот список;

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

В завершение

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

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

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

Nga Pham 3 дня назад

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 more."

Denis Giffeler 1 год назад

Can you say something more about deliverability in terms of possible spam scores and compatibility of email clients?

Анна Кузнецова прокомментировал Denis Giffeler 1 год назад

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 1 год назад

Great work Stripo team!

Анна Кузнецова прокомментировал Isaac Kim 1 год назад

Isaac, Thank you ))) We're happy to hear it.

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

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

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

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