Интеграция
Получение заявок из форм Elementor → Создание карточки в Trello
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок из форм Elementor Pro: HTTP-источник с URL вебхука, действие Webhook в виджете Form и разбор полей из запроса.
- Настройка создания карточки в Trello через HTTP: ключ, токен, ID списка, название и описание карточки из данных сценария.
Отдельные инструкции: источник «Получение заявок из форм Elementor» · действие «Создание карточки в Trello»
Не хотите настраивать сами? Сделаем бесплатно
Напишите, какие сервисы нужно связать. Специалист настроит интеграцию, проверит, что данные доходят, и оставит вам готовый процесс.
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
Источник «Elementor»
Заявки из форм Elementor Pro начнут поступать на URL HTTP-источника. Сохраните источник, скопируйте URL и укажите его в действии Webhook формы.
Выбор типа источника
- Отметьте «HTTP» и нажмите «Выбрать».
URL приёма
- Не меняя параметры, нажмите «Сохранить».
- Откройте вкладку «Источник данных» и скопируйте «URL».
Webhook в Elementor
- В WordPress откройте страницу с формой и нажмите «Редактировать в Elementor».
- Выделите виджет «Form».
- На вкладке «Content» в «Actions After Submit» добавьте «Webhook».
- Откройте блок «Webhook» и в поле «Webhook URL» вставьте скопированный «URL».
- Нажмите «Update» / «Обновить» и откройте опубликованную страницу.
- Отправьте тестовую заявку с формы.
Поля из запроса
- Отправьте тестовую заявку с сайта.
- Откройте вкладку «Источник данных» и нажмите значок редактирования у «Настройки».
- Нажмите «Получить из последнего запроса».
- Нажмите «Сохранить».
Если заявка не приходит
- Проверьте, что на сайте установлен Elementor Pro и у формы есть действие «Webhook».
- Убедитесь, что страница опубликована и тест отправлен с живой страницы, а не только из редактора.
- Не удаляйте параметры из «URL» источника.
- Изменения через другой плагин или API WordPress действие Webhook не вызывают.
Действие «Trello»
В выбранный список Trello добавляется карточка через HTTP-запрос. Укажите ключ, токен, ID списка, название и описание карточки.
Перейдите в обработке во вкладку "Действия" и нажмите на кнопку "Добавить действие"
Ключ, токен и список
- Откройте страницу ключа Trello и скопируйте персональный ключ.
- На той же странице откройте ссылку токена, нажмите «Allow» и скопируйте токен.
- Откройте доску: ID доски есть в адресе страницы.
- Чтобы получить ID списка, откройте в браузере
https://api.trello.com/1/boards/ID_доски/lists?key=КЛЮЧ&token=ТОКЕНи скопируйтеidнужного списка.
Параметры запроса
Действие настраивается через «HTTP-запрос».
- Выберите «HTTP-запрос» и нажмите «Выбрать».
- В поле «HTTP-метод» выберите
POST. - В поле «Адрес» укажите
https://api.trello.com/1/cards. - В блоке «Параметры» добавьте
key,token,idList,nameи при необходимостиdesc. - В «Заголовки» добавьте
Content-Typeсо значениемapplication/x-www-form-urlencoded.
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».
Застряли на подключении или полях?
Соберём обработку «Получение заявок из форм Elementor → Создание карточки в Trello», проверим тест и запустим.