Как добавить форму "Колесо фортуны"
  • 13 Sep 2022
  • 5 минуты
  • Темная тема
    Светлая тема
  • формат pdf

Как добавить форму "Колесо фортуны"

  • Темная тема
    Светлая тема
  • формат pdf

Для запуска этого попапа требуется интеграция:

нужно выполнить настройки по инструкции: https://developers.mindbox.ru/page/рекомендации-на-сайт

Задача:

Создать игровую форму с "Колесом фортуны", которая будет предлагать выиграть один из подарков за подписку. Возможные подарки:

  • скидка 5%;
  • бесплатная доставка;
  • бонусные 500 рублей;
  • бонусные 400 рублей.

Снимок экрана 2021-04-07 в 18.45.57.png

Условия:

  • Случайным образом выпадает один из вариантов, выбранный вариант передаём как дополнительное поле клиенту;
  • Форму показывать всем, кто посещает сайт в первый раз после того, как они посмотрели две страницы на сайте;
  • Исключить показ подписчикам;
  • К форме можно вернуться после закрытия через кнопку.

Для добавления попапа требуется зайти на проект (название проекта.mindbox.ru).

По ссылке https://help.mindbox.ru/docs/как-создать-попап есть инструкция по созданию попапа - здесь описано как добавлять трекер на сайт, тестировать форму и как настраивать условия показа.

Вам нужно зайти в “Кампании” в меню слева, выбрать нужную кампанию из списка кампаний, затем нажать “Попапы” - “Добавить” - “Попап”.

Определяемся с наполнением формы

Находим из предложенных вариантов нужную форму (можно воспользоваться фильтром "С игровой механикой"), нажимаем “Выбрать”. Сейчас вы можете выбрать из двух вариантов.

Снимок экрана 2021-12-16 в 16.06.49.png

Добавляем сайт

Выберите эндпоинт (точку интеграции) того сайта, на котором планируется показывать попап.

Снимок экрана 2022-08-01 в 17.12.16

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

Далее переходим в “Редактирование шаблона”. Для этого нажимаем “Изменить” напротив пункта “Внешний вид формы”.

Снимок экрана 2021-12-16 в 16.08.42.png

Снимок экрана 2021-12-16 в 16.09.06.png

Определяем расположение формы на экране

По умолчанию форма показывается по центру экрана. Изменить расположение формы на экране можно с помощью кнопки в нижнем левом углу.

Снимок экрана 2021-12-16 в 16.10.28.png

По умолчанию на мобильных устройствах и планшете применяются такие же условия, как и на десктопе. Но можно изменить эти настройки, особенно, если вы используете отступы на десктопе (чтобы на мобильных устройствах форма не улетела за края экрана из-за отступов).

Адаптируем шаблон под сайт

  1. Все тексты - если в тексте нужен перенос строки используйте тег в поле ввода на месте переноса <br>;
  2. Меняем картинки и иконки (фон в форме можно отключить);
  3. Настраиваем подарки - на вкладке "Настройки колеса" можно выбрать:
  • Какое количество призов можно выиграть - два, три или четыре;
  • Какие это призы (можно указать заголовок и подзаголовок для каждого приза);
  • Что будет написано в заголовке, при выборе этого подарка (заголовок 1-го варианта).

Зададим настройки в соответствии с условием задачи:

Варианты результата выигрышей:

  • Всегда первый - имитируем игру, но при этом подарок всегда один и тот же;
  • Случайный - выпадает с равной вероятностью один из вариантов.

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

Снимок экрана 2021-12-16 в 16.11.52.png

Важно!

Данная настройка работает на фронтенде и не является защищенной от "взлома" посетителями. Не рекомендуем использовать её для розыгрышей дорогих и особо ценных подарков.

Вероятность выпадения того или иного приза можно изменить в параметре Вероятность в настройках каждого из вариантов. Используйте только целые числа в этом поле.

  1. Добавляем ссылку на политику конфиденциальности - найдите на сайте клиента "Политику конфиденциальности" и скопируйте ссылку (эту настройку не рекомендуем отключать, потому как по законодательству России такая ссылка должна быть в формах сбора данных);
  2. Отступы и размеры для мобильных устройств и десктопа - при корректировке размеров обращайте особое внимание на мобильную версию формы;

Здесь можно указать настройки для шрифта или использовать свой шрифт с сайта - https://help.mindbox.ru/docs/как-добавить-свои-шрифт-в-попап

Шрифт в форме будет подгружаться с сайта, но в превью может отображаться некорректно из-за того, что у нас в системе этого уникального шрифта может не быть.
7. Выбираем цвета формы - рекомендуем для подбора цвета с формы использовать расширение для браузера Eye Dropper или же использовать номер цвета с брендбука компании;

