Интеграция
Получение заявок из 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». Воронки, этапы и пользователи подгрузятся из аккаунта.
- В поле «Обработка дубликатов» выберите режим:
- «Не проверять на дубликаты». Всегда создавать новую сделку.
- «Не создавать при дубликате». Если сделка найдена, новую не создавать.
- «Обновить дубликат, иначе создать». Обновить найденную сделку или создать новую.
- «Только обновить дубликат». Менять только найденную сделку.
- Заполните поля и отметьте колонки поиска или записи.
- Если сделку нужно связать с контактом, заполните «ID контакта».
- Нажмите «Сохранить».
Поиск дубликата идёт по «Названию сделки», если у поля включён поиск. Дополнительно можно сузить выборку:
- «Строка поиска». Текст уходит в поиск OkoCRM, если он длиннее названия.
- «Искать дубликат по ID контакта» вместе с «ID контакта». В дубликаты попадут только сделки этого контакта.
- «Отбор по статусу». «Все», «Открытые» или «Закрытые». Закрытой считается сделка на этапе с типом успеха или отказа.
Этих трёх условий достаточно для поиска, даже если колонки полей не отмечены. Поле «ID» открывает сделку напрямую. Если ID нет в OkoCRM, действие останавливается с сообщением «Не найден объект».
Несколько совпадений без галочки «Выбирать дубль по макс. ID» останавливают действие с ошибкой «Количество дубликатов больше одного».
«ID контакта» после создания или обновления привязывает контакт к сделке. Если режим «Не создавать при дубликате» и сделка уже найдена, привязка не выполняется. Ошибка привязки пишется в журнал и не отменяет уже сохранённую сделку.
После выполнения доступны «ID сделки», «Дубликат» и «ID ответственного».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из LP Generator → Создание или обновление сделки в OkoCRM», проверим тест и запустим.