Platforma LP. Формы. Новая заявка → Отправка заявок в Traffic Light

Получайте заявки оставленные в формах сайтов, сделанных на конструкторе Platforma LP

и пробрасывайте заявки в Traffic Light

 

 

Создайте "Обработку"

Создайте "Обработку" в Webjack. В ней настраивается что/откуда получать и куда/как передавать.

Нажмите кнопку “Создать”,
дайте название для "Обработки" и нажмите Cохранить

Добавьте “Источник данных”

Добавьте “Источник данных”, нажмите кнопку “Добавить

Настройте источник данных для Platforma LP

1. Из списка выберите "HTTP-Запрос"

2. Задайте ему следующие настройки:

3. Добавьте к запросу несколько параметров:

Параметры name, phone, email, form_fields, form_info.

Аналогичным образом можно добавить параметры:

utm_source, utm_medium, utm_campaign, utm_content, utm_term, roistat

4. После сохранения сгенерируется URL адрес, который нужно будет использовать при настройках в Platform LP.

Настройка сайта на стороне Platforma LP

1. Вставьте скрипт на сайт

1.1. Зайдите в настройки сайта

1.2. Добавьте новый плагин

1.3. Выберите тип: "Произвольный код"

1.4. Вставьте в поле "Произвольный код BODY" следующий скрипт:

В скрипте необходимо заменить ссылку выделенную жирным, на свой адрес, который вы скопировали из обработки.

<script>
// Webjack.ru - сервис интеграций. Соединяем сайт, мессенджеры, CRM, почту и другие сервисы между собой
// Интеграция заявок PlatformaLP с другими сервисами

// Функция, вызов которой необходимо добавить в КАЖДУЮ форму на лендинге
// Вызов должен быть в виде: webjack(name, phone, email, fields, "");
//
function webjack(name, phone, email, form_fields, form_info) {
    try {
        
        //Отправка заявки на указанный вебхук
        var wj_webhook = 'https://webjack.ru/webhooks/http/51080*******************7515/';
        webjack_send_webhook(wj_webhook, name, phone, email, form_fields, form_info);
        
        // Вывод стандартного сообщения об отправленной заявке
        swal( "Спасибо!\nВаша заявка отправлена.\nВ ближайшее время мы с Вами свяжемся!" ,  "" ,  "success" );

    } catch (err) {
      console.log(err);
    }
}
// Функция, для отправки запросов на webjook
function webjack_send_webhook(wj_webhook, name, phone, email, form_fields, form_info) {
    try {
        
        var xhr = new XMLHttpRequest();
        var body = 
            'name=' + encodeURIComponent(name) +
            '&phone=' + encodeURIComponent(phone) +
            '&email=' + encodeURIComponent(email) +
            '&form_fields=' + encodeURIComponent(JSON.stringify(form_fields)) +
            '&form_info=' + encodeURIComponent(form_info) +
            '&utm_source=' + webjack_get_url_parameter('utm_source') +
            '&utm_medium=' + webjack_get_url_parameter('utm_medium') +
            '&utm_campaign=' + webjack_get_url_parameter('utm_campaign') +
            '&utm_content=' + webjack_get_url_parameter('utm_content') +
            '&utm_term=' + webjack_get_url_parameter('utm_term') +
            '&roistat=' + webjack_get_cookie('roistat_visit');
        xhr.open("POST", wj_webhook, true)
        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhr.send(body);
        
    } catch (err) {
      console.log(err);
    }
}


function webjack_get_url_parameter(name) {
    try {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
    } catch (err) {
        console.log(err);
    }
};


function webjack_get_cookie(name) {
    try {
        let matches = document.cookie.match(new RegExp(
        "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
        ));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    } catch (err) {
        console.log(err);
    }
}
</script>

2. Настройка форм на сайте Платформs LP

2.1. Зайдите в настройку формы

2.2. Выберите действие после отправки "Выполнение JavaScript кода"

2.3. Вставьте код для вызова функции отправки данных

webjack(name, phone, email, fields, "");

2.4. Сделайте это для всех ваших форм на сайте

2.5. Опубликуйте страницу

На этом настройка получения заявок с сайта сделанного на Platforma LP закончена.

Можно переходить к настройке действий по отправке данных.

Отправка заявки в Traffic Light

Шаг 1. Добавьте действие "Отправка лида в Traffic Light"

Выберите действие "Отправка лида в Traffic Light"

Шаг 2. Заполните поля в этом действии, как на скриншоте:

Ниже расписан список полей и их возможные значения:

* Ключ доступа к API - key. Ключ доступа к API, получите в профиле https://cpa.tl/u/profile


ID лида - id. ID лида в вашей системе. Это может быть id лида из ТикТок, Facebook или своей CRM
* ID оффера - offer_id. ID оффера в Traffic Light


ID потока - stream_hid. ID потока в Traffic Light можно скопировать на странице https://cpa.tl/streams/


IP-адрес - ip_address. IP адрес лида.
В тех случаях, когда IP-адрес получить невозможно, например для лид-форм ТикТок, Facebook и т.п. укажите IP-адрес 0.0.0.0
ФИО покупателя - name. Имя или ФИО покупателя
* Телефон покупателя - phone. Телефон покупателя. Формат номера может быть любой
Комментарии к заказу - comments. Комментарии к заказу
* Код страны покупателя - country. Двухбуквенный код страны покупателя. Например, RU, UA, KZ.
Ссылка на возможные значения кодов стран в столбце "Alpha-2" по ссылке https://ru.wikipedia.org/wiki/ISO_3166-1
Адрес покупателя - address. Адрес покупателя
Временная зона - tz.
Число, соответствующее временной зоне. Например, 3 для Europe/Moscow или 6 для зоны UTC+6
ID вебмастера - web_id. ID вебмастера в вашей системе. Указываем значение 0
Email покупателя - email. Email покупателя
Строка User-Agent - user_agent. Можно оставить пустым.
Идентификационная строка клиентского приложения.

Поля UTM-меток:
UTM Source - utm_source
UTM Medium - utm_medium
UTM Campaign - utm_campaign
UTM Content - utm_content
UTM Term - utm_term

Поля для дополнительной информации:
Доп. инфо 1 - sub1
Доп. инфо 2 - sub2
Доп. инфо 3 - sub3
Доп. инфо 4 - sub4
Доп. инфо 5 - sub5

Ссылка на инструкцию по передаваемым полям от Traffic Light https://cpa.tl/help/api/#send_lead

Нажмите на кнопку "Сохранить"

Запустите обработку

Нажмите на кнопку "Запустить"

С этого момента данные будут обрабатываться.

Как все будет работать?

  1. В обработку будут поступать данные из настроенного вами "Источника данных"
  2. Поочередно будут выполняться все действия, которые вы настроили
  3. Все поступающие в обработку данные, а также статус и история их обработки будут отражатся в "Истории операций"

В случае возникновения каких-либо ошибок в процессе обработки, вы получите письмо-уведомление на email.

Если вы обнаружили ошибку или неточность в описании, либо что-то не понятно, напишите нам в чат на сайте. Мы внесем правки.