WebJack
Вход Начать
Получение заявок из форм Bubble Создание заявки в ParaplanCRM

Интеграция

Получение заявок из форм Bubble → Создание заявки в ParaplanCRM

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

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

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

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

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

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

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

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

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 нет, отправьте тестовую заявку. Откройте вкладку «Экземпляры данных», откройте нужную строку и скопируйте значение, например из «Тело (строка)».
    Получение заявок из форм Bubble: Во вкладке «Экземпляры данных» откройте нужную строку
    Получение заявок из форм Bubble: В поле «Тело (строка)» скопируйте значение JSON
  2. Добавьте действие «Парсер JSON» и нажмите «Выбрать».
  3. В поле «JSON» нажмите значок выбора переменной и выберите поле с JSON, например «Источник данных Тело (строка)».
    Получение заявок из форм Bubble: В поле «JSON» нажмите значок выбора переменной
    Получение заявок из форм Bubble: Выберите «Источник данных Тело (строка)» и нажмите «Выбрать»
  4. Вставьте скопированный образец в поле «Пример».
  5. Нажмите «Сохранить» под полем «Пример».
    Получение заявок из форм Bubble: Вставьте образец в поле «Пример» и нажмите «Сохранить»
  6. Кликами отметьте нужные элементы, чтобы собрать список «Поля».
  7. Проверьте «Название» полей и дополнительные настройки: «Тип», «Путь».
  8. Нажмите «Сохранить».
    Получение заявок из форм Bubble: Проверьте список «Поля» и нажмите «Сохранить»

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

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

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

Действие «ParaplanCRM»

В ParaplanCRM создаётся заявка ученика через HTTP-запрос. Сначала получите токены входа, затем отправьте JSON на API заявок.

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

Токены доступа

  1. Откройте коллекцию Postman и нажмите «Fork».
  2. Во вкладке «Variables» укажите домен CRM без лишних символов, имя пользователя и пароль.
  3. Выполните запрос «login».
  4. Скопируйте появившиеся значения XSRF-TOKEN и JSESSIONID.

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

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

  1. Выберите «HTTP-запрос» и нажмите «Выбрать».
    Создание заявки в ParaplanCRM: Выберите «HTTP-запрос» и нажмите «Выбрать»
  2. В поле «HTTP-метод» выберите POST.
  3. В поле «Адрес» укажите https://paraplancrm.ru/api/open/leads.
  4. В «Заголовки» добавьте Content-Type со значением application/json, X-XSRF-TOKEN и JSESSIONID.
  5. Добавьте заголовок Cookie со значениями CRM_REMEMBER_ME, JSESSIONID и XSRF-TOKEN из Postman.
  6. В поле «Тело» нажмите «Фн», выберите «Компоновщик JSON» и передайте поля заявки: name, email, phoneList, statusId, sourceId.
    Создание заявки в ParaplanCRM: В поле «Тело» нажмите «Фн», выберите «Компоновщик JSON» и передайте поля заявки: name, email, phoneList, statusId, sourceId
  7. Нажмите «Сохранить».

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

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

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

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

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

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