Tovább a tartalomhoz

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.

  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 és a Payment Method mező. Ha még nincs ilyen űrlapod, lásd a Fizetési űrlap készítése fejezetet.

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.

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

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.

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.

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

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.

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

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

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.

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

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

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.

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.

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

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ó.

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.

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

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
  1. A webhook ezután aktív állapotú. Az Authorize.Net webhooklistájában a Test gombbal ellenőrizheted, hogy sikeres választ ad.
  2. 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ó.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások