# Fizetés: Mollie, Razorpay, Square, Paddle, Paystack és Authorize.Net

> A további fizetési szolgáltatók beállítása: kulcsok megszerzése, a globális beállítás, a fizetési mód felvétele az űrlapra.

Ez a fejezet hat fizetési szolgáltatót ír le. Mindegyik a Fluent Forms Pro funkciója, és ugyanúgy kell bekapcsolni, beállítani és az űrlapra felvenni.

## A közös menet

1. Nyisd meg a **Globális beállítások → Fizetési beállítások → Payment Methods** oldalt.
2. Válaszd ki a szolgáltató lapját, és jelöld be a bekapcsoló négyzetet (például **Mollie fizetési mód engedélyezése**). Ez minden űrlapra érvényes.
3. A **Fizetési mód** mellett válaszd a **Tesztmód** (próbafizetések) vagy az **Éles mód** lehetőséget. A két mód beállítása ugyanúgy megy. Éles módban az éles kulcsokat kell megadnod.
4. Szerezd meg a szolgáltatótól a szükséges kulcsokat (lásd lent), és illeszd be őket a megfelelő mezőkbe.
5. Kattints a **Beállítások mentése** gombra.
6. Vedd fel a szolgáltatót az űrlapra: az űrlap szerkesztőjében vidd az egeret a **Payment Method** mező fölé, kattints a ceruza ikonra, a **Fizetési módok** listában jelöld be a szolgáltatót, és nyisd le a nyíllal. A **Fizetési mód címkéje** mezőben átírhatod a felirat szövegét. Mentsd az űrlapot a **Save Form** gombbal.
7. A jobb felső sarokban másold ki a rövidkódot, és illeszd be az oldalra vagy bejegyzésbe. Az **Előnézet és tervezés** gombbal megnézheted az űrlapot.

