WebJack
Вход Начать
Получение заявок из форм Webstudio Добавление контакта в CRM Bitrix

Интеграция

Получение заявок из форм Webstudio → Добавление контакта в CRM Bitrix

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

  1. Настройка приёма заявок из Webstudio: HTTP-источник с URL вебхука, указание адреса в Webhook Form → Action и разбор полей через Парсер JSON.
  2. Настройка добавления контакта в Bitrix24: подключение, имя, телефон, email и остальные поля карточки из данных сценария.

Отдельные инструкции: источник «Получение заявок из форм Webstudio» · действие «Добавление контакта в CRM Bitrix»

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

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

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

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

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

Подключение Bitrix24

Приложение в маркетплейсе

Перед подключением через OAuth установите приложение Webjack в маркетплейсе Bitrix24 для своей страны:

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

  1. В меню слева выберите «Подключения».
  2. Нажмите «+».
    Подключение Bitrix24: Нажмите «+»
  3. Выберите тип «Bitrix» и нажмите «Выбрать».
    Подключение Bitrix24: Выберите тип «Bitrix» и нажмите «Выбрать»
  4. В поле «Сайт» укажите адрес портала Bitrix24, например https://company.bitrix24.ru.
  5. В поле «Регион» выберите способ подключения.
    Подключение Bitrix24: В поле «Регион» выберите способ подключения

Регион «Россия», «Беларусь» или «Казахстан»

  1. Убедитесь, что приложение для этой страны уже установлено в портале.
  2. В поле «Регион» выберите «Россия», «Беларусь» или «Казахстан».
  3. При необходимости включите «Использовать постоянные IP».
  4. Нажмите «Подключить» и авторизуйтесь в Bitrix24 под администратором портала.
  5. После успешной авторизации подключение появится в списке.

Регион «Webhook»

Используйте этот способ, если приложение из маркетплейса установить нельзя - например, на коробочном Bitrix24.

  1. В Bitrix24 создайте входящий вебхук с правами CRM.
  2. Скопируйте URL вебхука для вызова REST API.
  3. В поле «Сайт» вставьте этот URL.
  4. В поле «Регион» выберите «Webhook».
  5. При необходимости включите «Использовать постоянные IP».
  6. Нажмите «Подключить».

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

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

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

Действие «Добавление контакта в CRM Bitrix»

В Bitrix24 создаётся контакт с именем и контактными данными из сценария. Выберите подключение и заполните поля карточки.

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

Подключение

  1. В поле «Подключение» выберите подключение Bitrix.

Параметры контакта

  1. Заполните «Имя», при необходимости «Отчество» и «Фамилия».
  2. Укажите «Телефон» и «Email» или подставьте переменные из сценария.
  3. При необходимости заполните «Ответственный», «Комментарий» и «Источник».
    Добавление контакта в CRM Bitrix: При необходимости заполните «Ответственный», «Комментарий» и «Источник»
  4. При необходимости настройте «Обработка дубликатов» и «Выбирать дубль по макс. ID».
  5. Нажмите «Сохранить».

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

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

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

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

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

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