Получение заявок из форм Bubble Отправка сообщения в Авито

Интеграция

Получение заявок из форм Bubble → Отправка сообщения в Авито

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

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

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

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

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

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

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

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

Подключение Авито

Подключение Авито

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

  1. В меню откройте «Подключения» и нажмите «+».
  2. Выберите тип «Авито» и нажмите «Выбрать».
  3. Укажите название подключения и нажмите «Подключить».
    Подключение Авито: Укажите название подключения и нажмите «Подключить»
    Подключение Авито: Укажите название подключения и нажмите «Подключить»

Авторизация Авито

  1. Авторизуйтесь в Авито под нужным аккаунтом.
  2. Подтвердите доступ приложения к сообщениям и данным объявлений.
  3. После возврата в кабинет подключение появится в списке.
    Подключение Авито: После возврата в кабинет подключение появится в списке

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

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

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 и формат данных совпадает с выбранным в инструкции.

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

В выбранный чат Авито отправляется текстовое сообщение от подключённого аккаунта. Укажите подключение, ID чата и текст.

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

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

Подключение

  1. В поле «Подключение» выберите аккаунт Авито.
    Отправка сообщения в Авито: В поле «Подключение» выберите аккаунт Авито

Получатель и текст

  1. В поле «ID чата» укажите идентификатор чата - текстом или переменной из предыдущих шагов.
  2. В поле «Текст» введите сообщение.
  3. Нажмите «Сохранить».
    Отправка сообщения в Авито: Нажмите «Сохранить»

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

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

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

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

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