# Zapier és Slack

> A beküldések továbbítása Zapier-webhookra, és azonnali Slack-értesítés új beküldéskor.

Mindkét modul az űrlap saját beállításai között dolgozik, globális hozzáférést nem kérnek. A modulokhoz a Pro bővítmény kell. Ha a beküldést tetszőleges webes végpontra akarod küldeni, használd a [webhookot](https://hub.hellowp.io/hu/plugins/fluentformpro/integraciok/#webhook).

## Zapier

A Zapier felhőalapú automatizálási platform: a beküldött adatot egy „zap” indítójának (trigger) küldi, amely ezután bármelyik másik alkalmazásban műveletet futtathat.

### Bekapcsolás

Az **Integrációk** oldalon keresd meg a **Zapier** modult, és kapcsold be a kapcsolóval.

### Feed az űrlapon

1. Nyisd meg az űrlap **Beállítások és integrációk** oldalát, és a bal oldali menüben válaszd a **Zapier** pontot.
2. Kattints a **Webhook hozzáadása** gombra.

![A Zapier-integráció listája az űrlap beállításai között](./kepek/integraciok-3-zapier-lista.webp)

*A Zapier-integráció listája az űrlap beállításai között* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=1&route=settings&sub_route=form_settings)

3. Töltsd ki a feedet:

| Beállítás | Mit csinál |
| --- | --- |
| Név | A feed neve (kötelező). |
| Webhook Url | A Zapier webhook-címe, ahová a beküldött adat megy. Beszerzése lent. |
| Feltételes logikák | A **Feltételes logika engedélyezése** bejelöléssel a feed csak a megadott feltételek mellett fut. |

![A Zapier-feed beállításai](./kepek/integraciok-3-zapier-feed.webp)

*A Zapier-feed beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=1&route=settings&sub_route=form_settings)

4. Kattints a **Save Feed** gombra. Ha a webhook-cím már megvan, a **Send Data Sample** gombbal mintaadatot küldhetsz a Zapiernek a teszteléshez.

A listában a **Name**, a **Webhook URL** és az **Actions** oszlopot látod.

### A webhook-cím beszerzése a Zapierben

1. Lépj be a Zapier-fiókba, kattints a **+ Create** gombra, majd a **Zaps** pontra.
2. Kattints a **Trigger** gombra, és válaszd a **Webhooks** indítót.
3. Az esemény (**Choose an event**) listában válaszd a **Catch Hook** pontot, és kattints a **Continue** gombra.
4. Megkapod a webhook-címet. Másold ki a **Copy** gombbal. A **Test Trigger** gombbal az indítót is kipróbálhatod.
5. Térj vissza a Fluent Forms Zapier-feedjéhez, illeszd be a címet a **Webhook Url** mezőbe, és mentsd a feedet.

### Művelet hozzáadása

A kapcsolat kipróbálásához küldj be egy próbaűrlapot. A Zapierben az indító mellé adj hozzá egy műveletet is:

1. Kattints az **Action** gombra.
2. Válaszd ki azt az alkalmazást, amelyben a műveletnek le kell futnia, és lépésenként végezd el a beállítását.
3. Ha az indító és a művelet is kész, a **Publish** gombbal tedd közzé a zapot.

## Slack

A Slack modul azonnali értesítést küld egy Slack-csatornára, amikor valaki beküld egy űrlapot.

### Bekapcsolás

Az **Integrációk** oldalon keresd meg a **Slack** modult, és kapcsold be.

### Beállítás az űrlapon

1. Nyisd meg az űrlap **Beállítások és integrációk** oldalát, és a bal oldali menüben válaszd a **Slack** pontot.
2. Kapcsold be a **Slack integrálása** kapcsolót. A beállítások megjelennek.

![A Slack-integráció beállításai](./kepek/integraciok-3-slack.webp)

*A Slack-integráció beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=1&route=settings&sub_route=form_settings)

| Beállítás | Mit csinál |
| --- | --- |
| Slack cím | Az értesítés címe (nem kötelező). |
| Webhook URL | A Slack-csatorna beérkező webhook-címe (kötelező). Beszerzése lent. |
| Select Fields | Azok az űrlapmezők, amelyek adata bekerül az értesítésbe. Az **Összes kijelölése** jelölőnégyzettel egyszerre az összeset kijelölheted. |
| Slack láblécüzenet | Az értesítés láblécszövege. Alapértelmezett: „fluentform”. |

3. Kattints a **Save Feed** gombra.

### A webhook-cím beszerzése a Slackben

1. A Slack API oldalán kattints a **Create an App** (új alkalmazás) gombra, és válaszd a **From Scratch** lehetőséget.
2. Add meg az alkalmazás nevét, válaszd ki a munkaterületet (Workspace), és kattints a **Create App** gombra.
3. Nyisd meg az **Incoming Webhooks** oldalt, és kapcsold be a kapcsolót.
4. Görgess a **Webhook URLs for Your Workspace** részhez, és kattints az **Add New Webhook to Workspace** gombra.
5. Válaszd ki a csatornát, ahová az értesítések érkezzenek, és kattints az **Allow** gombra.
6. Az **Incoming Webhooks** oldalra visszatérve megkapod a webhook-címet: másold ki a **Copy** gombbal, és illeszd be a Fluent Forms **Webhook URL** mezőjébe.

Ha ezután beküldesz egy próbaűrlapot, a beküldés az űrlap **Bejegyzések** oldalán megjelenik, az értesítés pedig a kiválasztott Slack-csatornán.