Интеграция
Получение заявок из LP Generator → Создание или обновление контакта в OkoCRM
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок из lpgenerator.ru: выбор источника по имени, URL HTTP-вебхука и поля через «Получить параметры из последнего запроса».
- Действие создаёт контакт в OkoCRM или обновляет найденный дубликат по ФИО, телефону, почте или ID. Телефоны и почту можно передать списком.
Отдельные инструкции: источник «Получение заявок из LP Generator» · действие «Создание или обновление контакта в OkoCRM»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создание подключений
Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.
Подключение OkoCRM
Как подключить OkoCRM
«Подключение» хранит токен API аккаунта OkoCRM. С ним Вебджек создаёт и обновляет контакты и сделки.
- Войдите в OkoCRM.
- Нажмите иконку аватара, затем имя пользователя.
- Прокрутите профиль вниз и скопируйте значение поля «Токен для API».
- В Вебджеке откройте подключение «OkoCRM».
- Вставьте токен в поле «Токен API».
- Нажмите «Подключить».
Вебджек проверяет токен запросом списка пользователей. Если токен принадлежит одному пользователю, подключение получит его имя и почту. Иначе название будет «OkoCRM».
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «lpgenerator.ru»
Заявки из lpgenerator.ru начнут поступать после выбора «lpgenerator.ru» в списке источников. Сохраните источник, скопируйте URL и укажите его в плагин «Произвольный код» и JS после отправки формы.
Выбор типа источника
- В списке типов источника выберите «lpgenerator.ru» и нажмите «Выбрать».
URL приёма
- Добавьте параметры:
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, "");.
- Повторите для всех нужных форм и опубликуйте страницу.
Если заявка не приходит
- В скрипте плагина замените
ВСТАВЬТЕ_СКОПИРОВАННЫЙ_URLна скопированный «URL» целиком. - Вызов
webjack(...)должен стоять в действии после отправки у каждой нужной формы. - Отправьте тест с опубликованной страницы.
Действие «OkoCRM: Создать или обновить контакт»
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Что делает действие
«Действие» создаёт контакт в OkoCRM или обновляет уже существующий.
Обязательное поле при создании: «ФИО».
Как настроить
- Выберите подключение «OkoCRM». Поля аккаунта подгрузятся ниже.
- В поле «Обработка дубликатов» выберите режим:
- «Не проверять на дубликаты». Всегда создавать новый контакт.
- «Не создавать при дубликате». Если контакт найден, новый не создавать.
- «Обновить дубликат, иначе создать». Обновить найденный контакт или создать новый.
- «Только обновить дубликат». Менять только найденный контакт.
- Заполните поля. У нужных колонок включите поиск или запись:
- «Искать дубликат по значению поля»
- «Обновить поле в дубликате»
- «Не обновлять поле в дубликате»
- «Добавить к значению в дубликате»
- Нажмите «Сохранить».
Поиск идёт по полям, у которых включён поиск: «ФИО», «Телефоны», «E-mail». Если отмечено несколько, в OkoCRM уходит самая длинная строка, а остальные проверяются по ответу. Телефон сравнивается по цифрам, почта без учёта регистра.
Если найденных контактов больше одного, действие останавливается с ошибкой «Количество дубликатов больше одного». Включите «Выбирать дубль по макс. ID», чтобы взять контакт с наибольшим ID.
Поле «ID» ищет контакт напрямую. Если такого ID нет, действие останавливается с сообщением «Не найден объект» и этим ID. Пока «ID» заполнен, поиск по другим полям не нужен.
«Телефоны» и «E-mail» принимают список. Несколько значений можно передать списком или через переменную-список. При дополнении дубликата новые номера и адреса добавляются к уже записанным, повторы пропускаются.
Дополнительные поля карточки контакта из OkoCRM появляются под стандартными после выбора подключения. Системные поля вроде даты создания в форму не выводятся.
После выполнения в сценарии доступны «ID контакта», «Дубликат» и «ID ответственного».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из LP Generator → Создание или обновление контакта в OkoCRM», проверим тест и запустим.