# Fizetési űrlap készítése

> A fizetési modul bekapcsolása, a fizetési mezők felvétele, a fizetési módok kiválasztása és az űrlap kitétele.

A fizetési űrlap egy közönséges űrlap, amelybe fizetési mezőket teszel. Ez a fejezet az egész folyamatot végigvezeti, a mezők részleteit a következő fejezetek tartalmazzák.

## 1. A fizetési modul bekapcsolása

A fizetési mezők csak akkor jelennek meg a szerkesztőben, ha a modul be van kapcsolva.

Ha a modul még ki van kapcsolva, a **Fizetési beállítások** oldalon csak a **Fizetési modul bekapcsolása** gomb látszik. Kattints rá, ezután jelennek meg a beállítások.

![A Fizetési beállítások oldal a modul bekapcsolása előtt](./kepek/fizetes-1-modul.webp)

*A Fizetési beállítások oldal a modul bekapcsolása előtt* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a kikapcsolt modul bekapcsoló gombja látható.

1. Nyisd meg a **Globális beállítások** oldalt a Fluent Forms menüjében.
2. A bal oldali sávban nyisd le a **Fizetési beállítások** pontot, és válaszd a **Settings** almenüt.
3. Az **Általános** fülön jelöld be a **Fizetési modul bekapcsolása** jelölőnégyzetet.
4. Kattints a **Beállítások mentése** gombra.

![A fizetési beállítások Általános füle bekapcsolt modullal](./kepek/fizetes-1-beallitasok-altalanos.webp)

*A fizetési beállítások Általános füle bekapcsolt modullal* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms_settings)

A képen a modul jelölőnégyzete be van jelölve, alatta a vállalkozás adatai és a hibakeresési napló kapcsolója látszik.

## 2. A fizetési módok bekapcsolása

A fizetési mód mezőben csak azok a szolgáltatók választhatók, amelyeket előzőleg bekapcsoltál.

1. A **Fizetési beállítások** alatt válaszd a **Payment Methods** almenüt.
2. Kattints a kívánt szolgáltató fülére (például **Stripe**).
3. Jelöld be a szolgáltató bekapcsoló jelölőnégyzetét, és mentsd a beállítást.

A bekapcsolt mód ezután minden űrlap fizetési mód mezőjében elérhető. A szolgáltatók saját adatait (kulcsok, fiókkapcsolat) a szolgáltató oldalán kell megadni; amíg ezt nem állítod be, a kiválasztott mód nem fog működni.

## 3. Mezők felvétele az űrlapba

1. Nyisd meg az űrlap szerkesztőjét az **Űrlapok** listában a ceruza ikonnal.
2. A jobb oldali **Beviteli mezők** fülön nyisd le a **Fizetési mezők** csoportot.
3. Kattints a mezőkre, vagy húzd őket az űrlapba. Legalább egy fizetendő összeget adó mezőre (**Fizetési tétel**, **Egyedi fizetési összeg** vagy **Előfizetés**) és egy fizetési mód mezőre van szükség.

![A fizetési mezők az űrlap szerkesztőjében](./kepek/fizetes-1-szerkeszto-mezok.webp)

*A fizetési mezők az űrlap szerkesztőjében* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=editor&form_id=7)

A vásznon a hozzáadott mezők láthatók, jobbra a **Fizetési mezők** csoport elérhető elemeivel.

A csoport mezői:

- **Fizetési tétel**: fix áras termék vagy szolgáltatás.
- **Előfizetés**: ismétlődő fizetés.
- **Egyedi fizetési összeg**: a vásárló által megadott összeg.
- **Tétel mennyisége**: darabszám egy fizetési tételhez.
- **Payment Method** (fizetési mód): a fizetési szolgáltató kiválasztása.
- **Fizetési összegzés**: az összeg bontása a vásárlónak.
- **Kupon**: kuponkód beváltása.

Egy mező testreszabásához vidd fölé az egeret, és kattints a ceruza ikonra, ekkor a jobb oldalon a **Beviteli mezők testreszabása** fül nyílik meg. A fizetési mód mezőben bejelölheted, mely szolgáltatók jelenjenek meg az űrlapon.

Érdemes az űrlap elejére egy Név és egy E-mail mezőt is tenni, hogy a fizetéshez tartozzon vásárlói adat (lásd a [fizetési beállításokat](https://hub.hellowp.io/hu/plugins/fluentformpro/fizetes-beallitasok/)).

## 4. Mentés és kitétel

1. Kattints a **Save Form** gombra.
2. Az **Előnézet és tervezés** gombbal megnézheted az űrlapot.
3. A szerkesztő jobb felső részén lévő rövidkódot (például `[fluentform id="7"]`) másold be egy oldalra vagy bejegyzésbe, majd mentsd az oldalt.

## Fizetési beállítások testreszabása

A pénznem, a vállalkozás adatai és más fizetési beállítások az egész webhelyre és űrlaponként is megadhatók. Részletek: [Fizetési beállítások](https://hub.hellowp.io/hu/plugins/fluentformpro/fizetes-beallitasok/).