Как создать интерактивный контент без использования кода с помощью генератора интерактивных модулей

Доказано, что интерактивный контент повышает вовлеченность клиентов, поскольку предоставляет удобный способ взаимодействия с элементами и игры внутри писем. Геймификация, открытая форма обратной связи, опросники и многое другое. 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 позволяет создавать игры, квизы и анкеты, с которыми подписчики могут взаимодействовать прямо в письме. Работа с интерактивным контентом еще никогда не была такой простой.