Получение заявок из LP Generator Создание или обновление сделки в Аспро.Cloud

Интеграция

Получение заявок из LP Generator Создание или обновление сделки в Аспро.Cloud

В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:

  1. Настройка приёма заявок из LP Generator: HTTP-источник с параметрами формы, плагин «Произвольный код» и вызов скрипта после отправки.
  2. Создание или обновление сделки в Аспро.Cloud: подключение, обработка дубликатов, воронка, контакт и привязка контрагента.

Отдельные инструкции: источник «Получение заявок из LP Generator» · действие «Создание или обновление сделки в Аспро.Cloud»

Создание подключений

Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.

Подключение Аспро.Cloud

Создание подключения

  1. В меню откройте «Подключения» и нажмите «+».
    Подключение Аспро.Cloud: В меню откройте «Подключения» и нажмите «+»
  2. Выберите тип «Аспро.Cloud» и нажмите «Выбрать».
  3. В поле «Портал» укажите адрес аккаунта Аспро.Cloud, например company.aspro.cloud.
  4. Нажмите «Подключить» и авторизуйтесь в Аспро.Cloud.

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

В левом меню откройте «Обработки» и нажмите «+».

integrations: В левом меню откройте «Обработки» и нажмите «+»

В списке типов источника выберите «lpgenerator.ru» и нажмите кнопку «Выбрать».

Источник «lpgenerator.ru»

Заявки из форм LP Generator начнут приходить на URL HTTP-источника. с параметрами формы, вставьте скрипт в плагин сайта и вызовите его после отправки формы.

Параметры HTTP

  1. Задайте настройки HTTP-запроса как на скриншоте.
    Получение заявок из LP Generator: Задайте настройки HTTP-запроса как на скриншоте
  2. Добавьте параметры: name, phone, email, form_fields, form_info. При необходимости добавьте utm_source, utm_medium, utm_campaign, utm_content, utm_term, roistat.
    Получение заявок из LP Generator: Добавьте параметры: name, phone, email, form_fields, form_info. При необходимости добавьте utm_source, utm_medium, utm_campaign, utm_content
  3. Нажмите «Сохранить».
  4. Откройте вкладку «Источник данных» и скопируйте «URL».
    Получение заявок из LP Generator: Откройте вкладку «Источник данных» и скопируйте «URL»

Плагин на сайте LP Generator

  1. Откройте настройки сайта.
    Получение заявок из LP Generator: Откройте настройки сайта
  2. Добавьте новый плагин.
    Получение заявок из LP Generator: Добавьте новый плагин
  3. Выберите тип «Произвольный код».
    Получение заявок из LP Generator: Выберите тип «Произвольный код»
  4. Вставьте скрипт в поле «Произвольный код BODY» и замените ВСТАВЬТЕ_СКОПИРОВАННЫЙ_URL на скопированный «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);
    }
}

Формы на сайте

  1. Откройте настройку формы.
    Получение заявок из LP Generator: Откройте настройку формы
  2. В действии после отправки выберите «Выполнение JavaScript кода».
    Получение заявок из LP Generator: В действии после отправки выберите «Выполнение JavaScript кода»
  3. Вставьте вызов webjack(name, phone, email, fields, "");.
    Получение заявок из LP Generator: Вставьте вызов webjack(name, phone, email, fields, )
  4. Повторите для всех нужных форм и опубликуйте страницу.
    Получение заявок из LP Generator: Повторите для всех нужных форм и опубликуйте страницу

Действие «Аспро.Cloud: Создать или обновить сделку»

В Аспро.Cloud будет создана или обновлена сделка. Выберите подключение, настройте обработку дубликатов, заполните поля сделки и при необходимости укажите ID контрагента.

Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
actions: Перейдите в обработке во вкладку Действия и нажмите на кнопку Добавить действие

Подключение

  1. В поле «Подключение» выберите подключение Аспро.Cloud.

Дубликаты

  1. В поле «Обработка дубликатов» выберите правило:
    • «Не проверять на дубликаты» — всегда создавать новую сделку;
    • «Не создавать при дубликате» — если найдена, не создавать и не обновлять;
    • «Обновить дубликат, иначе создать» — обновить найденную или создать новую;
    • «Только обновить дубликат» — обновлять только найденную.
  2. Чтобы искать существующую сделку, отметьте нужные поля для проверки дубля или укажите «ID».
  3. При необходимости включите «Выбирать дубль по макс. ID», если по условиям может найтись несколько сделок.

Контрагент и карточка сделки

  1. Чтобы сразу привязать контрагента при создании сделки, укажите «ID контрагента» — например, из предыдущего действия.
  2. Заполните «Название», «Описание», «Бюджет», «Воронка», «Этап», «Ответственный» и «Источник».
  3. При необходимости укажите даты, «Статус», причину отказа и данные контакта.
  4. Заполните дополнительные поля портала, если они отобразились в форме.
  5. Нажмите «Сохранить».

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

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

integrations: Входящие данные, статус и история отобразятся в «Истории операций»