Интеграция
Получение заявок с сайта на Webflow → Создание карточки в Trello
В этой инструкции мы по шагам с примерами разберём, как настроить оба сервиса и связать их между собой:
- Настройка приёма заявок с Webflow: HTTP-источник с URL вебхука, раздел Webhooks в Apps & Integrations и добавление webhook.
- Настройка создания карточки в Trello через HTTP: ключ, токен, ID списка, название и описание карточки из данных сценария.
Отдельные инструкции: источник «Получение заявок с сайта на Webflow» · действие «Создание карточки в Trello»
Создайте обработку
В левом меню откройте «Обработки» и нажмите «+».
В списке типов источника выберите «webflow» и нажмите кнопку «Выбрать».
Источник «webflow»
Заявки с сайта на Webflow начнут приходить на URL HTTP-источника. Создайте HTTP-источник, скопируйте URL и добавьте webhook в настройках сайта Webflow.
Выбор типа источника
- Отметьте «HTTP» и нажмите «Выбрать».
URL приёма
- Не меняя параметры, нажмите «Сохранить».
- Откройте вкладку «Источник данных» и скопируйте «URL».
Webhook в Webflow
- В «Dashboard» наведите курсор на сайт и откройте настройки.
- Откройте «Apps & Integrations».
- Откройте «Webhooks» и нажмите «Add webhook».
- Вставьте скопированный «URL» и нажмите «Add 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.
- Нажмите «Сохранить».
Запустите обработку
- В обработку начнут поступать данные из настроенного источника.
- По очереди выполнятся все добавленные действия.
- Входящие данные, статус и история отобразятся в «Истории операций».