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

И так, как же создавать AMP-формы обратной связи со Stripo?

В настоящее время существует три способа создания AMP-форм обратной связи со Stripo:

Способ 1. Добавление AMP-форм в письма

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

  • перетащить AMP-блок в свое HTML-письмо;

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

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

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

  • вы можете выбрать поле ввода для Tекста, Многострочного Текста, Email, Пароля, Телефона, и Числа.

Разница между типами «Текст» и «Многострочный Текст»:

Если вы выберете тип «Текст» - ответ получателя может быть записан только одним абзацем, то есть начать новое предложение с новой строки невозможно.

Если вы выберете тип «Многострочный Текст» - ответ получателя может быть записан в несколько строк, то есть при нажатии на клавишу "Enter", вы будете перенесены на новую строку.

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

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

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

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

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

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

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

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

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

  • нажать на «input_hidden» в своей форме;

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

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

Дизайн формы

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

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

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

  • в панели настроек выбрать цвет и стиль метки, шрифт и высоту поля:

  • а также цвет фона, отображение тени, обводку и внешние отступы:


б) кнопка

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

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

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

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

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

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

Также, вы можете просмотреть наше видео, где показан процесс добавления блока-формы в письмо

Способ 2. Использование встроенных AMP модулей Stripo

  • кликните вкладку Модули;

  • перейдите в раздел "Общие", щелкните на селектор категории и выберите категорию AMP;

  • перетащите понравившейся модуль обратной связи AMP в свое письмо;

  • отредактируйте содержимое модуля, как Вам необходимо.

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

Когда Вы увидите, что этот элемент письма будет иметь знак “⚡HTML” , то это означает, что данный элемент будет показан только в письмах AMP и будет скрыт в почтовых клиентах, которые не поддерживают AMP-контент.

Для других пользователей нужно создать запасной вариант: это может быть изображение со ссылкой на сайт, где клиент может оставить отзыв.

Также, не забудьте включить их только для HTML-версии Вашего письма.

Все остальные элементы письма должны быть включены для обеих версий Вашего письма.

Способ 3. Использование готовых AMP шаблонов Stripo с формами обратной связи

Найти наши подготовленные AMP шаблоны Вы можете, перейдя по этой ссылке.

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

  • выбрать тот шаблон, который лучше всего соответствует потребностям Вашей текущей кампании;

  • войти в него, чтобы сохранить и в дальнейшем иметь возможность работать с ним;

  • затем найти сохраненный шаблон в своем аккаунте;

  • отредактировать содержимое письма согласно стилю своей кампании.

Способ 4. Добавить ссылку на форму обратной связи Google

  • перетащите блок HTML в письмо, с которым Вы работаете;

  • щелкните по нему, чтобы открыть редактор HTML кода;

  • вставьте необходимую ссылку на Google форму, и все готово.

Обращаем ваше внимание, что Вы не можете добавить javascript непосредственно в редактор, так как после экспорта он будет вырезан нашим провайдером. Они отклоняют отправку писем, которые содержат теги <script>, <iframe> SJ events "onerror", "onunload" и т.д. в коде HTML.

Это связано с возможностью добавления вредоносного кода и тем, что большинство ESP не поддерживают скрипты.

Вот что Вам следует сделать, если необходимо добавить какой-либо из вышеупомянутых элементов кода в письмо:

  • экспортировать письмо в виде HTML-файла;

  • и вставить код вручную.

Создание нового Сервиса Данных для хранения отзывов и ответов ваших пользователей.

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

Более подробно с процессом создания Сервиса Данных, Вы можете перейдя по ссылке - https://stripo.email/ru/blog/stripo-data-service/

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

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

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

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

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

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

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

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

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

  • отправить тестовое письмо на один либо несколько адресов, нажать кнопку «Тестировать» над шаблоном;

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

  • непосредственно во входящем письме оставить комментарий, или даже несколько;

  • затем перейти к «Сервису Данных» в своем аккаунте Stripo;

  • найти нужный сервис;

  • загрузить файл данных в формате CSV;

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

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

Также Вы можете создать end-points для обработки данных вместо описанного ранее Сервиса Данных

В этом случае необходимо создать "end-points* (конечные точки) самостоятельно, чтобы проверить, способны ли Ваши AMP письма работать с серверами и отправлять/получать данные, более подробную информацию об этом Вы можете найти в нашей статье - https://stripo.email/ru/blog/stripo-mock-server/

*End-point" - это место назначения на сервере, куда отправляются запросы для дальнейшей обработки, и оно также предназначено для обмена данными. Конечная точка часто представлена ссылкой.

Кроме того, Вы, также, можете использовать наш фиктивный сервер, чтобы создать конечные точки для тестирования, нажав здесь.

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

Чтобы проверить, правильно ли работают настроенные конечные точки в письмах, мы настоятельно рекомендуем отправить данное письмо на свой адрес электронной почты, а не тестировать его в «режиме предварительного просмотра» в нашем редакторе.

Теперь, давайте, протестируем AMP письма вместе со Stripo

Чтобы иметь возможность получать тестовые письма от Stripo, необходимо разрешить нам отправлять тестовые письма на Ваш аккаунт.

Если это ваш личный аккаунт, сделайте следующее:

  • зайдите в панель настроек Gmail и нажмите иконку «Настройки»;

  • в выпадающем меню выберите раздел «Настройки»;

Настройки в Gmail

  • в новом окне в разделе «Общие» найдите «Динамический контент» и откройте «Настройки разработчика»;

Создание электронных писем AMP Включение динамического содержимого для Gmail.

Добавление в доверенные пользователи

  • и нажмите «Сохранить».

Если же это ваш корпоративный аккаунт Workspace (бывший G-Suite), вам нужно:

Попросить вашего менеджера включить для вас «Динамические письма». И тогда вам останется только добавить наш адрес, чтобы получать от Stripo тестовые AMP-письма.

Обратите внимание: все изменения вступают в силу в течение 24 часов.

Как экспортировать AMP-письма в ваш ESP?

Stripo позволяет напрямую экспортировать такие письма в определенные ESP. Все просто: экспортируйте их так же, как обычные шаблоны.

Экспорт в ESP

Если ваш ESP поддерживает AMP, но у нас почему-то не включен прямой экспорт AMP-писем, просто загрузите свой шаблон в виде файла AMP HTML и откройте его в своем ESP.

Импортировать в ESP

Если почтовик пользователя не поддерживает AMP, то он получит традиционное HTML-письмо. А те подписчики, чьи почтовики уже присоединились к этой технологии, увидят ваши письма во всей красе.

Обратите внимание, что элементы AMP - это новая функция Google, и не все возможные почтовые службы и клиенты поддерживают ее.

Вот официальная страница Google https://amp.dev/support/faq/email-support/. Здесь вы можете проверить, какие службы поддержки отправку AMP писем и какие почтовые клиенты поддерживают отображение AMP как получатели.

Небольшая рекомендация

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

  • попасть в белые списки Google, Mail.ru и Yahoo;

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

  • добавить в письмо запасной вариант — HTML-версию;

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

  • имейте в виду, что Gmail, Yahoo и Mail.ru уже могут отображать AMP-письма — и веб, и мобильные приложения;

  • учтите, что компоненты AMP теряются при пересылке писем.

Если у Вас появятся дополнительные вопросы, пожалуйста, напишите нам на почту support@stripo.email.

Вы нашли ответ?