Как вывести персональный промокод в форму
  • 07 Feb 2023
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

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

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

Article Summary

Задача:
Выдавать неавторизованному клиенту персональный промокод при посещении сайта.

Снимок экрана 2021-05-04 в 16.58.53.png

Потребуется:

  • создать операцию, выдающую промокод;
  • добавить в настройки JS-код;
  • подставить параметр в редактор формы.

Полная инструкция по созданию всплывающего блока есть по ссылке.

Создаем операцию, выдающую промокод из пула

Для создания операции нужно зайти в список кампаний, далее нажать на добавление операции.

создать-операцию.png

В самой операции нужно:

  • передавать deviceUUID;
  • выбрать шаг "Клиент - Неавторизованный - Получить существующего с поиском по устройству;
  • выбрать шаг "Промокод - Выдать" из доступного пула;
  • в ответе отдавать Выданный промокод.

Снимок экрана 2021-05-04 в 16.44.52.png

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

Снимок экрана 2021-06-23 в 16.15.18.png

Добавляем JS-код

  • Переходим к редактированию верстки попапа
  • Кликаем “Код”
  • В редакторе HTML ищем код вывода промокода в форму. В большинстве шаблонов это класс popmecanic-promocode или popmechanic-promo. Можно поискать через cmd+f.
    image.png

  • Копируем название класса. Это текст внутри кавычек.
  • Возвращаемся на страницу настроек формы и переходим в "Действия после заполнения формы клиентом", нажимаем "Вызвать пользовательский JS" → "Показ формы". Добавляем этот код, заменяя в нём название операции и класс поля вывода промокода:
mindbox("sync", {
  operation: "Название операции из пункта 1",
  onSuccess: function(response) {
    PopMechanic.$(".Класс поля вывода промокода").html(response.promoCode.ids.value);
  },
  onValidationError: function(messages) { },
  onError: function(error) { }
});

Обратите внимание, что нужно сохранить точку перед классом в коде выше. Например, должно получиться ".popmechanic-promocode" или ".popmechanic-promo"


image.png

Подставляем параметр в форму

В форму в то место, где должно отображаться имя, добавляем код:

<span id="replace-promo"></span>%customs.scrollBox%

Снимок экрана 2021-05-04 в 17.03.32.png

Пользователь будет получать новый промокод при каждом показе формы. Функция показа одного и того же промокода при каждом показе пока не реализована

Тестируем форму

По тестовой ссылке открываем попап на сайте с того устройства, которое уже есть в базе Mindbox у какого-нибудь клиента. Проверяем, что промокод выдаётся (смотрим визуально на попап и сравниваем промокод с тем, что уже есть в карточке клиента в разделе действия).

Снимок экрана 2021-05-04 в 16.55.48.png

Снимок экрана 2021-05-04 в 16.58.53.png

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

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

Чем полезны промокоды: собирают и обогащают клиентскую базу, стимулируют совершить целевое действие, персонализируют скидки.