Webhook és Zapier

Ez a fejezet két általános célú integrációt ír le: a Webhookot, amely a beküldés adatait egy általad megadott webcímre küldi, és a Zapiert, amely a Zapier szolgáltatás webhookján át kapcsolja össze az űrlapot más alkalmazásokkal. Mindkettő a Fluent Forms Pro része.

Webhook

A webhook modullal a beküldéseket bármilyen web API végpontjára továbbíthatod.

Bekapcsolás

1. Nyisd meg a Fluent Forms Pro → Integrációk oldalt.
2. Keresd meg a Webhooks modult, és kapcsold be a kapcsolóját.

Feed létrehozása

1. Nyisd meg az űrlapot, és kattints a Beállítások és integrációk fülre.
2. A bal oldali menüben válaszd a WebHook pontot, majd kattints az Új hozzáadása gombra.
3. Töltsd ki a feed mezőit (lásd az alábbi táblázatot).
4. Kattints a Feed mentése gombra. A sikeres mentésről zöld üzenet tájékoztat.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=settings&sub_route=form_settings

A képen egy POST kérés látszik JSON formátummal, az összes mező küldésével.

Beállítás	Mit csinál	Alapérték
Név	A feed neve, kötelező.	üres
Kérés URL-je	A cím, ahová az adat megy, kötelező. Azt a webcímet add meg, amelyet a fogadó fél adott.	üres
Kérés metódusa	A kérés HTTP-módszere: GET, POST, PUT, PATCH vagy DELETE.	GET
Kérés formátuma	Az adat formátuma: JSON vagy FORM.	FORM
Kérés fejléce	Küldj-e fejléceket a kéréssel. Az Fejlécekkel választásnál megadhatod a fejléceket.	Nincsenek fejlécek
Kérés törzse	Összes mező: minden mezőt elküld. Kiválasztott mezők: csak azokat, amelyeket te leképezel.	Összes mező
Feltételes logikák	A webhook csak a megadott feltételek teljesülésekor fut.	kikapcsolva

Zapier

A Zapier felhőalapú automatizálási szolgáltatás, amely több ezer alkalmazást köt össze. A Fluent Forms a Zapier „Catch Hook” triggerére küldi a beküldéseket, a folytatást pedig a Zapieren állítod be.

Bekapcsolás

1. Nyisd meg a Fluent Forms Pro → Integrációk oldalt.
2. Keresd meg a Zapier modult, és kapcsold be.

A webhookcím megszerzése a Zapierben

1. Jelentkezz be a Zapier fiókodba, kattints a + Create gombra, majd a Zaps pontra, hogy új Zapet készíts.
2. Kattints a Trigger gombra.
3. Válaszd a Webhooks triggert.
4. Az eseménynél (Choose an event) válaszd a Catch Hook lehetőséget, és kattints a Continue gombra.
5. A Zapier megmutatja a webhook URL-jét. Másold a Copy gombbal. A Test trigger gombbal később kipróbálhatod.

Feed létrehozása az űrlapon

1. Nyisd meg az űrlapot, és kattints a Beállítások és integrációk fülre.
2. A bal oldali menüben válaszd a Zapier pontot, majd kattints a Webhook hozzáadása gombra.
3. Töltsd ki a mezőket:
   • Név: a feed neve, kötelező.
   • Webhook Url: illeszd be a Zapierből másolt címet.
   • Feltételes logikák: a Feltételes logika engedélyezése jelölőnégyzettel feltételhez kötheted a küldést.
4. Kattints a Save Feed gombra.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=6&route=settings&sub_route=form_settings

A képen az új Zapier-feed üres Webhook Url mezője látszik, a név előre ki van töltve.

Mentés után a Zapier feedben megjelenik a Send Data Sample gomb, amellyel mintaadatot küldhetsz a Zapierbe a beállítás ellenőrzéséhez.

A Zap befejezése a Zapierben

1. Küldj mintabeküldést az űrlapról, hogy a Zapier lássa az adat szerkezetét.
2. A Zapben kattints az Action gombra, válaszd ki az alkalmazást, amelyben a műveletnek meg kell történnie, és lépésenként állítsd be.
3. Ha a trigger és a művelet is megvan, kattints a Publish gombra.

Ha nem Zapiert használsz, hanem saját végpontra küldenél, használd a fenti Webhook integrációt.