## Hogyan hozz létre új adatmezőket az űrlapvarázslóban lépésről-lépésre? Ez az útmutató végigvezet az adatmezők létrehozásán és beállításain – mind az új, mind a régi űrlapvarázslóban. #### Új űrlapvarázsló Az új varázslóban az adatmezők hozzáadása és beállítása **a + gombbal és a bal oldali Properties / Tartalom panelen** keresztül történik. A régi "Tartalom fül" és "Adatmező hozzáadása/elvétele" gomb itt nem jelenik meg. ***Fontos újdonság**: Az új varázslóban az űrlapon szereplő adatmezők **függetlenek** a ListaMester csoport adatmezőitől. Mentés előtt össze kell kötni őket – erről a Hozzárendelés szekcióban olvashatsz.* ### **Adatmező hozzáadása** **1. Kattints a + gombra az előnézeten** Az előnézeten, ott ahol az új mezőt el szeretnéd helyezni, kattints a **+** gombra. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/5_2.png)**2. Megjelenik az új adatmező** A rendszer alapértelmezetten szöveges mezőt illeszt be. A bal oldali panelen a Mező stílusok fülre ugrik automatikusan az űrlapvarázsló, itt módosíthatod az adatmező típusát és minden beállítását (címke, helykitöltő, kötelező kiválasztás, maximális hossz, funkció, stb.) ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/6_0.png)**3. Állítsd be a mező típusát** A bal oldali panelen válaszd ki a kívánt típust az adatmező típusa legördülő menüből. Az elérhető típusokról részletesen a[ következő útmutatóban](https://www.listamester.hu/utmutato-listamesterhez/urlapok/milyen-tipusu-adatmezoket-tudsz-letrehozni) is olvashatsz. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/7_0.png)**4. Add meg a címke nevét, ami az űrlapon is látszódni fog** Ez lesz az a szöveg, ami közvetlenül az adatmező felett megjelenik. (Itt a példánkban ez az életkor) ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/8_0.png)**5. Add meg a helykitöltő szöveget** Ez az a szöveg, amely a mező belsejében megjelenik kitöltés előtt (pl. "Ide írd meg hány éves vagy"). Ez segíti a felhasználót a kitöltésben. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/9.png)**6. Állítsd be, kötelező-e a mező** Ha azt szeretnéd, hogy a mező kitöltése nélkül ne lehessen beküldeni az űrlapot, pipáld be a **Kötelező** opciót. A maximális hossz azt jelenti, hogy maximum ennyi karaktert tud befogadni az adatmező. A funkció (eCommerce) opciót csak [megrendelési űrlapoknál](https://www.listamester.hu/utmutato-listamesterhez/urlapok/megrendelo-urlaphoz-szukseges-specialis-adatmezok) fogjuk állítani. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/10-1.png)### **Adatmező törlése** A törölni kívánt adatmezőre kattintva megjelenik a törlés lehetősége (kis kuka ikon). Ha biztos vagy benne, kattints az OK gombra. ### **Adatmezők sorrendjének módosítása** Az adatmezőket az előnézeten fogd-és-vidd módszerrel rendezheted át. Húzd az egered az adatmezőre és látni fogod jobb oldalt a pöttyöket, ami segít mozgatni a mezőt. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/11_1.png)### **Hozzárendelés – az adatmező összekapcsolása a csoporttal** Az új varázslóban az űrlap adatmezői **nem kerülnek automatikusan be a csoport adatmezői közé** – ezt manuálisan kell megtenned mentés előtt. **1. Kattints a Mentés gombra** Ha van össze nem kötött mező, a rendszer figyelmeztetést jelenít meg. Kattints az Igen gombra. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/12.png) A rendszer kiírja, hogy mentés kész - itt csak kattints az OK gomba: ![ListaMester - Útmutató - Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/urlap_mentes.png)**2. Kapcsolj a Hozzárendelői nézetre** A szerkesztő tetején kattints a **hozzárendelés ikonra**: ez átváltja a nézetet. ![Űrlapok - Űrlapvarázsló](/sites/default/files/inline-images/13_0.png)**3. Kösd össze a mezőket** - Bal oldalt az **űrlap mezői** láthatók. - Jobb oldalt a **csoport adatmezői** láthatók (a név és az email alapértelmezett adatmezők, azok mindig ott lesznek a csoportmezők között. A többi adatmezőt el kell készíteni.) - Bal oldalt kattints az új adatmezőre - kékkel körbekeretezi a rendszer, ekkor lesz csak kék, aktív a jobb oldali "Új adatmező létrehozása a csoporton" gomb. Kattints rá erre a gombra. Létrejön az új adatmező a csoporton és a nyilat is látod, ami automatikusan összekapcsolja őket. A megjelenő nyilak automatikusan javaslatot tesznek a hozzárendelésre. ![ListaMester - Útmutató - Űrlap - Összekapcsolás](/sites/default/files/inline-images/urlap_osszekapcsolas.png) ![ListaMester - Útmutató - Űrlap - Összekapcsolás2](/sites/default/files/inline-images/urlap_osszekapcsolas2.png) **4. Publikálás** A hozzárendelés elvégzése után mentsd el az űrlapot, majd kattints a **Publikálás** gombra – csak így kerül élesbe. ![ListaMester - Útmutató - űrlap - Publikálás](/sites/default/files/inline-images/urlap_mentes_publikalas.png) Publikálás után megkapod az űrlap linkjét, ami egy szabályos html link, bárhol használható, illetve az űrlap kódját a beillesztéshez. Részletes segítség a beillesztéshez, [Wordpress oldalba itt található](https://www.listamester.hu/utmutato-listamesterhez/urlapok/feliratkozasi-urlap-beillesztese-wordpress-honlapba), [NEM Wordpress oldalba itt található](https://www.listamester.hu/utmutato-listamesterhez/urlapok/feliratkozasi-urlap-beillesztese-nem-wordpress-honlapba). ![ListaMester - Útmutatók - Űrlapok - Űrlapvarázsló - Publikálás](/sites/default/files/inline-images/urlap_publikalas.png)#### Korábbi űrlapvarázsló Az űrlapvarázsló segítségével könnyen tudsz egyedi űrlapokat létrehozni. Az űrlap címét, alcímét, a gomb feliratát, és a lábjegyzetet is a bal oldalon a **Tartalom** fül lenyitásánál a **Teljes Űrlap** alatt tudod módosítani. Ha nincs szükséged egyes elemekre, akkor vedd ki a pipát az adott résznél, így az űrlapodon nem fog megjelenni. ![Űrlapok - Űrlapvarázsló - Cím/alcím módosítása](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-0.png) Új űrlapmező létrehozásához nyisd le a **Tartalom** fület, majd kattints az **Adatmező hozzáadása/elvétele** gombra! ![Űrlapok - Űrlapvarázsló - Adatmezők létrehozása 1.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-1_0.png) A **Beviteli mezők** **szerkesztése** felugró ablakban válaszd ki a mező típusát, majd kattints az **Új hozzáadása** gombra! (A példában a legördülő választót jelöltük ki, mivel a feliratkozó legmagasabb végzettségére leszünk kíváncsiak.) ![Űrlapok - Űrlapvarázsló - Adatmezők létrehozása 2.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-2_3.png)Ha megjelent az új mező a listában, akkor kattints az **OK** gombra! ![Űrlapok - Űrlapvarázsló - Adatmezők létrehozása 3.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-3_1.png)A bal oldalon a **Tartalom** fület megnyitva a **3. űrlapmező** fül lenyitásával tudod átnevezni, kötelező válaszadásként megjelölni, illetve a válaszokat szerkeszteni az adatmezőben. A válaszok megadásához kattints a **Válaszok szerkesztése** gombra! ![Űrlapok - Űrlapvarázsló - Adatmezők válaszainak szerkesztése 1.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-4_1.png)A **Válaszok szerkesztése** ablakban új válasz hozzáadásához kattintsunk az **Új hozzáadása** gombra! ![Űrlapok - Űrlapvarázsló - Adatmezők válaszainak szerkesztése 2.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-5_1.png)Írd be a válaszlehetőségeket! A **Felszólítás választásra** lehetőség bekapcsolásával a legördülő választóban nem az első lehetőség fog látszani, hanem az itt beírt rövid szöveg. A **nyilak** segítségével mozgathatjuk a válaszokat, illetve a **megjelenítés** kikapcsolásával el is tüntethetjük az adott választ. Ha elkészültél kattints az **OK** gombra! ![Űrlapok - Űrlapvarázsló - Adatmezők válaszainak szerkesztése 3.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-6_2.png)A jobb oldalon meg is jelent a létrehozott mező. ![Űrlapok - Űrlapvarázsló - Az elkészült adatmező](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-8_1.png)A teszt feliratkozó űrlapunkat több adatmezővel is kibővítettük: - **Születési idő** - Dátum típusú adatmező - **Lakcím** - Megjegyzés, leírás - **Ország** - Legördülő választó, ehhez az elérhető válaszlehetőségek közül az **Országokat** választottuk ki ![Űrlapok - Űrlapvarázsló - Adatmezők létrehozása - Ország kiválasztása](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-9_0.png)![Űrlapok - Űrlapvarázsló - Adatmezők létrehozása - Ország kiválasztása 2.](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-10_0.png)- **Város, Utca, házszám** - Szöveg - **A felhasználási feltételeket elfogadom** - Feltételek elfogadása - A GDPR checkboxokról bővebben [ITT](https://www.listamester.hu/utmutato-listamesterhez/urlapok/gdpr-checkboxok-letrehozasa-es-alkalmazasa "A GDPR checkboxok létrehozása és alkalmazása") írtunk. A megszerkesztett teszt űrlapunk egy kevés formázással: ![Űrlapok - Űrlapvarázsló -Teszt űrlap ](/sites/default/files/inline-images/Urlapvarazslo-adatmezok-11_1.png)