Налаштування AMP-форми в редакторі повідомлень

Щоб проводити опитування, збирати дані про клієнтів безпосередньо в листі, до редактора eSputnik додано попередньо підготовлений блок "Форма". Додати її до листа досить просто за допомогою вбудованих блоків.

Важливо!

Щоб при відправленні розсилки AMP-форма відображалася в листах у підписників, подайте заявку на підтвердження відправника.

Крок 1. Створення нового сервісу даних

Сервіс даних — це те місце, де будуть зберігатися відгуки та відповіді ваших користувачів.

Поки що сервіс можна створити двома способами:

  • В акаунті Stripo,

  • Через Zapier.

Детальні інструкції з налаштування обох способів ви знайдете в нашій статті AMP-опитування в емейлі: створення сервісу для збирання отриманих даних.

Розглянемо на прикладі першого.

  • Увійдіть до акаунта Stripo.

  • На лівій панелі виберіть вкладку "Дані".

  • Клікніть кнопку "Створіть свій сервіс".

Сховище даних для форм

Перед вами відкриється вікно для заповнення:

  • Вкажіть потрібну назву сервісу.

  • Дайте короткий опис.

  • У рядках "Ідентифікатор" та "URL адреса" дані заповнюються автоматично.

  • За замовчуванням повзунок "Сховище даних" увімкнений. Це означає, що зібрані дані зберігатимуться на серверах Stripo. При активації опції ви зможете вивантажувати дані у форматі CSV.

Сховище даних для AMP

  • Якщо ви плануєте використовувати зовнішні ресурси для зберігання даних, активуйте повзунок і додайте посилання на ресурс.

Зовнішнє сховище даних

Це дозволить зберігати заповнені дані в Zapier, Google Sheets або в будь-якому іншому сховищі даних, пов'язаному з листами через Zapier.

Крок 2. Створення форми в листі

У редакторі повідомлення ліворуч клікніть вкладку "Контент" → "Блоки":

Додавання форми в лист

Перетягніть блок "Форма" в будь-яке місце листа і клікніть помаранчеву плашку "ϟHTML", щоб відкрити загальні налаштування.

Додавання AMP-форми

У рядку "Сервіс для збирання даних" укажіть потрібний:

Сервіс збирання даних

Клікніть "Додати елемент форми" і виберіть варіант зі списку:

  • Поле введення

text, textarea, number, email, tel, date, time, date-time, password, range

  • Приховане поле

hidden — використовується для передачі даних із форми без участі користувача. Наприклад, якщо треба передати емейл або ім'я респондента, які й без того є в базі і немає необхідності в їхньому повторному запиті.

Незабаром також з'являться: Перемикач, Множинний вибір, Випадаючий список.

Для вибраного рядка виберемо "Поле введення".

Налаштування форми

Далі задайте загальні налаштування для структури:

  • Приховати форму після відправлення

За замовчуванням у листі форму буде приховано після вдалого відправлення даних, замість неї відображатиметься область повідомлень, наприклад із подякою за відповідь. Це можна відключити, перетягнувши повзунок ліворуч.

Приховування форми після заповнення

  • Колір фону

Виберіть колір із випадаючого списку або вкажіть у полі код.

Колір фону форми

  • Обведення

За замовчуванням можна задавати загальне або переключити повзунок, щоб працювати з кожною стороною окремо. Також можна вибрати тип ліній.

Обведення в налаштуваннях

  • Відступи

За замовчуванням задаються загальні або можна перемкнути повзунок, щоб вказати відступи для кожної сторони окремо.

Налаштування оформлення

  • Приховування елемента

За замовчуванням цю функцію вимкнено, але ви можете приховати структуру для відображення в листі на мобільних або для десктопа:

Приховування елементів у листі

Редагування блоків форми

Рядок заповнення

Клікніть Label name у формі, щоб почати її редагування;

Заповнення полів форми

  • У рядку "Відображати мітку поля" введіть основний текст форми. Кількість символів не обмежена. Якщо потрібний тільки рядок для заповнення, вимкніть повзунок.

  • Перемикач "Обов'язкове поле" потрібний, якщо ви використовуєте кілька питань і серед них є такі, що мають бути заповнені обов'язково.

  • У рядку "Підказка поля" вкажіть приклад заповнення.

