Интеграция
Получение заявок из LP Generator → Добавление лида в CRM Bitrix
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок из LP Generator: HTTP-источник с параметрами формы, плагин «Произвольный код» и вызов скрипта после отправки.
- Настройка добавления лида в Bitrix24: подключение, название, контакты, стадия и источник обращения из данных сценария обработки.
Отдельные инструкции: источник «Получение заявок из LP Generator» · действие «Добавление лида в CRM Bitrix»
Создание подключений
Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.
Подключение Bitrix24
Приложение в маркетплейсе
Перед подключением через OAuth установите приложение Webjack в маркетплейсе Bitrix24 для своей страны:
- Россия - webjack.connector
- Беларусь - webjack.connector_by
- Казахстан - webjack.webjack_kz
Создание подключения
- В меню слева выберите «Подключения».
- Нажмите «+».
- Выберите тип «Bitrix» и нажмите «Выбрать».
- В поле «Сайт» укажите адрес портала Bitrix24, например
https://company.bitrix24.ru. - В поле «Регион» выберите способ подключения.
Регион «Россия», «Беларусь» или «Казахстан»
- Убедитесь, что приложение для этой страны уже установлено в портале.
- В поле «Регион» выберите «Россия», «Беларусь» или «Казахстан».
- При необходимости включите «Использовать постоянные IP».
- Нажмите «Подключить» и авторизуйтесь в Bitrix24 под администратором портала.
- После успешной авторизации подключение появится в списке.
Регион «Webhook»
Используйте этот способ, если приложение из маркетплейса установить нельзя - например, на коробочном Bitrix24.
- В Bitrix24 создайте входящий вебхук с правами CRM.
- Скопируйте URL вебхука для вызова REST API.
- В поле «Сайт» вставьте этот URL.
- В поле «Регион» выберите «Webhook».
- При необходимости включите «Использовать постоянные IP».
- Нажмите «Подключить».
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
В списке типов источника выберите «lpgenerator.ru» и нажмите кнопку «Выбрать».
Источник «lpgenerator.ru»
Заявки из форм LP Generator начнут приходить на URL HTTP-источника. с параметрами формы, вставьте скрипт в плагин сайта и вызовите его после отправки формы.
Параметры HTTP
- Задайте настройки HTTP-запроса как на скриншоте.
- Добавьте параметры:
name,phone,email,form_fields,form_info. При необходимости добавьтеutm_source,utm_medium,utm_campaign,utm_content,utm_term,roistat.
- Нажмите «Сохранить».
- Откройте вкладку «Источник данных» и скопируйте «URL».
Плагин на сайте LP Generator
- Откройте настройки сайта.
- Добавьте новый плагин.
- Выберите тип «Произвольный код».
- Вставьте скрипт в поле «Произвольный код BODY» и замените
ВСТАВЬТЕ_СКОПИРОВАННЫЙ_URLна скопированный «URL».
function webjack(name, phone, email, form_fields, form_info) {
try {
var wj_webhook = 'ВСТАВЬТЕ_СКОПИРОВАННЫЙ_URL';
webjack_send_webhook(wj_webhook, name, phone, email, form_fields, form_info);
swal("Спасибо!\nВаша заявка отправлена.\nВ ближайшее время мы с Вами свяжемся!", "", "success");
} catch (err) {
console.log(err);
}
}
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 {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
return matches ? decodeURIComponent(matches[1]) : undefined;
} catch (err) {
console.log(err);
}
}
Формы на сайте
- Откройте настройку формы.
- В действии после отправки выберите «Выполнение JavaScript кода».
- Вставьте вызов
webjack(name, phone, email, fields, "");.
- Повторите для всех нужных форм и опубликуйте страницу.
Действие «Добавление лида в CRM Bitrix»
В Bitrix24 создаётся лид с названием, контактами и стадией. Выберите подключение и заполните поля обращения.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Подключение
- В поле «Подключение» выберите подключение Bitrix.
Параметры лида
- Заполните «Название».
- Укажите «Имя», «Телефон» и «Email» или подставьте переменные из сценария.
- Выберите «Стадия», «Ответственный» и «Источник». Значения списка откройте кнопкой «...».
- При необходимости заполните «Комментарий» и «Дополнительно об источнике».
- При необходимости настройте «Обработка дубликатов».
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