Не забудьте проверить экран после подписки!

Кнопка вызова формы

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

Снимок экрана 2021-12-16 в 16.18.20.png

Снимок экрана 2021-03-09 в 16.57.30.png

Для этого нужно нажать "Включить кнопку" - "Изменить". Далее можно выбрать нужный шаблон и изменить текст на кнопке. На сайте кнопка будет выглядеть так:

Снимок экрана 2021-04-07 в 18.46.46.png

Настраиваем таргетинг

В нашей задаче есть условия:

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

Снимок экрана 2021-06-07 в 19.53.41.png

Снимок экрана 2021-06-07 в 19.55.26.png

Снимок экрана 2021-06-07 в 19.58.24.png

Далее в форме нажимаем "Сохранить" и "Запустить".

Действия после заполнения формы клиентом

Для того, чтобы подарок был передан в mindbox, требуется настроить действия после заполнения формы. Потребуется создать "Дополнительное поле" - нажимаем "Интеграция" - "Дополнительные поля" - "Добавить. Назвать поле можно "Подарок в колесе фортуны", например.

Снимок экрана 2021-04-07 в 20.05.23.png

Снимок экрана 2021-11-08 в 12.48.54.png

Полная инструкция по созданию дополнительных полей есть по ссылке

Затем нужно заполнить поля, которые должны быть переданы в профиль клиента из формы:

Снимок экрана 2021-04-07 в 20.13.02.png

Выдать подарок клиенту и отправить ему об этом письмо можно разными способами:
  1. Выдать персональный промокод и подставить его в письмо;
  2. Отправить письмо с единым промокодом для каждого варианта выигрыша;
  3. Добавить клиента в сегмент для применения акции, которая и будет предоставлять клиенту скидку или другой бенефит. Затем нужно отправлять рассылку с этим бенефитом.

Вы можете выбрать наиболее удобный для вас вариант. За помощью в настройке можно обращаться к менеджеру или в чат поддержки.

На примере рассмотрим первый вариант.

Создаем триггерную рассылку с двумя параметрами:

  1. Значение дополнительного поля - отсюда будет взят текст с бенефитом;
  2. Персональный промокод, выданный клиенту после получения подарка.
Инструкция по созданию рассылки

Первый параметр для рассылки в нашем случае выглядит так: @{ If Recipient.AdditionalData.Podarok =1 } 5% @{ If Recipient.AdditionalData.Podarok = 2 } бесплатную доставку @{ If Recipient.AdditionalData.Podarok =3 } 500 бонусов @{ If Recipient.AdditionalData.Podarok =4 } 400 бонусов @{ end if }.

Текст в письме для первого варианта подарка будет такой: "Поздравляем! Вы выиграли 5%на следующий заказ!" (красным выделен подставленный параметр).

Второй параметр - это персональный промокод. Параметр будет @{ If Recipient.AdditionalData.Podarok =1 } ${Recipient.LastReceivedPromoCode.WithTypeNew1.Value} @{ If Recipient.AdditionalData.Podarok = 2 } ${Recipient.LastReceivedPromoCode.WithTypeNew2.Value} @{ If Recipient.AdditionalData.Podarok =3 } ${Recipient.LastReceivedPromoCode.WithTypeNew3.Value} @{ If Recipient.AdditionalData.Podarok =4 } ${Recipient.LastReceivedPromoCode.WithTypeNew4.Value}@{ end if }

Нужно будет заменить WithTypeNew1.Value на системное имя вашего пула промокода.

Текст в письме для промокода будет такой: "Ваш персональный промокод А23Р-1!" (красным выделен подставленный параметр).

Инструкция по созданию промокода

Затем нужно создать сценарий, который будет срабатывать когда клиент получит подарок (на срабатывание по действию "Регистрация клиента в форме "Выбор подарка"").

В шагах сценария нужно выдать промокод из пула, соответствующий пулу бенефитов (должен быть отдельный пул для скидки в 5%, на бонусные 400 и 500 рублей и на бесплатную доставку).
Далее выбираем рассылку, в которой подставлен текст с нужным подарком и последним полученным промокодом.

Всего потребуется создать 4 пула промокодов и 1 сценарий.

Можно использовать одну рассылку за счет динамических параметров.

Снимок экрана 2021-07-05 в 14.05.14.png

Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку.

Чат с поддержкой есть справа внизу.

Попапы и блоки — первый шаг автоматизации маркетинга. Подключайте новые каналы коммуникации на базе CDP

Была ли эта статья полезной?