Получение заявок из LP Generator Отправка сообщения в топик Telegram

Интеграция

Получение заявок из LP Generator → Отправка сообщения в топик Telegram

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

  1. Настройка приёма заявок из lpgenerator.ru: выбор источника по имени, URL HTTP-вебхука и поля через «Получить параметры из последнего запроса».
  2. Настройка отправки сообщения в топик форум-группы Telegram: подключение, ID или название топика, режим разметки, опции и текст сообщения.

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

Не хотите настраивать сами? Сделаем бесплатно

Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.

Получить бесплатную настройку Или следуйте инструкции ниже

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

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

Подключение Telegram

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

  1. В левом меню выберите «Подключения» и нажмите «+».
    Подключение Telegram: В левом меню выберите «Подключения» и нажмите «+»
  2. Выберите тип подключения «Телеграм».
    Подключение Telegram: Выберите тип подключения «Телеграм»
  3. Укажите название подключения, чтобы отличать чаты друг от друга.
  4. Скопируйте уникальное сообщение с токеном.
    Подключение Telegram: Скопируйте уникальное сообщение с токеном

Личный чат

  1. Найдите в Telegram бота WebJackBot.
  2. Отправьте ему скопированное сообщение /start с токеном.
    Подключение Telegram: Отправьте ему скопированное сообщение /start с токеном
    Подключение Telegram: Отправьте ему скопированное сообщение /start с токеном

Группа или канал

  1. Добавьте WebJackBot в нужную группу или канал.
  2. Отправьте в этот чат скопированное сообщение /start с токеном.
    Подключение Telegram: Отправьте в этот чат скопированное сообщение /start с токеном

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

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

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

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

Заявки из lpgenerator.ru начнут поступать после выбора «lpgenerator.ru» в списке источников. Сохраните источник, скопируйте URL и укажите его в плагин «Произвольный код» и JS после отправки формы.

Выбор типа источника

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

URL приёма

  1. Добавьте параметры: 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
  2. Нажмите «Сохранить».
    Получение заявок из LP Generator: Нажмите «Сохранить»
  3. Откройте вкладку «Источник данных» и скопируйте «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: Повторите для всех нужных форм и опубликуйте страницу

Если заявка не приходит

  • В скрипте плагина замените ВСТАВЬТЕ_СКОПИРОВАННЫЙ_URL на скопированный «URL» целиком.
  • Вызов webjack(...) должен стоять в действии после отправки у каждой нужной формы.
  • Отправьте тест с опубликованной страницы.

Действие «Telegram: Отправить сообщение в топик»

Сообщение уходит в топик форум-группы из выбранного подключения Telegram. Укажите ID топика или название для создания нового, режим текста и само сообщение.

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

Отправка сообщения в топик Telegram

Подключение

  1. В поле «Подключение» выберите ранее созданное подключение типа «Телеграм» к форум-группе с топиками.
    Отправка сообщения в топик Telegram: В поле «Подключение» выберите ранее созданное подключение типа «Телеграм» к форум-группе с топиками

Топик

  1. Чтобы писать в существующий топик, укажите «ID топика» - целое число больше нуля. Его можно взять из источника «Telegram: Сообщение в топике» или из Telegram.
  2. Чтобы создать новый топик, оставьте «ID топика» пустым и заполните «Название топика» (до 128 символов). Действие вызовет создание топика и отправит сообщение в него.
  3. Если не указаны ни ID, ни название, действие завершится ошибкой.
    Отправка сообщения в топик Telegram: Если не указаны ни ID, ни название, действие завершится ошибкой

Параметры сообщения

  1. В поле «Режим» выберите «Текст», «Markdown» или «HTML».
  2. При необходимости включите «Отключить предпросмотр ссылок» и «Отключить звуковое оповещение».
  3. В поле «Текст» введите сообщение или подставьте переменные из сценария.
  4. Нажмите «Сохранить».

Оформление текста

Режим в поле «Режим» и разметка в «Текст» должны совпадать.

«Текст» - сообщение без разметки.

«Markdown»

Оформление Пример
Жирный *жирный*
Курсив _курсив_
Ссылка [текст](https://example.com)
Код в строке `код`

Вложенные стили и подчёркивание в «Markdown» не поддерживаются.

«HTML»

Оформление Пример
Жирный <b>жирный</b>
Курсив <i>курсив</i>
Подчёркнутый <u>подчёркнутый</u>
Зачёркнутый <s>зачёркнутый</s>
Спойлер <tg-spoiler>скрытый текст</tg-spoiler>
Ссылка <a href="https://example.com">текст</a>
Код в строке <code>код</code>
Блок кода <pre>блок кода</pre>

Теги можно вкладывать, например <b>важно: <i>имя</i></b>.

Результат действия

После выполнения доступны поля:

  • «ID чата Telegram»
  • «ID топика» - существующий или только что созданный
  • «Топик создан» - признак, что топик был создан в этом запуске

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

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

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

Застряли на подключении или полях?

Соберём обработку «Получение заявок из LP Generator → Отправка сообщения в топик Telegram», проверим тест и запустим.