Platforma LP. Формы. Новая заявка → HTTP-запрос. Отправка данных

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

формируйте произвольные http-запросы и отправляйте в любые системы, которые имеют свое api и принимают запросы. С их момощью можно создавать контакты, сделки, задачи, отправлять письма и т.д.

 

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

Создайте "Обработку" в 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 закончена.

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

Интеграция с произвольными сервисами через API

Многие сервисы имеют свое API и могут принимать http-запросы. С помощью этих запросов можно создавать контакты, заявки, сделки, отправлять письма и т.д.

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

У каждого сервиса, который имеет свое API и может принимать запросы есть документация. В этой документации подробно описывается каким образом надо формировать запрос, куда отправлять и т.д.

Сформируйте нужный вам http-запрос

С помощью этого действия можно сформировать практически любой http-запрос. Можно задать все необходимые параметры запроса, указать адреса, заголовки, тело запроса и т.д. Ниже мы разберем основные параметры и дополнительные действия, необходимые для этого.

Еще раз отметим, что все подробности указаны в документации того сервиса, куда вы хотите отправлять запрос.

Параметры запроса

Метод
Укажите метод отправки данных. Это может быть POST или GET запрос.

GET-запросы чаще всего используются для получения данных, POST-запросы чаще для отправки данных. Но метод зависит от того какой запрос ожидает сервер, на который вы будете отправлять HTTP-запрос.

Адрес
Нужно указать адрес, на который будет отправляться запрос. Например сервис Bizon365 принимает запросы по адресу https://online.bizon365.ru/api/v1/course/student/add

Тело
Чаще всего в теле запроса отправляют данные в формате "Form Urlencoded" или "JSON".

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

Успешные коды статуса:

Укажите коды статуса, при которых надо считать, что запрос выполнился успешно.

По умолчанию это "2**", т.е. все успешные коды

Параметры строки запроса
Перечислите все параметры, которые необходимо добавить в строку запроса

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

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

Если в теле запроса данные в формате "Form Urlencoded", то необходимо добавить заголовок:

Content-Type: application/x-www-form-urlencoded

Если в теле запроса "JSON", то необходимо добавить заголовок:

Content-Type: application/json

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

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

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

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

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

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

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