# PayPal és Stripe egy űrlapon

> Több fizetési átjáró egy űrlapon: a látogató a beküldés előtt választ a PayPal és a Stripe között.

Egy űrlapon egyszerre kínálhatsz PayPal és Stripe fizetést is, a látogató pedig a beküldés előtt választ. Ehhez a PayPal Recurring Payments mellett a Stripe fizetési kiegészítőjének is telepítve és aktívnak kell lennie. Az API-kulcsok beszerzését és a **JetFormBuilder → Settings → Payments Gateways** oldal kitöltését előre el kell végezni, mindkét átjáróhoz.

A funkció bármelyik, fizetést is tartalmazó űrlapra rátehető.

## 1. Az űrlap

1. Hozz létre egy űrlapot, vagy nyiss meg egy meglévőt (a **Welcome** blokk beágyazott űrlapjaiból is indulhatsz).
2. A példában szöveges mezők, egy jelölőnégyzetes mező és egy műveleti gomb szerepel.
3. A jelölőnégyzetes mező a fizetendő összeg forrása. A **FILL OPTIONS FROM** listában válaszd a **Manual Input** lehetőséget, kattints a **Manage Items** gombra, és az **Edit Options** ablak **VALUE** mezőjébe írd be az árat.

## 2. Az átjárók beállítása

1. A **JetForm → Gateway Settings** szakaszban a rádiógomb lehetőségei: **None** (alapérték), **PayPal Checkout**, **Stripe Checkout** és **Manual**.
2. Válaszd a **Manual** lehetőséget, hogy a látogató választhasson. Megjelenik a **PayPal Checkout** és a **Stripe Checkout** alszakasz.
3. Mindkettőnél kapcsold be a **Show on frontend** kapcsolót, és kattints az **Edit** gombra.
4. A megnyíló **Edit PayPal Checkout Settings** és **Edit Stripe Checkout Settings** ablakban kapcsold be a **Use Global Settings** kapcsolót, hogy a **CLIENT ID** és a **SECRET KEY** automatikusan kitöltődjön.
5. A **GATEWAY ACTION** mezőben válaszd ki a műveletet (a példában **Pay Now**), és kattints a **Sync Access Token** gombra a **REQUEST BUTTON** mező mellett.
6. Add meg a **CURRENCY CODE** értékét, és a **PRICE/AMOUNT FIELD** mezőben válaszd ki a végösszeget tartalmazó mezőt (a példában a jelölőnégyzetes mezőt).
7. Görgess le az ablakban, és mentsd a módosításokat.
8. Ha mindkét átjáró be van állítva, kattints az **Add block** gombra a **Manual** lehetőség alatt: az űrlapba bekerül a fizetési mód választó blokk (**Payment Gateway**). A blokkot a blokkkeresőből is behúzhatod bárhová az űrlapban.

## 3. Utólagos műveletek és események

Utólagos műveletnek felvehetsz például **Send Email**, **Register User** vagy SMS-küldő műveletet; WooCommerce-es pénztárhoz a WooCommerce Cart & Checkout Action kiegészítőt is használhatod.

Mivel két fizetési módod van, a műveletek eseményeit mindkettőre be kell állítani:

1. A kívánt művelet alatt kattints az **Edit Conditions & Events** gombra.
2. Az **Events match** fülön az **ADD EVENT** mezőben add hozzá az eseményeket.
3. A `GATEWAY.SUCCESS` mindkét fizetési módnál lefut, ha a fizetés sikeres.
4. Előfizetésnél add hozzá a megújulás eseményét is: Stripe-nál `STRIPE.RENEWAL.PAYMENT`, PayPalnál `RENEWAL.PAYMENT`.
5. Mentsd az űrlapot.

Az események részletes leírása az [Előfizetéses űrlap lépésről lépésre](https://hub.hellowp.io/hu/plugins/jet-form-builder-paypal-subscriptions/elso-lepesek-elofizetes-urlap/) fejezetben van.

## 4. Kipróbálás

1. Tedd az űrlapot egy oldalra a **JetForm** widgettel (blokkal, elemmel), és válaszd ki az űrlapot a **Choose Form** mezőben.
2. Tedd közzé az oldalt, és töltsd ki az űrlapot. A fizetési mód választó blokkban a látogató kiválasztja a PayPalt vagy a Stripe-ot.
3. A beküldés gombra kattintva a választott szolgáltató fizetési oldalára kerül.