WebJack
Вход Начать
Получение заявок из форм Webstudio Отправка заявки в aray.com

Интеграция

Получение заявок из форм Webstudio → Отправка заявки в aray.com

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

  1. Настройка приёма заявок из Webstudio: HTTP-источник с URL вебхука, указание адреса в Webhook Form → Action и разбор полей через Парсер JSON.
  2. Отправка заявки в aray.com через HTTP POST на api/v2/order/create: передайте обязательные поля оффера, контактные данные и параметры трекинга из кабинета.

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

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

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

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

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

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

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

Источник «Webstudio»

Заявки из Webstudio начнут поступать на URL HTTP-источника. Сохраните источник, скопируйте URL, укажите его в Webhook Form → Action и разберите JSON действием «Парсер JSON».

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

  1. Отметьте «HTTP» и нажмите «Выбрать».
    Получение заявок из форм Webstudio: Отметьте «HTTP» и нажмите «Выбрать»

URL приёма

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

Webhook в Webstudio

  1. В Webstudio добавьте «Webhook Form»: «Components» → «Data» → «Webhook Form».
  2. В «Action» вставьте скопированный «URL», метод «POST».
  3. Опубликуйте проект и отправьте тестовую заявку.

Парсер JSON

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

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

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

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

Действие «Отправка лида в aray.com»

aray.com принимает заказы по REST API v2. Укажите endpoint create order и поля оффера согласно документации CPA-сети.

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

Параметры запроса

Действие настраивается через «HTTP-запрос».

  1. Выберите «HTTP-запрос» и нажмите «Выбрать».
    Выберите «HTTP-запрос» и нажмите «Выбрать»
  2. В поле «HTTP-метод» выберите POST.
  3. В поле «Адрес» укажите https://api.aray.com/api/v2/order/create/.
  4. В «Заголовки» добавьте Content-Type со значением application/json.
  5. В поле «Тело» нажмите «Фн», выберите «Компоновщик JSON» и передайте поля оффера и контактные данные.
  6. Нажмите «Сохранить».

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

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

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

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

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

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