# Új mezőtípusok és mezőbeállítások: leírás, hossz, tükör, ország, értékelés, Google-cím

> Mezőleírás, karakterszám-korlát, tükörmező, országválasztó, értékelés, Google-címkiegészítés, WYSIWYG, törlés gomb és azonnali küldés az Elementor Pro űrlapban.

A bővítmény több új mezőtípust és mezőbeállítást ad az Elementor Pro **Űrlap** widgetjéhez. A mezőtípust az **Űrlapmezők** listában a mező **Típus** választójában állítod be, a plusz beállítások a mező negyedik, a bővítmény jelével ellátott lapján vannak.

![Az űrlap vendégként: leírás, tükörmező, országválasztó, értékelés, WYSIWYG szerkesztő és törlés gomb](./kepek/elementor-pro-form-mezok-elolnezet.webp)

*Az űrlap vendégként: leírás, tükörmező, országválasztó, értékelés, WYSIWYG szerkesztő és törlés gomb* (https://minta-bolt.hu/urlap-mezok-4-demo/)

A képen az új mezők a látogató szemével látszanak. A **Cím** mező üresnek tűnik, mert a Google-címkiegészítéshez Google API-kulcs kell.

## Mező leírása

Bármelyik mezőhöz adhatsz leírást. A mező kiegészítő lapján a **Leírás** választóval állíthatod be, hova kerüljön:

- **Nincs leírás:** a mezőnek nincs leírása.
- **Címkén:** a leírás a mező címkéje mellett jelenik meg. Itt bekapcsolhatod a **Megjelenítés eszköztippként** kapcsolót, és az **Eszköztipp pozíciója** választóval megadhatod, merre nyíljon az eszköztipp (fent, balra, lent, jobbra).
- **Beviteli mező alatt:** a leírás a mező alatt látszik.

A **Leírás HTML** mezőbe írod a szöveget.

![A Név mező kiegészítő lapja: leírás eszköztippként, karakterszám-korlát és regex](./kepek/elementor-pro-form-mezoleiras.webp)

*A Név mező kiegészítő lapja: leírás eszköztippként, karakterszám-korlát és regex* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

A képen a **Név** mező leírása eszköztippként jelenik meg (a címke mellett kérdőjeles ikon). Az **E-mail** mezőnél a leírás a mező alatt látszik, ez az előnézeti képen is látható.

A leírás megjelenését az **Űrlap** widget **Stílus** lapján, a **Mező leírása** szekcióban állíthatod.

## Mező hossza

A szöveges mezőknél a kiegészítő lapon két szám korlátozza a beírható szöveg hosszát:

| Beállítás | Mit csinál |
|---|---|
| **Maximális karakterszám** | Ennél hosszabb szöveget nem lehet beírni. Például egy üzenet ne lépje át a 400 karaktert. |
| **Minimális karakterszám** | Ennél rövidebb szöveggel nem lehet elküldeni az űrlapot. Például legalább 100 karakteres üzenetet kérhetsz. |

A képen a **Név** mezőnél a maximum 40, a minimum 3.

## Tükörmező

A **Tükör** típusú mező egy másik mező értékét másolja át valós időben.

1. Vegyél fel egy mezőt, a **Típus** legyen **Mirror**.
2. A **Forrásmező** mezőbe írd a tükrözendő mező azonosítóját.
3. Alapból a tükörmező akkor frissül, amikor a forrásmező elveszíti a fókuszt. Ha a **Frissítés minden billentyűleütéskor** kapcsolót bekapcsolod, a tükörmező minden leütésnél frissül.

![A Tükörmező beállításai: forrásmező, mező elrejtése, módosítható, frissítés minden billentyűleütéskor](./kepek/elementor-pro-form-tukormezo.webp)

*A Tükörmező beállításai: forrásmező, mező elrejtése, módosítható, frissítés minden billentyűleütéskor* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Forrásmező** | A tükrözött mező azonosítója. | |
| **Mező elrejtése** | Elrejti a tükörmezőt. | Nem |
| **Módosítható** | Engedi, hogy a látogató átírja a tükörmezőt. Amint átírja, az automatikus tükrözés megáll. | Nem |
| **Frissítés minden billentyűleütéskor** | Nem várja meg a fókusz elvesztését, minden leütésnél frissít. | Igen |

Alapból a tükörmező csak olvasható, hogy az érték ne csússzon el a forrástól.

A tükörmező nem működik a **POST** és **GET** módszerrel, csak az alapértelmezett **AJAX** küldéssel (lásd: [Módszer](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/elementor-pro-form-uj-muveletek/)).

## Országválasztó

Az **Ország** típusú mező országlistát ad legördülő menüben, kereséssel és többszörös választással.

![Az Ország mező beállításai](./kepek/elementor-pro-form-orszag-mezo.webp)

*Az Ország mező beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Alapértelmezett ország** | Az űrlap betöltésekor előre kiválasztott ország. | Nincs |
| **Helykitöltő** | A választás előtt látszó szöveg. | Válassz ki egy országot |
| **Országok tiltólistája** | A listából kizárandó országok. | |
| **Területek kizárása** | Kihagyja a nem országként nyilvántartott területeket, például az Antarktiszt vagy a Bouvet-szigetet. | Nem |
| **Országok rögzítése** | A kiválasztott országok a lista tetején jelennek meg, így gyorsan elérhetők. | |
| **Többszörös kijelölés** | A látogató több országot is választhat. | Nem |
| **Select2 használata** | Bekapcsolja a Select2-t: kereshető, szebb lista. | Nem |

## Értékelés

Az **Értékelés** típusú mező ikonokból álló értékelést ad: a látogató a kívánt ikonra kattint.

![Az Értékelés mező beállításai](./kepek/elementor-pro-form-ertekeles-mezo.webp)

*Az Értékelés mező beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Ikonok maximális száma** | Hány ikon jelenik meg. | 5 |
| **Kiürítés engedélyezése** | A kijelölt ikonra újra kattintva törölhető az értékelés. | Nem |
| **Félértékű kijelölés** | Félikonos értékelés is lehetséges (például 2,5 vagy 4,5). A beküldött érték tizedest is tartalmazhat. | Nem |
| **Értékelési ikon** | Az értékeléshez használt ikon. Ajánlott: csillag, szív, felfelé mutató hüvelykujj, láng, drágakő. | Csillag |

A kinézetet az **Űrlap** widget **Stílus** lapján, az **Értékelés** szekcióban állíthatod: ikonméret, ikonok közti távolság, ikon színe (üres ikon), aktív ikon színe és igazítás (balra, középre, jobbra).

## Google-címkiegészítés

A **Google Address Autocomplete** típusú mező gépelés közben címjavaslatokat ad a Google Places szolgáltatásból. Működéséhez Google API-kulcs kell. Ha a látogató kiválaszt egy címet, más mezők automatikusan kitöltődhetnek a cím részeivel (utca, város, irányítószám).

![A Cím mező beállításai](./kepek/elementor-pro-form-google-cim-mezo.webp)

*A Cím mező beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Ország korlátozása** | Egy vagy több ország, amelyre a javaslatok szűkülnek. Üresen világszerte keres. | |
| **Helykitöltő** | A mezőben a gépelés előtt látszó szöveg. | Keress egy helyszínt… |
| **Színséma** | A lenyíló lista kinézete: **Világos**, **Sötét** vagy **Automatikus** (a rendszer beállítását követi). | Világos |

A stílusbeállítások korlátozottak, mert a mező a Google hivatalos komponensét használja.

### Más mezők automatikus kitöltése

A **Szöveg**, **Szövegterület** és **Rejtett** mezők kitölthetők a kiválasztott címből. Ezt a mező kiegészítő lapján állítod be:

![A Város mező kiegészítő lapja bekapcsolt automatikus kitöltéssel](./kepek/elementor-pro-form-google-cim-kitoltes.webp)

*A Város mező kiegészítő lapja bekapcsolt automatikus kitöltéssel* (https://minta-bolt.hu/wp-admin/post.php?post=68&action=elementor)

| Beállítás | Mit csinál |
|---|---|
| **Automatikus kitöltés a Google automatikus kiegészítésével** | Bekapcsolja a kitöltést. |
| **Kitöltés ezzel** | Mely címösszetevők kerüljenek a mezőbe: utca, házszám, irányítószám, város, megye, régió, ország. Több összetevő is választható, ezeket a mező egymás után fűzi. |
| **Elválasztó** | A több összetevő közé kerülő karakter(ek). Alapértelmezett: vessző és szóköz. |
| **Forrásmező** | **Automatikus (az első megtalált)**: az űrlap első Google-címkiegészítő mezőjét használja. Vagy azonosító szerint kiválasztható egy konkrét mező. |
| **Forrásmező azonosítója** | A kiválasztott Google-címkiegészítő mező azonosítója, ha azonosító szerint választasz. |

## WYSIWYG szerkesztő

A **WYSIWYG** típusú mező formázó szerkesztőt ad a szövegmezőhöz, így a látogató formázhatja az üzenetét (félkövér, dőlt, listák, idézet, igazítás, link). A **Sorok** beállítással megadhatod a szerkesztő magasságát sorokban (alapérték: 4).

![A WYSIWYG mező beállításai](./kepek/elementor-pro-form-wysiwyg-mezo.webp)

*A WYSIWYG mező beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

## Törlés gomb

A **Típus** listában az **Alaphelyzetbe állítás** típus (a gyártónál Reset) egy gombot ad az űrlaphoz, amely minden mezőt az alapértékére állít vissza. A **Címke** a gomb melletti mezőcímke. Ha a gomb szövegét át akarod írni, kapcsold be az **Alapértelmezett címke felülbírálása** kapcsolót.

![A törlés gomb beállításai](./kepek/elementor-pro-form-torles-gomb.webp)

*A törlés gomb beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

A gomb kinézetét az **Űrlap** widget **Stílus** lapján lehet állítani: háttérszín, szövegszín, tipográfia, szegély, lekerekítés, belső margó és az egérrel fölé mozgatott állapot színei.

## Küldés változáskor

A **Választó** és **Rádiógomb** típusú mezők kiegészítő lapján a **Küldés változáskor** kapcsoló az űrlapot azonnal elküldi, amint a látogató másik értéket választ, külön küldés gomb nélkül.

![A Téma választó kiegészítő lapja a Küldés változáskor kapcsolóval](./kepek/elementor-pro-form-kuldes-valtozaskor.webp)

*A Téma választó kiegészítő lapja a Küldés változáskor kapcsolóval* (https://minta-bolt.hu/wp-admin/post.php?post=67&action=elementor)

Tipikus felhasználás:

- A látogatót a választott érték alapján másik oldalra irányítod, a küldés gomb megnyomása nélkül (lásd: [Dinamikus átirányítás](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/elementor-pro-form-dinamikus-atiranyitas/)).
- Az oldal más elemeit mutatod vagy rejted a választott érték szerint.