# Fizetési tétel mező

> Fix áras termék vagy szolgáltatás az űrlapban: egyetlen tétel vagy több választható tétel.

A **Fizetési tétel** mezővel egy vagy több terméket, szolgáltatást kínálsz az űrlapban. A kitöltő kiválasztja, mit vesz meg, és az összeg a fizetésnél automatikusan összeadódik.

## A mező felvétele

1. Nyisd meg az űrlap szerkesztőjét az **Űrlapok** listából.
2. A jobb oldali **Beviteli mezők** fülön nyisd le a **Fizetési mezők** csoportot, és add hozzá a **Fizetési tétel** mezőt.
3. A mezőn kattints a ceruza ikonra: a **Beviteli mezők testreszabása** fülön megjelennek a mező beállításai.

A fizetési mezők csak bekapcsolt fizetési modullal érhetők el, és csak a szolgáltató beállítása után működnek. Lásd: [Fizetési űrlap készítése](https://hub.hellowp.io/hu/plugins/fluentform-signature/fizetesek-urlap-keszitese/).

![A Fizetési tétel mező beállításai](./kepek/fizetesek-1-panel-tetel.webp)

*A Fizetési tétel mező beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=7)

A képen jobbra a kijelölt mező beállításai, balra az űrlap vászna látszik.

## Alapbeállítások

| Beállítás | Mit csinál |
| --- | --- |
| Elem címkéje | A mező felirata, amelyet a kitöltők látnak. |
| Címke elhelyezése | A felirat helye: **Alapértelmezett** (a globális elrendezési beállítás szerint), **Felül**, **Jobb**, **Alul**, **Bal** vagy **Címke elrejtése**. |
| Admin mezőcímke | Másik felirat, amely csak a beküldések megtekintésekor, adminként látszik. |
| Termék megjelenítési típusa | **Egyedi**, **Választógomb**, **Jelölőnégyzet** vagy **Kiválasztás** (lásd lent). |
| Kötelező | **Igen**: a mezőt ki kell tölteni. **Nem**: nem kötelező. |

## Termék megjelenítési típusa

- **Egyedi**: egyetlen tételt kínálsz. A **Fizetési összeg** mezőben adod meg az árat, az **Összeg címkéje** pedig az ár előtt megjelenő szöveg (alapértelmezésben „Ár:”).
- **Választógomb**: több tételt kínálsz, és a kitöltő választógombokkal választ egyet.
- **Jelölőnégyzet**: ugyanaz, mint a választógombos, de jelölőnégyzetekkel, így több tétel is választható egyszerre.
- **Kiválasztás**: legördülő listából egyetlen tétel választható. Itt van egy **Helykitöltő** is, amely üres állapotban mutat útmutató szöveget (a HTML placeholder megfelelője).

![A Fizetési tétel mező választógombos típussal](./kepek/fizetesek-1-panel-tetel-valaszto.webp)

*A Fizetési tétel mező választógombos típussal* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=7)

A képen a **Fizetési tételek** lista látszik: egy sor a tétel nevével és az árral.

A választógombos, jelölőnégyzetes és legördülős típusnál a **Fizetési tételek** listát töltöd ki:

- A plusz ikonnal új tételt adsz hozzá, a mínusz ikonnal törölsz.
- A jobb felső sarokban a **Photo** jelölőnégyzettel termékképet is megadhatsz a tételekhez.
- A tétel melletti választógombbal vagy jelölőnégyzettel jelölöd meg az alapértelmezett tételt.
- A **Kijelölés törlése** gomb törli az alapértelmezett kijelöléseket.
- A sorokat húzással átrendezheted.

## Speciális beállítások

![A Speciális beállítások szakasz](./kepek/fizetesek-1-panel-tetel-specialis.webp)

*A Speciális beállítások szakasz* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=7)

A képen a **Speciális beállítások** kinyitva látszik.

| Beállítás | Mit csinál |
| --- | --- |
| Konténerosztály | Saját CSS-osztály a mező burkolójához. |
| Súgóüzenet | A kitöltőnek a mező mellett megjelenő magyarázó szöveg. |
| Névattribútum | A HTML `name` attribútum megfelelője, általában nem kell módosítani. |
| Elrendezés | A jelölhető tételek elrendezése. |
| Dinamikus alapértelmezett érték | Ha előre ki akarod tölteni a mezőt (lásd [dinamikus alapértékek](https://hub.hellowp.io/hu/plugins/fluentform-signature/logika-dinamikus-alapertek/)). |
| Feltételes logika | A mező a beküldött értékektől függően jelenik meg (lásd [feltételes logika](https://hub.hellowp.io/hu/plugins/fluentform-signature/logika-dinamikus-feltetelek/)). |

## Mi következik

A fizetés beszedéséhez tedd az űrlapba a [Payment Method mezőt](https://hub.hellowp.io/hu/plugins/fluentform-signature/fizetesek-fizetesi-mod-osszegzes/). Ismétlődő fizetéshez használd az [Előfizetés mezőt](https://hub.hellowp.io/hu/plugins/fluentform-signature/fizetesek-elofizetes/). Mentsd az űrlapot a **Save Form** gombbal, és illeszd be a rövidkódját az oldalra.