Просмотр кода страницы Вебхук с POST-запросом

{{#seo:
|title=Вебхук с POST-запросом
|titlemode=append
|keywords=планфикс, автоматизация, интеграция, вебхуки, входящие вебхуки, webhook, вебхуки с POST-запросом
|description=Вебхук с POST-запросом
}}
Для того, чтобы понять как работают вебхуки с POST-запросом, рассмотрим простой пример создания контакта в ПланФиксе после заполнения формы обратной связи на сайте.

Пример вебхука с POST-запросом:

 <nowiki>https://</nowiki>ваш_аккаунт.planfix.ru/<span style="color:green;">webhook/POST/create_contact</span>


Настроим вебхук, который будет создавать контакты: 

*В типе указываем POST-запрос:

https://p.pfx.so/pf/ne/03Pu0B.png


*Ссылка вебхука содержит уникальный код, но при желании его можно заменить на более информативный для человека:

https://p.pfx.so/pf/kA/Euc8s9.png


*В параметры вебхука добавляем имена полей из формы обратной связи:

https://p.pfx.so/pf/Tp/EaeJVs.png


*Указываем от чьего имени будет выполняться действие в ПланФиксе после того, как сработает вебхук:

https://p.pfx.so/pf/MC/hRGKxF.png


*Выбираем тип операции и настраиваем его. В итоге ПланФикс создаст новый контакт по выбранному шаблону, добавит Имя  из параметра ссылки '''name''' и Телефон из параметра ссылки '''phone''', затем оповестит нужного сотрудника о новом контакте:

https://p.pfx.so/pf/r2/uqTYV0.png


*Далее добавляем дополнительные операции при необходимости и на последнем шаге указываем, какой ответ от вебхука хотим получить — JSON, переход на страницу ПланФикса или личного сайта:

https://p.pfx.so/pf/zw/MdygxF.png


*Добавляем ссылку вебхука в код формы обратной связи на сайте:

<div style="width:100%; margin: 0 0 10px; font-size: 13px; line-height: 1.65; word-break: break-all; color: black; background-color: #f9f9f9; border: 1px solid #ddd; padding: 1em 1em 0px 1em; font-family:monospace,Courier; border-radius: 4px;">
<form method="post" action="<nowiki>https://</nowiki>ваш_аккаунт.planfix.ru/webhook/POST/create_contact"><br>
&nbsp;&nbsp;<input type="text" name="<span style="color:green;">name</span>" placeholder="<span style="color:red;">Имя</span>"><br>
&nbsp;&nbsp;<input type="text" name="<span style="color:green;">phone</span>" placeholder="<span style="color:red;">Телефон</span>"><br>
&nbsp;&nbsp;<input type="submit" name="submit" value="Отправить"><br>
</form>
</div>


*Когда клиент заполнит в форме обратной связи '''имя''' и '''телефон''', а затем кликнет на кнопку '''Отправить''':

https://p.pfx.so/pf/Fk/xorhzH.png


*Значения из полей формы добавятся в вебхук и отправятся в ПланФикс, где автоматически создастся новый контакт:

https://p.pfx.so/pf/hS/KPIrAJ.png


== Перейти ==
*[[Вебхук с GET-запросом]]
*[[Входящие вебхуки]]