Как использовать данные из Mindbox в формах Popmechanic?


Варианты использования:
- обратиться по имени к посетителю сайта;
- выводить показ персонального промокода;
- выводить количество бонусных баллов клиента;
- использовать емейл пользователя в формах, которые показываем;

Схема работы:
1) Создать операцию в Mindbox для запроса данных;
2) Создать новый запрос к Mindbox в Solutions по ссылке https://solutions.popmechanic.ru/admin/ ;
3) Для формы в Popmechanic куда подтягиваем данные создать интеграцию с JS-кодом и скопировать туда код ;
4) В самой форме поставить переменную, которая должна заполняться данными;
1) Создание операции в Mindbox
Для того, чтобы работал показ данных с Mindbox менеджеру нужно создать операцию для запроса этих данных.

Для этого в Mindbox делаем такие действия:
меню "Кампании" - выбираем кампанию - добавить операцию

Параметры операции:
Имя: Получение данных о клиенте
Системное имя: getuserinfo
Для сервиса: Операция V3
Для точек интеграции - выбираем свои нужные
Добавить в ответ данные - выбираем то, что нужно будет использовать в дальнейшем
Создание операции для запроса данных - делаем 1 раз
2) Создание запроса к Mindbox в solutions
Для создания интеграции такого типа вам необходим доступ в Solutions Popmechanic.
Если у вас его нет - обратитесь к ведущему менеджеру.

Вам необходимо создать интеграцию:
Mind box requests - Add
Создание запроса
3) Интеграция с JS-кодом для нужной формы
Выбираем нужную форму - интеграции - JS
И копируем в поля "Код при отрисовке формы" и "Код при показе формы" код, представленный ниже
Где найти интеграцию с JS
Скопируйте в поля "Код при отрисовке формы" и "Код при показе формы" такой кусок кода:
PopMechanic.$.get(
    'https://solutions.popmechanic.ru/mindbox/api-proxy/9/?deviceUUID=' + document.cookie.split('DeviceUUID=')[1].split(';')[0]
).then(function(data) {
    try {
        if (data.customer.firstName) {
            PopMechanic.$('#popmechanic-name-9707').text(data.customer.firstName);
        }
    } catch (e) {}
});
Где:
  • вместо 9 = № интеграции в solutions (смотрите в url при создании)
  • вместо firstName = нужная переменная с данными (может быть email, birthDate и другие данные клиента - смотрим в описании операции в Mindbox точный синтаксис)
  • вместо #popmechanic-name-9707 = ваше название переменной, которую вы будете прописывать в тексте формы.

В самой форме на месте текста, куда нужно подставить значение имени ставим тег span и название переменной.

Например, в самом тесте формы ставим:
<span id="popmechanic-name-9707"></span>, вы недавно сделали заказ на сайте.

Если нужно показывать разный вариант текста, когда имени нет:
PopMechanic.$.get(
    'https://solutions.popmechanic.ru/mindbox/api-proxy/9/?deviceUUID=' + document.cookie.split('DeviceUUID=')[1].split(';')[0]
).then(function(data) {
    try {
        if (data.customer.firstName) {
            PopMechanic.$('#popmechanic-name-9707').text(data.customer.firstName + ', поздравляем');
        }
    } catch (e) {}
});
Где в text подставляем текст, который покажется, если имя у пользователя ест

В примере выше после подстановки получится "Инна, поздравляем..."

А в самом тесте формы ставим:
<span id="popmechanic-name-9707">Поздравляем</span>
Где значение в теге span заменится текстом с именем, если получится получить имя.
Если нет, выведется "Поздравляем..."



Вам была полезна эта статья?