Вебхук с POST-запросом: различия между версиями

Материал из Planfix
Перейти к: навигация, поиск
Нет описания правки
Нет описания правки
Строка 44: Строка 44:




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


<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;">
<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;">

Версия от 13:31, 15 февраля 2021

Для того, чтобы понять как работают вебхуки с POST-запросом, рассмотрим простой пример создания контакта в ПланФиксе после заполнения формы обратной связи на сайте.

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

https://ваш_аккаунт.planfix.ru/webhook/POST/create_contact


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

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

03Pu0B.png


  • Ссылку вебхука можно уникализировать, добавив своё значение в специальное поле:

Euc8s9.png


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

EaeJVs.png


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

hRGKxF.png


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

dzPrt7.png


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

Yd0v8Z.png


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

<form method="post" action="https://ваш_аккаунт.planfix.ru/webhook/POST/create_contact">
  <input type="text" name="name" placeholder="Имя">
  <input type="text" name="phone" placeholder="Телефон">
  <input type="submit" name="submit" value="Отправить">
</form>


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

xorhzH.png


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

KPIrAJ.png


Перейти