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

> Az űrlap beküldött mezőinek megjelenítése a köszönőoldalon Dynamic Field widgettel vagy blokkal, a Lekérdezési változó forrással és az átirányítási művelettel.

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.