Platforma LP. Формы. Новая заявка → Битрикс24. Создание лида

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

и на основе этих данных создавайте сделки в Битрикс24

 

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

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

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

Создайте подключение к Битрикс24

Чтобы передавать данные в Битрикс24, необходимо установить в Битрикс24 приложение Webjack и создать подключение. Подробное описание как это сделать можно найти по ссылке Создание подключения к Битрикс24

Добавьте действие "Добавление лида в CRM Bitrix"

Зайдите в "Обработку", в секции "Действия" нажмите кнопку "Добавить"

Найдите и выберите действие "Добавление лида в CRM Bitrix"

Выберите пользователя Битрик24

Нажмите на кнопку выбора

Выберите из списка подключение Битрикс24, которое вы создавали.

Отобразится полный список полей "Битрикс24", которые можно заполнять

Заполните поля Битрикс24

Настройте передачу данных во все поля, которые вам необходимы.

Ниже описание основных полей, которые обычно требуется заполнить:

"Название лида"
Является обязательным полем.
Важная рекомендация: Обязательно добавляйте в это поле какой-нибудь текст. Например так:

Если вы передадите только значение поля "Full name", либо какого-то другого, то может оказаться так, что поле пустое.
Тогда в поле "Название лида" будет передаватьсяч пустое значение. А так, как это поле в Битрикс24 обязательно, то возникнет ошибка и лид не создастся.

"E-mail"
Важно: Перед созданием лида Битрикс24 проверяет корректность e-mail переданного в это поле.
Если e-mail не является корректным (валидным), то лид НЕ создается (это особенность работы Битрикс24).
Надо это учитывать, т.к. если пользователь напишет некоректный e-mail то лид в Битрикс24 не попадет.

"Имя", "Отчество", "Фамилия"
Не обязательные поля, можно передавать в них любые значения. Например так:

"Статус"
Код статуса лида
. Выберите нужный статус из списка. Чаще всего это "NEW" - "Не обработан", либо другой, нужный вам.
"Ответственный"
Идентификатор пользователя Битрикс24, ответственного за лид. Выберите из списка.

"Комментарий"
Коментарий к лиду, любой текст

UTM-метки "UTM Campaign", "UTM Content", "UTM Medium", "UTM Medium"
Это стандартные поля Битрикс24 для хранения UTM-меток. Предполагается, что в поля надо передавать следующие значения:
UTM_CAMPAIGNРекламная кампания.
UTM_CONTENT
Содержимое рекламного объявления.
UTM_MEDIUM 
Тип трафика. Например "cpc", "cpm".
UTM_SOURCE Источник трафика. Например: "yandex",  "google" и т.п.

"roistat"
Если используетсяч сервис Roistat, для аналитики, то это поле должно быть заполнено числовым кодом Roistat либо специальной меткой.
По ссылке описание "Как формировать метки для лид-форм разных социальных".

"Доступен для всех"
Заполняется значениями "Y" либо "N".
Важно: Если будет указано значение "Y", то лид будет доступен для всех пользователей Bitrix24, если "N", то недоступен.

"Сумма"
Важно: Необходимо заполнять цифрами. Если будет не число, то Битрикс24 НЕ создаст лид.

После заполнения всех нужных вам полей, нажмите на кнопку "Сохранить".

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

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

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

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

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

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

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