# Custom Submit Button

> Az alapértelmezett beküldő gomb lecserélése saját, szabadon elhelyezhető és formázható gombra.

A **Custom Submit Button** (**Speciális mezők** csoport) az űrlap alapértelmezett beküldő gombját váltja le egy olyan gombbal, amelynek a helyét, kinézetét és megjelenési feltételeit (feltételes logikával) te szabályozod. Például a gomb csak akkor jelenik meg, ha a kitöltő egy bizonyos választ adott.

1. Nyisd meg az űrlapot a szerkesztőben (**Fluent Forms Pro → Űrlapok**, majd az űrlap melletti szerkesztés).
2. A **Beviteli mezők** fül **Speciális mezők** csoportjából kattintással vagy húzással vedd fel a **Custom Submit Button** mezőt.
3. A ceruza ikonnal nyisd meg a beállításait a **Beviteli mezők testreszabása** fülön.

![A Custom Submit Button beállításai](./kepek/mezok-3-kuldes-alap.webp)

*A Custom Submit Button beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&form_id=4&route=editor)

A képen a gomb stílusbeállításai láthatók a **Normál állapot** fülön.

| Beállítás | Mit csinál |
| --- | --- |
| **Gomb szövege** (választó) | **Alapértelmezett**: szöveges gomb. **Image**: képes gomb, a kép URL-jét kell megadni. |
| **Gomb szövege** (mező) | A gombon látszó felirat. Alapból: **Submit**. |
| **Gomb stílusa** | A gomb színeinek és méretének testreszabása (alapból **Custom**). |
| **Háttérszín** | A gomb háttere. Válassz az oldal arculatához illő színt. |
| **Szöveg színe** | A felirat színe, az olvashatóság miatt fontos. |
| **Szegélyszín** | A gomb keretének színe. |
| **Keret sarkainak lekerekítési sugara (px)** | Lekerekített gombhoz: a sarok sugara pixelben. |
| **Min. szélesség** | A gomb legkisebb szélessége, pixelben vagy százalékban (alapból 100%). |
| **Gomb mérete** | **Kicsi**, **Közepes** (alapérték) vagy **Nagy**. |
| **Tartalom illesztése** | A gomb tartalmának igazítása: **Bal**, **Középre** vagy **Jobb**. |

Ugyanezeket a stílusbeállításokat az egér fölé vitt gombra a **Rámutatási állapot** fülön külön is megadhatod.

A **Speciális beállítások** között a **Konténerosztály**, az **Elem osztálya** és a **Feltételes logika** található.

A beállítások után kattints a **Save Form** gombra. Az űrlap shortcode-ját a jobb felső sarokból másolhatod ki, és illesztheted be az oldalra vagy a bejegyzésbe. Az **Előnézet és tervezés** gombbal megnézheted a gombot.