Интеграция
Получение заявок из форм Webstudio → Запрос к OpenAI
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок из Webstudio: HTTP-источник с URL вебхука, указание адреса в Webhook Form → Action и разбор полей через Парсер JSON.
- Настройка запроса к OpenAI: подключение, модель, опциональный ID conversation, инструкции, входной текст и проверка ответа на JSON.
Отдельные инструкции: источник «Получение заявок из форм Webstudio» · действие «Запрос к OpenAI»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создание подключений
Если вы ещё не создавали нужные подключения - не пропускайте этот блок: без них настроить интеграцию не получится. Если подключения уже есть в WebJack, можно сразу перейти к настройке источника и действия ниже.
Подключение OpenAI
Создание подключения
- В меню откройте «Подключения» и нажмите «+».
-
Выберите тип «OpenAI» и нажмите «Выбрать».
-
При необходимости укажите «Название».
- В поле «Ключ API» вставьте ключ из кабинета OpenAI.
- Нажмите «Подключить».
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «Webstudio»
Заявки из Webstudio начнут поступать на URL HTTP-источника. Сохраните источник, скопируйте URL, укажите его в Webhook Form → Action и разберите JSON действием «Парсер JSON».
Выбор типа источника
- Отметьте «HTTP» и нажмите «Выбрать».
URL приёма
- Не меняя параметры, нажмите «Сохранить».
- Откройте вкладку «Источник данных» и скопируйте «URL».
Webhook в Webstudio
- В Webstudio добавьте «Webhook Form»: «Components» → «Data» → «Webhook Form».
- В «Action» вставьте скопированный «URL», метод «POST».
- Опубликуйте проект и отправьте тестовую заявку.
Парсер JSON
- Добавьте действие «Парсер JSON».
- В поле «JSON» укажите тело запроса из источника.
- Вставьте образец в «Пример», отметьте нужные элементы в дереве и нажмите «Сохранить».
Полная настройка действия: Парсер JSON.
Если заявка не приходит
- Проверьте, что скопированный «URL» вставлен целиком и параметры из него не удалены.
- Сохраните настройки в стороннем сервисе и отправьте тест с опубликованной страницы, а не только из конструктора.
- Убедитесь, что метод запроса POST и формат данных совпадает с выбранным в инструкции.
Действие «OpenAI: Запрос»
Модель OpenAI вернёт текстовый ответ по вашему входу. Выберите подключение, укажите модель, при необходимости conversation и инструкции, заполните вход.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Параметры запроса
-
В поле «Подключение» выберите подключение OpenAI.
-
В поле «Модель» укажите идентификатор модели, например
gpt-4.1илиgpt-4o. - При необходимости заполните «ID conversation» - для продолжения уже созданного диалога.
- В поле «Инструкции» задайте системные указания модели, если нужны.
- В поле «Вход» введите запрос или подставьте переменные.
- Включите «Ожидать JSON», если ответ должен быть валидным JSON - иначе действие прервётся.
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из форм Webstudio → Запрос к OpenAI», проверим тест и запустим.