How-To: Як створити нескладну AMP-механіку до Чорної П'ятниці

Гейміфікація – один із найпопулярніших методів розваги та залучення підписників у email-маркетингу. Три основних принципи, що закладаються у гру:

Комбінація цих трьох факторів робить метод максимально ефективним: це весело, є винагорода учасників і відчуття конкуренції, що спонукає до гри.

У Чорну П'ятницю особливо хочеться порадувати клієнтів і підписників спецпропозицією у гарній обгортці. Гейміфікація допоможе зробити її незабутньою та ефективною.

Шукаємо натхнення

Незадовго до Чорної П'ятниці ми з командою поверталися після Web Summit і виявили в літаку вкладиші з грою, де пропонувалося знайти 15 напрямків Wizz Air.

Нам здалося цікавою ідеєю втілити подібний задум у листі, оскільки механіка досить проста, інтуїтивно зрозуміла і знайома практично кожному.

Від ідеї до втілення

Розробка механіки

Ми вирішили, що у нашому листі треба буде знайти назви функціональностей eSputnik. Усього повинно було вийти 11 правильних відповідей.

Рекомендации

АМП

Сегментация

Формы

Веб-трекинг

Веб-хуки

Рассылки

Источники

Аналитика

Триггеры

Процессинг

Кількість клітинок на полі залежала від довжини назв функціональностей, а саме 12х12. Насамперед необхідно було проставити правильні відповіді. У нашому випадку поле вийшло таким:

Потім уже заповнили ігрову сітку іншими літерами у випадковому порядку. Готовий формат вийшов таким:

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

Оскільки механіка виявилася простою та зрозумілою, ми одразу перейшли до верстки листа.

Підготовка бонусів

Промокоди ми давали на різні можливості та послуги eSputnik, щоб зацікавити кожен сегмент нашої аудиторії:

Створення AMP-листа

Розробка макета

Оформлення листа ми зробили у трендовому неоновому стилі, і він вийшов таким:

Блок для пошуку назв ми оформили статичною картинкою, і в HTML-листі гра мала такий вигляд:

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

Для AMPHTML у листі були підготовлені окремі блоки, ті самі, що й для веб-версії. Оскільки інформація про бонуси та кнопки CTA без промокодів не має сенсу, важливо було приховати ще три блоки, окрім самої форми.

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

Щоб не ускладнювати процес заповнення і залишити шанс "обдурити систему", просто підібравши правильну кількість, було прийнято рішення, що читач вкаже кількість знайдених назв функціональностей.

Також ми додали підказки під час введення:

За рахунок використання AMP:

Для створення такої механіки використовувалися два варіанти AMP-елементів:

Код листа мав такий вигляд:

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

<input type="hidden" name="email" value="%EMAIL|%">

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

Підготовка файлу для збирання даних

Файл для збирання відповідей ми створили у Stripo. Про те, як це зробити, можна прочитати у статті.

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

​​

Усі відповіді записувалися до файлу в такому форматі:

Підсумки:


Як бачимо, AMP – це нескладна механіка, яка доступна кожному. Якщо у вас виникнуть запитання або знадобиться консультація із налаштування AMP для ваших розсилок, записуйтесь на демо!

Отримати персональну консультацію

Навіть якщо ви не знайшли функції, що вас цікавлять, у списку можливостей eSputnik, ми відкриті для пропозицій і запровадимо рішення, здатні підвищити ефективність роботи з системою.