# Űrlapkészítő és űrlapmezők

> Az űrlap felépítése, az elérhető mezőtípusok (köztük az aláírás) és a mezők beállításai.

Az űrlapot a szerkesztőoldal **Űrlapkészítő** fülén állítod össze. Az oldal két oszlopból áll: balra az űrlap mezői, jobbra az **Űrlapelemek**, amelyeket hozzáadhatsz. Egy mező hozzáadásához elég rákattintanod a jobb oldali listában.

![Az űrlapkészítő az aláírás mezővel](./kepek/szerzodesek-urlapkeszito.webp)

*Az űrlapkészítő az aláírás mezővel* (https://minta-bolt.hu/wp-admin/admin.php?page=wpbs-forms&subpage=edit-form&form_id=1&tab=form-builder)

A bal oldali mezőre kattintva kinyílnak a beállításai. A mezőtípusok nevei a felületen angolul állnak, az alábbi táblázatok is így hivatkoznak rájuk.

## Alap űrlapelemek

| Mező | Mire jó |
|---|---|
| Text | Egysoros szöveg. |
| Email | E-mail-cím, a kitöltéskor érvényességet ellenőriz. |
| Phone | Telefonszám, érvényességet ellenőriz. |
| Textarea | Többsoros szöveg. |
| Dropdown | Legördülő lista, egy érték választható. |
| Checkbox | Jelölőnégyzetek listája, egy vagy több érték választható. |
| Radio | Választógombok, egy érték választható. |
| Number | Csak számot fogad el. |

## Haladó űrlapelemek

| Mező | Mire jó |
|---|---|
| HTML | HTML-kódot adhatsz meg. Az űrlap kinézetét javíthatod vele, vagy szakaszokra oszthatod. |
| Datepicker | Kattintásra dátumválasztó nyílik. Nem váltja ki a naptárban a dátum kiválasztását. |
| Hidden | Rejtett szövegmező, amely nem látszik az űrlapon. Egyedi szöveget vagy dinamikusan kitöltött értéket tárolhat. |
| Captcha | Google reCAPTCHA a spam ellen. A beállítások oldalon meg kell adnod hozzá a reCAPTCHA API-kulcsokat. |
| Consent | Hozzájárulás jelölőnégyzet, a szövege hivatkozhat az általános szerződési feltételekre. Mindig kötelező. |
| Signature | Aláírás mező. A foglaló az űrlapon aláírhat, az aláírás a szerződés PDF-jébe is bekerülhet (`{Signature}` címke). Csak aktív Szerződések kiegészítővel érhető el. |

## Árazási űrlapelemek

Ezek a fizetéshez kapcsolódnak: további szolgáltatásokat vagy díjakat adhatsz velük az űrlaphoz, amelyek a foglalás végösszegét módosítják. Csak akkor látszanak, ha az **Árazás engedélyezése** be van kapcsolva a beállításokban.

| Mező | Mire jó |
|---|---|
| Product Field | Rejtett mező, kötelező költséget ad a foglaláshoz (például takarítási díj). |
| Product Number | Mint a Number, de árat rendelhetsz hozzá, és a beírt számmal szorzódik. |
| Product Dropdown | Mint a Dropdown, de minden opcióhoz ár rendelhető. |
| Product Checkbox | Mint a Checkbox, de minden opcióhoz ár rendelhető. |
| Product Radio | Mint a Radio, de minden opcióhoz ár rendelhető. |
| Total | A tételeket és a végösszeget mutató táblázat, mint egy kosár. |
| Payment Method | A fizetési mód kiválasztása, az összes aktív módot kínálja. |

További, külön kiegészítőktől függő mezők is lehetnek: a Security Deposit (visszatérítendő óvadék, csak ha az óvadék be van kapcsolva a beállításokban), a Coupon (kuponkód, csak a kedvezmények és kuponok kiegészítővel) és az Inventory (hány helyet foglalnak, csak a készletkezelő kiegészítővel).

## Feltételes logika

Egyes mezőknél feltételes logikát is megadhatsz: a mező más mezők értékétől függően jelenik meg vagy rejtődik el.

## A mezők beállításai

Ha rákattintasz egy mezőre, megnyílnak a beállításai.

### Alapbeállítások

| Beállítás | Mit csinál |
|---|---|
| Label | A mező felirata. |
| Required | Kötelező-e kitölteni a mezőt. |
| Options | Dropdown, Checkbox és Radio mezőknél az opciók listája. Az árazási mezőknél minden opcióhoz árat is megadhatsz. |
| Price Calculation | Csak árazási mezőknél: az ár napra vagy foglalásra számítódik. |

### Haladó beállítások

| Beállítás | Mit csinál |
|---|---|
| Placeholder | A mezőben látszó helykitöltő szöveg. |
| Default Value | Az alapértelmezett érték, amellyel a mező előre ki van töltve. |
| Description | Rövid leírás a mező alatt. |
| Layout | A mező elrendezése: teljes szélességű, vagy fél szélességű balra vagy jobbra igazítva. Hosszú űrlapnál oszlopokat érhetsz el vele. |
| Custom Class | Egyedi CSS-osztály a mezőhöz, saját stílushoz. |
| Multiplication | Csak árazási mezőknél: másik mező értékével szorozza az árat. |
| Custom "Total" Label | Csak árazási mezőknél: a **Total** mezőben a tétel helyett más szöveg jelenik meg. |
| Date Format | Csak a Datepicker mezőnél: a dátum formátuma. |
| Hide Label | Elrejti a mező feliratát. A helykitöltővel együtt jól használható. |
| Dynamic Population | Lehetővé teszi, hogy a mezőt dinamikusan töltsék ki. |

### Fordítások

Ha a fordítások be vannak kapcsolva, itt megjelenik az alap- és haladó beállítások fordítható részeinek másolata nyelvenként.

Az űrlap mentéséhez használd az **Űrlap mentése** gombot.
