Получение заявок из форм Bubble Отправка лида в Traffic Light

Интеграция

Получение заявок из форм Bubble → Отправка лида в Traffic Light

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

  1. Настройка приёма заявок из Bubble: выбор источника по имени, URL HTTP-вебхука и разбор полей через Парсер JSON. Сохраните настройки и отправьте тестовую заявку.
  2. Настройка отправки лида в Traffic Light: ключ API, ID оффера, телефон, IP-адрес и дополнительные поля заявки из данных сценария.

Отдельные инструкции: источник «Получение заявок из форм Bubble» · действие «Отправка лида в Traffic Light»

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

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

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

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

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

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

Источник «Bubble»

Заявки из Bubble начнут поступать после выбора «Bubble» в списке источников. Сохраните источник, скопируйте URL и укажите его в Backend workflow → API POST.

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

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

URL приёма

  1. Не меняя параметры, нажмите «Сохранить».
    Получение заявок из форм Bubble: Не меняя параметры, нажмите «Сохранить»
  2. Откройте вкладку «Источник данных» и скопируйте «URL».
    Получение заявок из форм Bubble: Откройте вкладку «Источник данных» и скопируйте «URL»

Webhook в Bubble

  1. В Bubble откройте «Backend workflows» и создайте workflow на отправку формы.
  2. Добавьте действие исходящего API-запроса: метод «POST», в URL вставьте скопированный «URL».
  3. В теле укажите JSON с полями формы и включите workflow.
  4. Отправьте тестовую заявку с приложения.

Парсер JSON

  1. Добавьте действие «Парсер JSON».
  2. В поле «JSON» укажите тело запроса из источника.
    Получение заявок из форм Bubble: В поле «JSON» укажите тело запроса из источника
  3. Вставьте образец в «Пример», отметьте нужные элементы в дереве и нажмите «Сохранить».
    Получение заявок из форм Bubble: Вставьте образец в «Пример» и нажмите «Сохранить»
    Получение заявок из форм Bubble: В дереве JSON отметьте нужные элементы

Полная настройка действия: Парсер JSON.

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

  • Проверьте, что в списке выбран именно этот сервис, а не общий «HTTP».
  • Скопированный «URL» вставьте целиком, параметры из него не удаляйте.
  • Сохраните настройки в стороннем сервисе и отправьте тест с опубликованной страницы.
  • Убедитесь, что метод запроса POST и формат данных совпадает с выбранным в инструкции.

Действие «Отправка лида в Traffic Light»

Отправляйте заявки в CPA-сеть Traffic Light (cpa.tl) прямо из сценария. Укажите ключ API и ID оффера, подставьте телефон, IP и остальные поля лида - после выполнения действия получите код лида и данные о выплате.

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

Отправка лида в Traffic Light

Обязательные поля

  1. В поле «Ключ доступа к API» вставьте ключ из профиля кабинета Traffic Light.
    Отправка лида в Traffic Light: В поле «Ключ доступа к API» вставьте ключ из профиля кабинета Traffic Light
  2. В поле «ID оффера» укажите идентификатор оффера в Traffic Light.
    Отправка лида в Traffic Light: В поле «ID оффера» укажите идентификатор оффера в Traffic Light
  3. В поле «Телефон покупателя» укажите телефон или подставьте переменную из источника. Формат номера может быть любым.
  4. В поле «IP-адрес» укажите IP лида. Если IP получить нельзя (лид-формы Facebook, TikTok и т.п.), укажите 0.0.0.0

Рекомендуемые поля

  1. В «ФИО покупателя» укажите имя или ФИО клиента.
  2. В «ID потока» вставьте ID потока со страницы потоков.
  3. В «Строка User-Agent» при возможности передайте User-Agent клиента - это помогает контролировать трафик.
  4. В «ID лида» можно передать ID заявки из вашего источника (Facebook, TikTok, CRM).
  5. В «ID вебмастера» укажите свой идентификатор в вашей системе или 0.

Дополнительные поля

  1. При необходимости заполните «Комментарии к заказу», «Код страны покупателя», «Адрес покупателя», «Временная зона» и «Email покупателя».
  2. В «Код страны покупателя» укажите код Alpha-2, например RU или KZ. Список кодов есть в ISO 3166-1.
  3. В «Временная зона» укажите число смещения, например 3 для Europe/Moscow.
  4. При необходимости заполните UTM-метки: «UTM Source», «UTM Medium», «UTM Campaign», «UTM Content», «UTM Term».
  5. При необходимости заполните «Доп. инфо 1» … «Доп. инфо 5» и «Доп. инфо 1024».
  6. Нажмите «Сохранить».

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

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

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

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

Соберём обработку «Получение заявок из форм Bubble → Отправка лида в Traffic Light», проверим тест и запустим.