Egyszeri PayPal-fizetéses űrlap

A PayPal-űrlap kisebb webáruházakhoz vagy tartalmat és értékesítést vegyesen kezelő oldalakhoz jó: nincs szükség hozzá a WooCommerce összetettségére. Az egyszeri fizetéshez a JetFormBuilder alapverziója is elég, a PayPal már be van építve. Az előfizetéses (ismétlődő) fizetéshez kell a PayPal Recurring Payments kiegészítő, lásd az Előfizetéses űrlap fejezetet.

Mit tud az űrlap

• A sikeres fizetés után lefutó műveletek beállítása: például a számla PDF-ben csak sikeres fizetés után megy ki a vevőnek.
• Az összes tranzakció és a fizetési adatok követése a JetFormBuilder → Payments oldalon.
• Feltételes láthatóság: az űrlap mezői a választott opciók szerint megjelenhetnek vagy elrejthetők.
• A végösszeg automatikus kiszámítása a kiválasztott opciókból (kiszámított mező).

A példa űrlap szerkezete

Lépés	Mezők
Személyes adatok	Keresztnév, vezetéknév (szöveges mezők). E-mail-cím: szöveges mező Email mezőtípussal. Telefonszám: szöveges mező Tel mezőtípussal.
Szállítási adatok	Szállítási cím, város, ország, irányítószám, megye (szöveges mezők).
Rendelés	A rendelt tétel (rádiógombos mező), a mennyiség (szám mező).
Egyebek	Kiegészítők (jelölőnégyzetes mező), megjegyzés (szövegterület), végösszeg (kiszámított mező).

Az átjáró beállítása

1. Menj ide: JetFormBuilder → Settings → Payments Gateways.
2. Ellenőrizd, hogy az Enable Gateways kapcsoló be van kapcsolva.
3. Add meg a Client ID és a Secret Key értékét, amit a PayPal fiókod felületén találsz, és kattints a Save gombra.

https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-form-builder&page=jfb-settings

A képen a bekapcsolt Enable Gateways kapcsoló és a PayPal globális adatai láthatók.

Az űrlap felépítése

1. Menj ide: JetFormBuilder → Add New, és add meg az űrlap címét.
2. A Welcome blokknál kattints a Start from scratch gombra, vagy a Generate via AI gombbal készíttess űrlapot a kérésed alapján. A példában az alapból felvett három mezőt töröljük.
3. Vegyél fel egy Személyes adatok címsort, majd két oszlopot. Az elsőbe egy Keresztnév, a másodikba egy Vezetéknév szöveges mezőt. A mező fölötti csillag gombbal kötelezővé teheted őket.
4. Az első oszlopba kerül az E-mail-cím mező (FIELD TYPE: Email), a másodikba a Telefonszám mező (FIELD TYPE: Tel).
5. A Szállítási adatok címsor alá jön a szállítási cím mezője, majd a város, ország, irányítószám és megye szöveges mezők. A kötelezővé tett mezők biztosítják, hogy a cím teljes legyen.
6. A Rendelés címsor alá vegyél fel egy rádiógombos mezőt „Rendelt tétel” címkével. A FILL OPTIONS FROM értéke Manual Input, a Manage items gombbal vihetsz fel opciókat. Minden opciónak van címkéje (LABEL), értéke (VALUE) és a CALCULATE mezőben egy szám: ez kerül a végösszeg számításába. Az Add new Option gombbal adhatsz hozzá újat, a végén kattints az Update gombra.
7. Mennyiségnek vegyél fel egy kötelező szám mezőt. A példában a MIN VALUE 1, a MAX VALUE 5, a STEP 1.
8. Az Egyebek címsor alá jön egy jelölőnégyzetes mező a kiegészítőkkel (szintén Manual input, a Manage items gombbal), egy nem kötelező szövegterület a megjegyzésnek, és a végösszeg kiszámított mezője.
9. A kiszámított mezőbe a korábbi mezők FORM FIELD NAME nevét írod makróként, például:

%rendelt_tetel% * %mennyiseg% + %kiegeszitok%

A mezők és makrók a csavarkulcs ikon alatti listában találhatók.

10. Az utolsó mező a műveleti gomb: a felirata (FIELD LABEL) szükség esetén átírható.

https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit

A képen a PayPal Checkout választó és az Edit gomb látszik.

A PayPal Checkout beállítása az űrlapon

1. A JetForm fülön, a Gateways Settings szakaszban válaszd a PayPal Checkout lehetőséget, és kattints az Edit gombra.
2. A Use Global Settings kapcsolóval átveheted a globális CLIENT ID és SECRET KEY értéket, vagy kézzel is beírhatod.
3. A GATEWAY ACTION értéke lehet Fizetés most (egyszeri fizetés, ez az alapérték) vagy Create a subscription.
4. Kattints a Hozzáférési token szinkronizálása gombra. Sikeres szinkronizálás után jelennek meg a további beállítások.

https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit

A képen az ablak a szinkronizálás előtti állapotában látszik, a Fizetés most művelettel.

5. Szinkronizálás után add meg a pénznem kódját (CURRENCY CODE, például HUF), és a PRICE/AMOUNT FIELD listából válaszd ki a végösszeg kiszámított mezőjét: a PayPal-tranzakció összege ebből a mezőből jön.
6. A fizetési üzeneteket átírhatod vagy meghagyhatod.
7. Kattints az Update gombra.

Utólagos műveletek

A Post Submit Actions szakaszban két műveletet veszünk fel:

• Save Form Record: az űrlap kitöltött értékeit elmenti a JetFormBuilder → Form Records listába, beállítás nélkül is.
• Send Email: értesítő e-mail. A ceruza ikonnal nyitható meg, a CONTENT mezőbe makrókkal vehető fel a rendelés tartalma:

Szia!

Új rendelés érkezett az oldalon:

Rendelés: %rendelt_tetel% x %mennyiseg%
Kiegészítők: %kiegeszitok%
Végösszeg: %vegosszeg%
Megrendelő: %keresztnev% %vezeteknev%
Telefonszám: %telefonszam%
E-mail-cím: %email_cim%
Szállítási cím: %szallitasi_cim%
%varos%, %orszag%, %iranyitoszam%, %megye%
Megjegyzés: %megjegyzes%

A makrók az űrlapmezők FORM FIELD NAME nevei két százalékjel között, így a kitöltött értékek az e-mailbe kerülnek. Az Update gombbal mentsd a művelet beállításait.

Az űrlap stílusát tovább módosíthatod, például a JetStyleManager bővítménnyel. Ha kész, kattints a Publish gombra.

Az űrlap kihelyezése és kipróbálása

1. Vegyél fel egy oldalt (Oldalak → Új oldal), és a szerkesztődben (Elementor, blokkszerkesztő vagy Bricks) helyezd el a JetForm elemet. A Choose Form mezőben válaszd ki az űrlapot.
2. Közzététel után nyisd meg az oldalt, töltsd ki az űrlapot, és küldd el.
3. A PayPal oldalára kerülsz, ahol befejezheted a tranzakciót. Ezután az űrlap teljesen elküldöttnek számít.

Az eredmény ellenőrzése

• JetFormBuilder → Form Records: az űrlapbejegyzések listája. A sor fölé víve a View gombbal látod a kitöltött mezőket.
• A beérkezett e-mail: a Send Email művelet beállításai szerint a rendelés adataival.
• JetFormBuilder → Payments: a tranzakciók listája. A sor fölé víve a View gombbal nyithatod meg a tranzakció adatait.

További lehetőségek

Az űrlap a JetFormBuilder további kiegészítőivel bővíthető: ilyen a PayPal ismétlődő fizetések, a PDF-csatolmány és a formátlan műveleti végpontok.