A szolgáltatók csak olyan fizetési űrlapon használhatók, amelyben ott van a [Fizetési tétel](https://hub.hellowp.io/hu/plugins/fluentformpro/fizetes-fizetesi-tetel/) és a [Payment Method](https://hub.hellowp.io/hu/plugins/fluentformpro/fizetes-fizetesi-mod-osszegzes/) mező. Ha még nincs ilyen űrlapod, lásd a [Fizetési űrlap készítése](https://hub.hellowp.io/hu/plugins/fluentformpro/fizetes-urlap-keszitese/) fejezetet.

## Mollie

A Mollie online fizetési átjáró. Amikor a látogató beküldi az űrlapot, a Mollie fizetőoldalára kerül, és ott fejezi be a fizetést.

![A Mollie lap](./kepek/fizetes-2-mollie-beallitasok.webp)

*A Mollie lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a Mollie lap látszik a **Teszt API-kulcs** mezővel.

**Az API-kulcs megszerzése:**

1. Jelentkezz be a Mollie fiókodba (vagy regisztrálj).
2. A felső menüben nyisd meg a **Browse** részt, és kattints a **Developers** pontra.
3. A **Test API key** sorból másold ki a teszt API-kulcsot. Éles módhoz a **Live API key** értékét másold ki.
4. A Fluent Forms Mollie lapján illeszd be a kulcsot a **Teszt API-kulcs** mezőbe (éles módban az éles kulcs mezőjébe), és kattints a **Beállítások mentése** gombra.

Az űrlapon a Mollie opciónál csak a felirat módosítható. Beküldéskor a látogató a Mollie fizetési ablakába kerül.

## Razorpay

A Razorpay indiai fizetésfeldolgozó, amely bankkártyát, betéti kártyát, netbankot, UPI-t és népszerű tárcákat (például JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money, PayZapp) támogat.

![A Razorpay lap](./kepek/fizetes-2-razorpay-beallitasok.webp)

*A Razorpay lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen három rész látszik: a **Fizetési mód**, az API-hitelesítő adatok és a pénztár stílusának típusa.

**Az API-kulcsok megszerzése:**

1. Jelentkezz be a Razorpay fiókodba (vagy regisztrálj).
2. A bal oldali sávban nyisd meg az **Accounts & Settings** részt, és kattints az **API keys** fülre.
3. A kulcsazonosítóhoz és a titkos kulcshoz újat kell generálni: kattints a **Regenerate Test Key** gombra. Másold ki a **Key ID**-t és a **Key Secret**-et.
4. A Fluent Forms Razorpay lapján a **Key ID** a **Teszt API-kulcs**, a **Key Secret** a **Teszt API-titok** mezőbe kerül.
5. Kattints a **Beállítások mentése** gombra.

**A pénztár stílusának típusa:**

| Lehetőség | Mit csinál |
| --- | --- |
| Modális pénztárstílus | A fizetés a webhelyeden, felugró ablakban történik. A **Modális ablak témaszíne** mezővel saját márkaszínt adhatsz a Razorpay ablaknak, üresen a Razorpay alapszíne marad. |
| A razorpay.com-on hosztolva | A látogatót a Razorpay weboldalára irányítja a fizetéshez. Ennél a lehetőségnél SMS- és e-mail-értesítést is kérhetsz a Razorpaytól: bejelölheted mindkettőt vagy csak az egyiket. |

Az űrlapon a Razorpay opciónál csak a felirat módosítható. Beküldéskor a látogató a Razorpay pénztárába kerül.

## Square

A Square a bankkártyás és betéti kártyás fizetést beágyazva (inline) kínálja az űrlapon.

![A Square lap](./kepek/fizetes-2-square-beallitasok.webp)

*A Square lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a Square lap látszik a **Tesztalkalmazás ID**, a **Teszt-hozzáférési kulcs** és a **Tesztelési helyszín ID** mezővel.

**A hitelesítő adatok megszerzése:** a Square-ben egy alkalmazást kell létrehoznod.

1. Jelentkezz be a Square fiókodba (vagy regisztrálj), a felső menüben nyisd meg az **Account** részt, és kattints a **Developer Console** fülre.
2. Az **Applications** fül alatt kattints a plusz ikonra új alkalmazás létrehozásához.
3. Add meg az alkalmazás nevét, és kattints a **Next** gombra.
4. Jelöld be az **Accept Payments** négyzetet, és kattints a **Next** gombra.
5. A felugró ablakban válaszd ki a hozzád illő célközönséget (**Find your Audience**), és kattints a **Complete** gombra.
6. Az alkalmazás létrehozása után a **Credentials** részben, a **Sandbox Application ID** és az **Access Token** mezőkben találod az alkalmazás azonosítóját és a hozzáférési kulcsot. Másold ki őket.
7. A bal oldali sávban nyisd meg a **Locations** fület, és másold ki a **Location ID**-t.
8. A Fluent Forms Square lapján illeszd be az értékeket a **Tesztalkalmazás ID**, a **Teszt-hozzáférési kulcs** és a **Tesztelési helyszín ID** mezőbe, majd kattints a **Beállítások mentése** gombra.

Az űrlapon a Square opciónál két beállítás van:

| Beállítás | Mit csinál |
| --- | --- |
| Fizetési mód címkéje | A fizetési mód felirata az űrlapon. |
| Beágyazott pénztár | Bejelölve a Square beágyazott (inline) fizetésként jelenik meg. |

## Paddle

A Paddle fizetésfeldolgozó. Beküldéskor a látogató a Paddle fizetési ablakába kerül.

![A Paddle lap](./kepek/fizetes-2-paddle-beallitasok.webp)

*A Paddle lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a Paddle lap látszik a **Teszt API-kulcs** és a **Kliens-token** mezővel.

**Az API-kulcs és a kliens-token megszerzése:**

1. Jelentkezz be a Paddle fiókodba (vagy regisztrálj).
2. API-kulcs: a bal oldali sávban nyisd le a **Developer tools** listát, és kattints az **Authentication** pontra. Az **API keys** részen kattints a **+ Generate API key** gombra, add meg a nevet és a leírást, majd kattints a **Generate** gombra. A kulcs sorában a három pontos menü **Copy key** pontjával másold ki.
3. Kliens-token: ugyanezen az oldalon a **Client-side tokens** részen kattints a **+ Generate client-side token** gombra, add meg a nevet és a leírást, és kattints a **Generate** gombra. A token sorában a három pontos menü **Copy Token** pontjával másold ki.

**Alapértelmezett fizetési link.** A sikeres fizetéshez a Paddle-ben alapértelmezett fizetési linket kell megadni: a bal oldali sávban nyisd le a **Checkout** listát, válaszd a **Checkout Settings** pontot, a **General** fülön írd a webhelyed URL-jét a **Default Payment Link** mezőbe, és kattints a **Save** gombra. Ezután minden fizetési link ezt a domaint használja a fizetési űrlap megjelenítéséhez.

**Összekötés a Fluent Formsszal:** a Paddle lapján illeszd be az API-kulcsot a **Teszt API-kulcs**, a tokent a **Kliens-token** mezőbe, majd kattints a **Beállítások mentése** gombra.

Az űrlapon a **Fizetési mód címkéje** átírható. Emellett az űrlaponkénti Paddle-beállításoknál megadhatod, milyen fizetési folyamat menjen a Paddle-n keresztül:

1. Nyisd meg az űrlap **Beállítások és integrációk** fülét, majd a **Fizetési beállítások** pontot, és görgess a **Paddle Settings** részhez.
2. Válassz a három lehetőség közül: **Non-catalog** (katalóguson kívüli), **Catalog Item** (katalógustétel) vagy **Non-catalog prices for an existing product** (katalóguson kívüli árak meglévő termékhez).
3. Kattints a **Save Settings** gombra.

## Paystack

A Paystack online fizetési mód. Beküldéskor a látogató a Paystack oldalára kerül, és ott fejezi be a fizetést.

![A Paystack lap](./kepek/fizetes-2-paystack-beallitasok.webp)

*A Paystack lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a Paystack lap látszik a **Teszt API-kulcs** és a **Teszt API-titok** mezővel.

**A kulcsok megszerzése:**

1. Jelentkezz be a Paystack fiókodba (vagy regisztrálj).
2. A bal oldali sávban nyisd meg a **Settings** részt, és kattints az **API Keys & Webhooks** fülre.
3. Másold ki a **Secret key** és a **Public key** értékét.
4. A Fluent Forms Paystack lapján a nyilvános kulcs (**Public Key**) a **Teszt API-kulcs**, a titkos kulcs (**Secret Key**) a **Teszt API-titok** mezőbe kerül.
5. Kattints a **Beállítások mentése** gombra.

Az űrlapon a **Paystack** opciónál csak a felirat módosítható.

## Authorize.Net

Az Authorize.Net globális fizetési átjáró bankkártyás és elektronikus fizetésekhez. A beállításához kulcsok és egy webhook is kell.

![Az Authorize.Net lap](./kepek/fizetes-2-authorizenet-beallitasok.webp)

*Az Authorize.Net lap* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen az Authorize.Net lap felső része látszik: a **Fizetési mód**, a **Tranzakció típusa** és a hitelesítő mezők.

A lapon a **Tranzakció típusa** két lehetőség közül választható: **Engedélyezés és terhelés** vagy **Csak engedélyezés**. A tesztmódban a sandboxkörnyezet hitelesítő adatait kell megadnod. Három értékre van szükséged: **Teszt API-belépési ID**, **Teszt tranzakciós kulcs** és **Webhook-aláírási kulcs (kötelező)**. A lap alján a Fluent Forms megjeleníti a webhook URL-jét is: másold ki, mert a webhook beállításához kell.

**Az API-belépési ID:**

1. Jelentkezz be az Authorize.Net fiókodba.
2. A vezérlőpulton nyisd meg az **Accounts** menü **API Settings** pontját (**Accounts and API Settings**). Itt látod az **API login ID**-t, másold ki.

**A tranzakciós kulcs:**

1. Ugyanitt kattints a **GENERATE NEW TRANSACTION KEY** gombra.
2. A felugró ablakban kattints a **SUBMIT** gombra.
3. A következő ablakban írd be az e-mailben kapott kódot, és kattints a **CONFIRM** gombra.
4. A tranzakciós kulcs elkészült, másold ki.

**A webhook-aláírási kulcs:** kattints a **GENERATE NEW SIGNATURE KEY** gombra, és ugyanúgy folytasd, mint a tranzakciós kulcsnál. A kulcs csak egyszer jelenik meg, ezért azonnal másold ki.

**A webhook beállítása.** Az Authorize.Net csak webhookkal működik teljesen a fizetéseknél.

1. Az **Accounts & API Settings** oldalon görgess le a **Webhooks** részhez, és kattints a **Create a Webhook notification** gombra.
2. Add meg a webhook értesítés nevét (**Webhook notification name**), az **Endpoint URL** mezőbe írd be a Fluent Formsból másolt webhook URL-t, és az állapot (**Status**) legyen **Active**.
3. Jelöld be az alábbi fizetési eseményeket, majd kattints a **Save** gombra:

| Esemény | Kód |
| --- | --- |
| AuthCapture Created | `net.authorize.payment.authcapture.created` |
| Authorization Created | `net.authorize.payment.authorization.created` |
| Capture Created | `net.authorize.payment.capture.created` |
| PriorAuthCapture Created | `net.authorize.payment.priorAuthCapture.created` |
| Void Created | `net.authorize.payment.void.created` |
| Refund Created | `net.authorize.payment.refund.created` |
| Fraud Approved | `net.authorize.payment.fraud.approved` |
| Fraud Declined | `net.authorize.payment.fraud.declined` |

4. A webhook ezután aktív állapotú. Az Authorize.Net webhooklistájában a **Test** gombbal ellenőrizheted, hogy sikeres választ ad.
5. A Fluent Forms Authorize.Net lapján illeszd be az API-belépési ID-t, a tranzakciós kulcsot és a webhook-aláírási kulcsot a megfelelő mezőkbe, majd kattints a **Beállítások mentése** gombra.

Az űrlapon az **Authorize.Net** opciónál csak a felirat módosítható.