Як створити інтерактивний контент без використання коду за допомогою генератора інтерактивних модулів

Доведено, що інтерактивний контент підвищує залученість клієнтів, оскільки надає зручний спосіб взаємодії з елементами та ігри всередині листів. Гейміфікація, відкрита форма зворотного зв'язку, опитувальники та багато іншого. Stripo, як один з активних прихильників інтерактивного контенту, завжди перебуває в авангарді інновацій. А тепер погляньте на цю невеличку гру для листів.

А якщо я скажу, що ви можете створити таку саму гру всього за 10 хвилин? Для цього не потрібно ніяких навичок кодингу. Саме тут на допомогу приходить наш генератор інтерактивних модулів. Давайте розглянемо докладніше, що це за генератор, які проблеми він розв'язує і як використовувати його у своїх інтересах.

Що таке генератор інтерактивних модулів?

Перш за все, давайте почнемо з основ. Наш генератор інтерактивних модулів — це окремий продукт в екосистемі Stripo, який дає змогу email-маркетологам легко і швидко створювати інтерактивний контент для своїх листів. Його основна ідея — спростити роботу з інтерактивністю і забезпечити можливість генерувати і редагувати механіку за допомогою інтуїтивно зрозумілого інтерфейсу. Незважаючи на те, що генератор перебуває в екосистемі Stripo, для його використання не потрібна наявність акаунта. У результаті ви отримуєте простий у використанні інструмент для створення складних механік листів за лічені хвилини.

Які проблеми email-маркетингу вирішує наш генератор інтерактивних модулів?

Ідея створення генератора інтерактивних модулів виникла не на порожньому місці. Існує два технічні діалекти, які використовуються для створення інтерактивності: AMP, що використовується для Gmail і Yahoo, і HTML5 з CSS3, який добре працює в Apple Mail та інших поштових клієнтах. Оскільки одержувачі можуть використовувати кілька поштовиків одночасно, обидва листи мають містити обидві версії гри, які відображатимуться залежно від сервісу. Також не забудьте про тих, хто користується Outlook. Тут необхідна третя версія листа, оскільки Outlook не дуже добре працює з інтерактивними механіками в листах. Але це лише один бік медалі.

Крім того, тестування і сумісність з ESP / поштовиками стає величезною завадою, оскільки не всі ESP підтримують усі діалекти кодування, що призводить до неправильного відображення інтерактивних листів. Адаптація інтерактивного коду для підтримки всіма можливими ESP завжди пов'язана з витратами часу і грошей.

Незважаючи на те, що інтерактивний контент — це реальний двигун зростання залученості, його створення і впровадження в листи досить складні. Для цього необхідно:

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

Не всі маркетологи володіють необхідними знаннями і ресурсами для цього.

І останнє, про що варто згадати, — це трекінг і зберігання даних. Багато email-маркетологів не використовують інтерактивний контент, оскільки не знають, як відстежувати взаємодію в цій механіці. І це правильний підхід, оскільки зробити листи більш привабливими — це добре, але оцінити залученість — ще краще.

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

Створення інтерактивного контенту потребує технічних навичок

Наша головна мета — стерти бар'єр між маркетологами та інтерактивністю. Ми надаємо маркетологам інтуїтивно зрозумілий інструмент, за допомогою якого вони можуть створити гру, використовуючи простий інтерфейс. Чудово те, що взаємодія з кодом відбувається лише в момент вставляння його в лист (у разі роботи з готовим кодом). Кожна механіка, яку можна зробити в редакторі, унікальна, але ланцюжок кроків створення залишається практично незмінним (за винятком унікальних елементів керування для деяких механік).

Створення інтерактивного контенту потребує часу

Розробка гри з нуля займає багато часу. Оскільки генератор позбавляє необхідності створювати інтерактивні механіки власноруч, це дає маркетологам перевагу. Створення цілої гри в генераторі займає кілька хвилин. Завдяки тому, що під час розробки генератора ми зосередилися на плавному робочому процесі, сама процедура є інтуїтивно зрозумілою. 

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

Створення інтерактивного контенту потребує ретельного тестування як на функціональність, так і на сумісність

Створити інтерактивну механіку власноруч без помилок дуже складно. Одна помилка в коді — і гра не працює. Основні механіки наших ігор протестовані на 100%. Усе, що потрібно від вас у генераторі, — це додати свій контент. Результатом є механіка з потрібним контентом, яка працює.

Крім того, наш генератор інтерактивних модулів дає змогу охопити найширшу аудиторію:

