Как подключить Elementor Pro к Битрикс24 через webhook?

Elementor Pro - надстройка-конструктор над WordPress, которая облегчает разработку сайтов и усложняет жизнь интеграторам.

Если про подключение Contact Form 7 на просторах интернета можно найти готовое решение, то поиск информации про интеграцию Элементора выдаёт только платные виджеты.

На самом деле подключить заявки с Элементора в Битрикс24 ещё проще чем Contact Form 7 и платные виджеты не нужны.

Коротко

1. Размещаем в корне сайта файл обработчик https://мойсайт.ру/bitrix24.php
2. В настройках формы включаем отправку через webhook
3. В настройках вебхука прописываем адрес к обработчику
4. Настраиваем обработчик, чтобы он понимал какие значения форм в какие поля Б24 отправлять.

Подготовка файла обработчика

Данные в Битрикс24 будем закидывать по инструкции https://dev.1c-bitrix.ru/rest_help/crm/cases/add/form_lead.php Принимать будем POST

Пример моей принимающей части (я не силён в PHP, уверен у Вас будет лучше)

Включаем отправку данных с формы на обработчик

1. Консоль - Страницы - Все страницы - Выбираем страницу с формами
2. Жмём «Редактировать в Elementor»
3. Тыкаем на форму и откроется окно редактирования формы
4. Переходим в Actions After Submit - Через + добавляем «Webhook»
5. В редакторе форм появиться новая вкладка «Webhook»
6. Добавляем адрес обработчика и разрешаем дополнительные данные
7. Сохраняем.

Добавим отправку данных на Вебхук

Настройка обработчика

Ключи полей формы можно посмотреть в настройках формы. В остальном ждёт метод научного тыка.

Ключи полей форм

В завершении

Минус этого метода в том, что придётся прописывать вебхук в каждой форме.

Развлекайтесь :)