Підказка для полів

  • Для наступного поля придумайте і введіть ім'я змінної, яке допоможе швидше знаходити дані користувачів серед тих, які відправляє форма. Наприклад, у CSV-файлі. Змінна може бути прописана тільки латиницею. Імена змінних можуть містити тільки великі або малі літери латинського алфавіту (A-Z та a-z), цифри (0-9), підкреслення (_).

Налаштування змінних

Важливо:

Щоб дізнатися, хто з підписників залишив відгук, перейдіть у налаштування всієї структури, клікнувши "ϟHTML":

  • У пункті "Додати елемент форми" виберіть "Приховане поле".

Приховане поле

  • У налаштуваннях поля вкажіть "Значення за замовчуванням". У нашому випадку це %EMAIL% (підстановка email-адреси респондента). Детальніше про змінні.

Приховане поле

Це поле буде приховано в листах користувачів.

Кнопка

Клікніть блок із кнопкою в шаблоні, щоб перейти до її редагування.

Налаштування блоку

Задайте такі параметри:

  • Текст кнопки.

  • Стиль тексту — можна задати вигляд, розмір, написання.

  • Колір кнопки.

  • Колір кнопки за наведенням (якщо в загальному оформленні листа активовано перемикач "Підсвічувати за наведенням").

Налаштування кнопки

  • Колір тексту.

  • Колір тексту за наведенням.

  • Колір фону (застосовується для всього блоку).

  • Заокруглення.

  • Вирівнювання кнопки на мобільному пристрої.

  • Кнопка з іконкою.

Налаштування кнопки

  • Розтягнути в ширину

  • Обведення.

  • Обведення за наведенням.

  • Зовнішні відступи.

Відмінність від звичайної кнопки СТА полягає в тому, що тут не потрібне посилання, оскільки при натисканні буде показуватися повідомлення-відповідь.

Область повідомлень

Доступні два типи повідомлень:

  • про успіх — зелене за замовчуванням.

  • про помилку — червоне.

Налаштування відповідей

Клікніть блок, щоб відредагувати зовнішній вигляд. Доступні такі параметри:

Відповіді на заповнену форму

Щоб відредагувати текст повідомлення-відповіді, клікніть саме по ньому.

Налаштування відповідей форми

Крок 2.2. Додавання альтернативної форми

Найпростіший спосіб — створити Google-форму або опитування в SurveyMonkey. Як це зробити, дивіться в інструкції.

Посилання на створену форму можна додати до будь-якого елементу в листі. Ми розглянемо приклад із кнопкою.

Із вкладки "Блоки" перетягніть потрібний у лист.

Альтернативна кнопка

Задайте бажане оформлення: колір, стиль, відступи та ін.

Важливо!

Щоб цю кнопку було видно тільки в разі, якщо не з'явиться AMP-контент (форма), увімкніть для цього блоку "HTML".

HTML кнопка

Крок 3. Як перевірити, що все працює

Щоб перевірити, як працює відображення форми, клікніть іконку перегляду на панелі редактора.

Попередній перегляд листів

Перед вами відкриються версії листа на десктопі та на мобільному.

Перевірка різних версій листа

За наявності будь-яких помилок з'явиться повідомлення, при натисканні якого можна буде прочитати їхній опис та виправити їх. Це необхідно, оскільки якщо в коді є хоча б одна помилка, то AMP-контент не з'явиться.

Помилки в AMP-версії

Якщо в листі помилки не знайдені, запустіть тестове повідомлення на адресу @mail.ru або @gmail. Якщо ви ще не стали довіреним відправником, для Джимейл необхідно дозволити відображення динамічного контенту. Як подати заявку та/або стати дозволеним відправником, дивіться в інструкції.

Відправлення тестового листа

Якщо форму створено правильно, в отриманому листі буде видно блискавку та блок із формою.

AMP у відправленому листі

Крок 4. Як перевірити, що відповіді записуються

Після відправлення тесту увійдіть до Stripo й перейдіть до раніше створеного джерела даних.

Підрахунок статистики

Тут у вас відобразиться кількість запитів, час заповнення форми останнім користувачем і кнопки для редагування та скачування даних.

Натисніть відповідну іконку, щоб завантажити файл у CSV-форматі.

Вивантаження даних

Для оцінювання ефективності розсилки ввійдіть до Розсилок — Звіти і клікніть потрібний лист. На сторінці звіту відобразиться кількість підписників, які отримали лист із різними версіями.

Статистика щодо різних версій листа

Детальніше про AMP-звіти.

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email