• AMP-лист, який працює в Gmail, Yahoo і FairEmail;
• інтерактивний фолбек, який працює на всіх пристроях і в усіх поштових клієнтах, що підтримують HTML5 і CSS3 (він також працює в Apple Mail і Samsung Email);
• текстовий фолбек, який працює в поштових клієнтах, що не підтримують HTML5 і CSS3, наприклад у деяких застосунках Outlook.

На виході ви отримуєте повністю робочу інтерактивну механіку з усіма необхідними версіями для всіх можливих поштових клієнтів. За допомогою генератора інтерактивних модулів кожен одержувач зможе з легкістю ознайомитися з інтерактивним вмістом листа.

Важлива примітка: незважаючи на те що ми надаємо повністю робочу ігрову механіку, не варто нехтувати етапом тестування листа з інтерактивним контентом перед його надсиланням реальним одержувачам. Про можливі варіанти тестування ми розповімо трохи далі в статті.

Використання функції трекінгу в інтерактивних механіках може викликати складнощі

Відстеження того, які одержувачі з яких листів відповіли на ваш інтерактивний опитувальник або заповнили форму зворотного зв'язку, надзвичайно важливе для планування подальшої стратегії. Однак раніше під'єднання трекінгу до інтерактивних механік також вимагало технічних знань. Генератор інтерактивних модулів прибирає бар'єри і тут. У генераторі можна додати сервіс даних в інтерактивні механіки і таким чином відстежувати відповіді одержувачів. Створення і додавання сервісу даних займає всього кілька хвилин і не вимагає копатися «під капотом» листа. Детальніше про цю функцію ми розповімо нижче.

Який вид інтерактивності можна створити в нашому генераторі?

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

Опитувальник

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

Колесо Фортуни

Пам'ятаєте американське ігрове шоу «Колесо Фортуни»? Ми подумали, що було б чудово створити щось подібне для листів і додали цю ігрову механіку у свій генератор інтерактивних модулів. Тепер ви можете надавати знижки та промокоди своїм одержувачам у захопливій формі — через Колесо Фортуни в цій механіці азартної гри.

Пазл

З технічної точки зору ця гра досить складна, але правила прості. Ви маєте дати одержувачу загадку, наприклад: відгадайте персонажа. Одержувач повинен зібрати правильну картинку, вирішивши головоломку. Пазл складається з правильної картинки і картинки (або картинок), що відволікає, що ускладнює пошук правильного зображення і заплутує одержувачів, роблячи гру більш захопливою.

Скретчер

Пам'ятаєте лотерейні квитки, в яких необхідно шкребти кола, щоб відкрити числа, необхідні для виграшу? Ми вирішили зробити схожий елемент, який допоможе привнести інтригу в листи і зробити отримання промокодів та інших подарунків більш інтерактивним. Ви можете написати будь-яке повідомлення і заховати його під шар, який одержувач повинен «пошкребти» за допомогою курсору миші або спеціальної кнопки.

Сумісність імен

Це ігрова механіка, в якій одержувачі можуть вставити два імена (або інших слова, залежно від контексту) у відповідне поле і подивитися, як вони поєднуються одне з одним. Просто, але при цьому додає інтриги в листи.

Знайдіть пару

Правила гри доволі прості. Одержувачу необхідно шукати пари однакових картинок, поки не будуть знайдені всі з них. Оскільки в гру можна додавати будь-які картинки, ця механіка добре впишеться в листи будь-якої індустрії, що дасть змогу робити email-розсилки більш захопливими.

Знайдіть відповідність

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

Квіз із картинками

Влаштуйте для своїх адресатів захопливий квіз, у якому вони зможуть відповісти на запитання, супроводжувані зображеннями. Проведіть їх через нього, щоб дати відповідь з урахуванням контексту. Цікавість «Квізу з картинками» в тому, що така інтерактивна механіка може бути адаптована до будь-якої події завдяки тому, що можна створювати квізи з певними зображеннями, і все обмежується лише вашою уявою.

Опитування NPS

Опитувальники NPS є основою будь-якого бізнесу, який хоче утримати наявних клієнтів, залучити нових і досягти вершин. Опитування NPS — це зручний інтерактивний інструмент збирання відгуків, що дає змогу зрозуміти, що подобається клієнтам у ваших послугах і які аспекти необхідно поліпшити, використовуючи прозору шкалу.

Анкета

Не можете прийняти рішення? Влаштуйте для своїх одержувачів повноцінне анкетування, щоб вони могли вибрати вподобані варіанти і натякнути на те, що їм потрібно.

Огляд продукту

