# Önálló foglalási űrlap szobafoglaláshoz

> A Foglalási űrlap elem beállítása a tétel egyedi oldalán: elrendezés, feliratok, kipróbálás és a létrejött foglalás ellenőrzése.

A **Booking Form** elem (Elementorban widget, a blokkszerkesztőben blokk, Bricksben elem) JetFormBuilder nélkül is foglalást vesz fel. Az űrlap AJAX-küldéssel közvetlenül foglalást hoz létre, a WooCommerce-ra nincs szüksége. Ez a fejezet egy szállodai szoba példáján mutatja be a beállítását. Ugyanez a menet bármilyen más, JetBookinggal kezelt foglalható tételre is használható.

## Mi kell hozzá?

- Elementor (az ingyenes is elég), a blokkszerkesztő vagy Bricks.
- Telepített és bekapcsolt JetBooking, beállított foglalható tétellel ([Előkészületek egyszerű módhoz](https://hub.hellowp.io/hu/plugins/jet-booking/elso-lepesek-elokeszites-egyszeru-mod/)).

## Az elem kitétele a tétel egyedi oldalára

1. Nyisd meg a foglalható tételek bejegyzéstípusának egyedi (single) sablonját. A sablon elkészítését a [Foglalási űrlap](https://hub.hellowp.io/hu/plugins/jet-booking/foglalasi-urlap/) fejezet említi, a JetThemeCore-os példa ehhez hasonlóan épül fel.
2. Húzd a sablonra a **Booking Form** elemet.
3. A **Booking instance ID** mezőt hagyd üresen, ha a tétel saját egyedi sablonján dolgozol: az elem a megjelenített bejegyzést használja. Ha az űrlapot olyan oldalra teszed, amely nem kapcsolódik közvetlenül egy foglalható tételhez, ebbe a mezőbe a kívánt bejegyzés azonosítóját kell beírnod.
4. Állítsd be a megjelenést. A példában:
   - **Layout**: „Separate Fields”, vagyis külön mező az érkezésnek és a távozásnak;
   - **Position**: marad az „Inline”;
   - **Check in Label** és **Check out Label**: „Érkezés napja” és „Távozás napja”;
   - **Description**: a be- és kijelentkezési mezők alatt megjelenő magyarázat (például „Foglalási kérésed beérkezése után felvesszük veled a kapcsolatot.”);
   - **Label**: a küldés gombjának felirata (például „Foglalás”).
5. Ha kell, formázd meg az elemet és az oldalt, majd mentsd a sablont.

Ha a foglalást a Foglalás gombra nyomva rögzíti az űrlap, a gomb alatt a „Booking was created successfully.” sikerüzenet jelenik meg.

## Kipróbálás

1. Nyisd meg a frontenden a foglalható tételek egyik bejegyzését (például egy lakosztály oldalát), és görgess az űrlaphoz.
2. Add meg az érkezés és a távozás napját, valamint egy próba e-mail-címet.
3. Kattints a foglalás gombra. Az űrlap alatt megjelenik a sikerüzenet.

## A létrejött foglalás ellenőrzése

1. Nyisd meg a **Foglalások → Foglalások** oldalt. Itt látnod kell az új foglalást.
2. Kattints a **Szerkesztés** gombra. A megnyíló ablakban az összes adat látható és módosítható.

![A foglalások listája a vezérlőpulton](./kepek/foglalasok-lista.webp)

*A foglalások listája a vezérlőpulton* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-abaf-bookings)

A kép a **Foglalások** listát mutatja. Az űrlapról érkező foglalás itt jelenik meg, alapértelmezetten **Függőben** (Pending) állapottal.

## Gyakori kérdések

**Kitehető az űrlap a tétel egyedi sablonján kívül is?** Igen, bármelyik oldalra vagy sablonba, ilyenkor a **Booking instance ID** mezőben kézzel add meg a tétel azonosítóját.

**Kell-e hozzá WooCommerce?** Nem. Az űrlap közvetlenül, AJAX-szal hozza létre a foglalást.

**Kell-e hozzá JetFormBuilder?** Nem, az elem önállóan működik. A JetFormBuilderes, mezőkkel és utólagos műveletekkel bővíthető űrlapról a [Foglalási űrlap](https://hub.hellowp.io/hu/plugins/jet-booking/foglalasi-urlap/) fejezet szól.

**Milyen állapotot kap az új foglalás?** Az űrlap elküldése után a foglalás állapota alapértelmezetten **Függőben**.