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

Интеграция

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

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

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

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

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

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

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

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

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

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

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

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

Поля формы

  1. В поле «Сайт» укажите URL аккаунта AlfaCRM - например https://demo.s20.online.
  2. В AlfaCRM откройте «Мой профиль» и скопируйте «E-mail» и «Ключ API (v2api)».
  3. Вставьте значения в поля «E-mail» и «Ключ API».
    Подключение AlfaCRM: Вставьте значения в поля «E-mail» и «Ключ API»
  4. Нажмите «Подключить».

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

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

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

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

В AlfaCRM создаётся карточка лида или клиента. Выберите подключение и филиал, укажите тип записи и заполните поля карточки.

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

Подключение

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

Филиал и карточка

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

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

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

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

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

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