Основне завдання цього модуля — забезпечити зручний процес взаємодії маркетолога й одержувача під час збору відгуків. Для цього використовується візуальна шкала і форма зворотного зв'язку, яку одержувач може заповнити текстом.

Сервіс даних: що це таке і як його використовувати?

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

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

• щоб створити власний сервіс даних, клікніть на кнопку «Дані» і «Створити сервіс»;
  
  
• назвіть сервіс даних (після присвоєння назви він буде збережений автоматично);
  
  
• скопіюйте URL-адресу сервісу, оскільки ця URL-адреса буде необхідна в іграх, які ви створите за допомогою нашого генератора;
  
  
• вставте посилання на сервіс даних у відповідне поле, щоб прив'язати його до гри, тоді всі відповіді будуть збережені в створеному сервісі даних;
  
  
• сервіс даних зберігається на вкладці «Дані», як і всі зібрані з його допомогою відповіді;
  
  
• після кліку на кнопку «Скачати» ви збережете файл .csv з усіма електронними адресами та відповідями;
  
  
• у вашому файлі .csv будуть вказані необхідні електронні листи, відповіді та дати.
  
  

Джерело даних або як зберегти свою гру і вставити її в генератор

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

Ось як виглядає весь процес:

• щоб мати можливість повторно використати свою гру в нашому генераторі та доопрацювати її, не переробляючи повністю, клікніть на кнопку «Зберегти»;
  
  
• введіть свою електронну адресу у відповідне поле та клікніть на кнопку «Надіслати»;
  
  
• ви отримаєте спеціальний лист з усім контентом гри, для цього клікніть на кнопку «Скачати JSON»;
  
  
• скопіюйте код, який з'явиться після переходу за посиланням;
  
  
• створіть джерело на вкладці «Дані», клікнувши на «Джерела»;
  
  
• потім клікніть на кнопку «Створити джерело»;
  
  
• введіть назву джерела даних у відповідне поле (після присвоєння назви з'являться додаткові поля, і джерело даних буде автоматично збережено);
  
  
• проскрольте вниз до цього вікна і вставте скопійований код JSON у нього;
  
  
• для використання збереженої гри скопіюйте URL-адресу джерела даних, клікнувши на кнопку «Скопіювати»;
  
  
• щоб знову використовувати вашу гру в нашому генераторі, клікніть на це повідомлення;
  
  
• вставте сюди посилання на джерело даних і клікніть «Підтвердити».
  
  

На цьому все. Тепер ваша гра завантажена в генератор, і її можна налаштовувати під себе.

Важлива примітка: JSON, який ви використовуєте для завантаження гри, застосуємо лише до відповідної сторінки гри. Якщо ж JSON збережений для гри «Опитувальник», то його необхідно вставити на сторінку гри «Опитувальник». Те ж саме стосується і будь-якої іншої гри в генераторі інтерактивних модулів.

Перегляньте наше тематичне відео, щоб зрозуміти, як це працює.

Невеличка порада

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

• потрапити до білого списку Google і Yahoo;
• виправити всі баги, якщо такі виникнуть. Ви побачите їх у режимі прев'ю (в іншому випадку одержувачі побачать HTML-лист). Будь ласка, пам'ятайте, що якщо ви використовуєте наш код у тому вигляді, в якому він вам наданий, то помилок у листі не буде. Якщо буде потрібно змінити його, обов'язково перевірте код листа;
• переконатися, що ваш ESP / CRM підтримує надсилання AMP-листів;
• AMP-листи втрачають свої AMP-властивості, якщо їх переслати. Це було зроблено з міркувань захисту даних;
• через 30 днів після того, як лист було доставлено шановним одержувачам, він втрачає свої AMP-властивості.

Якщо бодай одну з цих вимог не виконано, одержувачі побачать інтерактивний фолбек.

На завершення

Наша незмінна мета — зробити створення листів простим і доступним для всіх, від технарів до email-маркетологів, які ніколи не працювали з кодом.

Завдяки нашому генератору інтерактивних модулів ви отримаєте код, що містить AMP-елементи, які правильно працюватимуть у Gmail, FairEmail і Yahoo; інтерактивний HTML-фолбек, який працює в Apple Mail і Samsung Mail; і фолбек, який відображатиметься в поштових клієнтах, що не підтримують інтерактивного контенту, наприклад у деяких версіях застосунку Outlook.

Тепер Stripo дає змогу створювати ігри, квізи та анкети, з якими підписники можуть взаємодіяти одразу в листі. Робота з інтерактивним контентом ще ніколи не була такою простою.