Beküldött adatok a köszönőoldalon

A Dynamic Field widget vagy blokk Lekérdezési változó (Query Variable) forrásával az űrlap beküldött mezőinek értékét kiírhatod a köszönőoldalon, így a felhasználó láthatja, mit adott meg. Ez a példa a JetEngine és a JetFormBuilder bővítménnyel készített űrlapot és köszönőoldalt mutatja be.

Ez hasznos lehet:

• webáruházban a rendelés adatainak megjelenítésére (a rendelés ilyenkor a Rendelések egyedi bejegyzéstípus egy bejegyzése; a Gutenberggel készített űrlap és a WooCommerce fizetési folyamat összekapcsolásához a WooCommerce Cart & Checkout Action kiegészítő szolgál);
• előfizetésnél, például online tanfolyamnál, a tanfolyam témájának, a leckék számának, a felhasználó szintjének megjelenítésére (PayPal-előfizetéshez a PayPal Recurring Payments kiegészítő kell);
• foglalási űrlapnál;
• „új elem hozzáadása” űrlapnál, ha a felhasználók eladásra szánt tételeket (például hirdetéseket) tesznek közzé.

Követelmények

• Elementor (ingyenes változat) vagy a blokkszerkesztő (Gutenberg)
• A JetEngine telepítve és aktiválva
• A JetFormBuilder telepítve és aktiválva, elkészített űrlappal

A köszönőoldal létrehozása

1. Nyisd meg az Oldalak menüben a köszönőoldalt szerkesztésre, vagy kattints az Oldal hozzáadása gombra.
2. Helyezz el egy Dynamic Field widgetet vagy blokkot, és a Content (tartalom) beállításokban válaszd forrásnak a Lekérdezési változó értéket. Annyi példányt készíts, ahány mezőt ki akarsz írni (duplikálhatod).
3. A Variable Name (változó neve) mezőbe írd be annak az űrlapmezőnek a nevét, amelynek értékét ki akarod írni.

A következő mezőtípusokat jelenítheted meg:

• szöveg (Text) és szám (Number);
• média (Media), a „Get Image by ID” callbackkel;
• jelölőnégyzet (Checkbox), rádió (Radio) és választólista (Select):
  • kifejezésekkel (a „Get term name” callbackkel);
  • szójegyzék (Glossary) értékeivel (a „Get labels by the glossary data” callbackkel).

Az egyes esetekben a következőt kell tenned:

• Kép a média mezőből: kapcsold be a Filter field output kapcsolót, és válaszd a „Get Image by ID” (Kép lekérése ID alapján) callbacket.
• Szójegyzék értéke a választólistából, rádió- vagy jelölőnégyzet-mezőből: kapcsold be a Filter field output kapcsolót, válaszd a „Get labels by the glossary data” (Feliratok lekérése a glosszárium adatai alapján) callbacket, és a Get labels by glossary mezőben válaszd ki a szükséges szójegyzéket.
• Kifejezés neve: kapcsold be a Filter field output kapcsolót, és válaszd a „Get term name” (Kifejezés nevének lekérése) callbacket.

Ha elkészültél, kattints a Közzététel vagy a Frissítés gombra.

Átirányítás az űrlapon

1. Nyisd meg a JetFormBuilder → Forms menüben azt az űrlapot, amelynek mezőit a köszönőoldalon meg akarod jeleníteni.
2. A JetForm → Post Submit Actions fülön kattints a + New Action gombra, és válaszd a Redirect to Page műveletet.
3. Kattints az Edit Action gombra. A Redirect to mezőben válaszd a Static Page lehetőséget, a Select page mezőben jelöld ki a köszönőoldalt, és jelöld be mindazokat a lekérdezési argumentumokat, amelyek a köszönőoldalon megjelenítendő űrlapmezők nevének felelnek meg. Kattints az Update gombra.

Fizetési átjáró (Stripe, PayPal)

Ha Stripe- vagy PayPal-fizetést használsz, meg kell adnod a művelet eseményét:

1. A Redirect to Page művelet alatt kattints az Edit Conditions & Events gombra.
2. Nyisd meg az Events match lapot, és válaszd a GATEWAY.SUCCESS eseményt. Így a felhasználó a fizetési oldal sikeres elhagyása után kerül a köszönőoldalra.
3. Kattints az Update gombra.

Ha végeztél, frissítsd az űrlapot.

Ellenőrzés

Nyisd meg a webhelyen az űrlapot tartalmazó oldalt, töltsd ki az űrlapot, és küldd be. A beküldés után a köszönőoldalra kerülsz, ahol a dinamikus mezők a beírt adatokat jelenítik meg.