Regisztrációs űrlapkészítő: űrlapok tervezése

Published: 2026. július 16. · Last updated: 2026. július 21. · By Marcus Biel

A regisztrációs űrlapkészítő a Maildroppa összes regisztrációs űrlapjának és landing oldalának vizuális szerkesztője.

Segítségével elrendezéseket alakíthat ki, szöveget és képeket adhat hozzá, beállíthatja a feliratkozói mezőket, módosíthatja a színeket és betűtípusokat, címkéket rendelhet hozzá, valamint meghatározhatja, mi történjen az űrlap beküldése után. A vászon munka közben megjeleníti az eredményt, így egy teljes regisztrációs élmény kialakításához nincs szükség kód írására.

A Maildroppa ugyanazt a készítőt használja négy űrlaptípushoz:

• A Landing oldalak teljes, önálló oldalak, amelyeket közzétehet és egy hivatkozással megoszthat.
• A Beágyazott űrlapok közvetlenül a webhelye egyik oldalán helyezhetők el.
• A Felugró ablakok a webhelye fölött jelennek meg, és egy oldalelemről is megnyithatók.
• A Beúszó ablakok a böngészőablak kiválasztott szélén vagy pozíciójában jelennek meg.

Ez az útmutató az ezen űrlaptípusokban közös összes funkciót ismerteti. A hivatkozott útmutatók csak az egyes típusokra jellemző beállításokat és lépéseket mutatják be.

A regisztrációs űrlapkészítő megnyitása

Nyissa meg a „Regisztrációs űrlapok” menüpontot a Maildroppában. Ezután az „Űrlap létrehozása” lehetőségre kattintva új Landing oldalt, Beágyazott űrlapot, Felugró ablakot vagy Beúszó ablakot hozhat létre.

Egy meglévő űrlap szerkesztésének folytatásához kattintson a nevére, vagy válassza az „Űrlap szerkesztése” lehetőséget a Regisztrációs űrlapok áttekintése hárompontos műveleti menüjében.

Adjon az űrlapnak egyértelmű belső nevet. Az olyan nevek, mint „Kezdőlap hírlevele”, „Webinárium felugró ablaka” vagy „Nyári lead magnet”, később könnyebben felismerhetők, mint az olyan általános nevek, mint az „1. űrlap”. Az űrlap neve segít az űrlapok kezelésében a Maildroppában, és automatikusan nem jelenik meg a látogatók számára.

A készítő felépítése

A készítő négy fő területre oszlik.

A felső sáv tartalmazza az űrlap nevét és a fő műveleteket. Innen visszatérhet az áttekintéshez, megtekintheti az előnézetet, és elmentheti a munkáját. A Landing oldalak piszkozat- és közzétételi vezérlői szintén ebben a sávban jelennek meg.

A bal oldali oldalsáv a „Elrendezés”, „Tartalom” és „Rétegek” részeket tartalmazza. Segítségével létrehozhatja a struktúrát, új elemeket adhat hozzá, és kezelheti a vászonra már elhelyezett elemeket.

A vászon a központi munkaterület. Megjeleníti az aktuális oldalt vagy űrlapot. Kattintson egy elemre a kijelöléséhez. Az elemeket másik helyre is húzhatja, illetve új elemeket adhat hozzá a bal oldali oldalsávból.

A jobb oldali oldalsáv a „Beállítások” és az „Oldalbeállítások” részeket tartalmazza. A „Beállítások” a kijelölt elemet módosítja. Az „Oldalbeállítások” az általános hátteret és a terv alapértelmezéseit módosítja.

Kisebb képernyőkön az oldalsávok panelként nyílnak meg a „Tartalom” és a „Beállítások” gombokkal. Az elérhető funkciók változatlanok maradnak.

Kezdés sablonnal

Űrlap létrehozásakor a készítő kezdőterveket kínál a kiválasztott űrlaptípushoz. Kezdhet üres tervvel, használhatja a szabványos űrlapot, vagy választhat egy kész sablont.

A sablonok kiinduló elrendezést, színeket, tipográfiát és példa-tartalmat biztosítanak. Nem korlátozzák azt, hogy mit módosíthat később. A sablon kiválasztása után minden elem továbbra is szerkeszthető, áthelyezhető, sokszorosítható, újraformázható vagy eltávolítható.

Minden űrlaptípushoz a rendeltetésének megfelelő sablonok tartoznak. A Landing oldalak például teljes Hírlevél-, Lead magnet-, Webinárium- és Várólista-oldalterveket tartalmaznak. A Beágyazott űrlapok, a Felugró ablakok és a Beúszó ablakok saját, kompakt kezdőtervekkel rendelkeznek.

Ha nem biztos benne, melyik sablont válassza, jelölje ki azt, amelynek struktúrája a legközelebb áll a céljához. A szöveg, a színek és a képek módosítása általában gyorsabb, mint ugyanennek a struktúrának a felépítése üres vászonról.

Az elrendezés létrehozása

Új cellasor hozzáadásához nyissa meg az „Elrendezés” részt a bal oldali oldalsávban. Az elérhető elrendezések a következők:

• Egy cella
• Két, három vagy négy egyenlő cella
• Két cella 2:1 arányban
• Két cella 1:2 arányban

Kattintson egy elrendezésre, hogy hozzáadja azt az aktuális beszúrási pozícióhoz, vagy húzza a vászonra. Ezután tartalmat helyezhet az egyes cellákba.

Jelöljön ki egy dobozt vagy oszlopot a méretének, térközének, igazításának, hátterének, szegélyének és belső margójának módosításához a jobb oldali oldalsávban. Többoszlopos elrendezéseknél az oszlopok egymáshoz viszonyított szélességét is módosíthatja.

Használjon elrendezéseket az egyértelmű olvasási sorrend kialakításához. Egyetlen oszlop jól működik kompakt regisztrációs űrlapoknál. A kétoszlopos elrendezés akkor hasznos, ha egy képnek, előnyöket felsoroló listának vagy eseményinformációnak a regisztrációs űrlap mellett kell megjelennie.

Tartalom hozzáadása

Egyedi tartalomblokkok hozzáadásához nyissa meg a „Tartalom” részt a bal oldali oldalsávban. Egy blokkra kattintva beszúrhatja azt, vagy a vászon kívánt helyére húzhatja.

A készítő a következő tartalomblokkokat biztosítja:

Regisztrációs űrlap — A feliratkozói mezőket és a beküldési gombot tartalmazza. A tervnek tartalmaznia kell egy regisztrációs űrlapblokkot, mielőtt működő űrlapként menthető lenne. Miután a blokk jelen van, többé nem jelenik meg további tartalomblokként.

Szöveg — Címeket, bekezdéseket vagy más formázott szöveget ad hozzá.

Kép — URL-címről, feltöltésből vagy a Maildroppa médiatárából ad hozzá képet. Alternatív szöveget adhat meg, hivatkozást adhat hozzá, és szabályozhatja a méreteket, a képarányt, a vágást, a fókuszpontot, az elforgatást és a tükrözést.

Videó — YouTube- vagy Vimeo-videót, beágyazási URL-t vagy közvetlen videófájlt ad hozzá. Beállíthatja az előnézeti képet és a lejátszógomb megjelenését is.

Lista — Felsorolásos vagy számozott listát ad hozzá. Szerkesztheti a listaelemeket, valamint szabályozhatja a jelölő színét, a térközt, a tipográfiát és az igazítást.

Gomb — Hivatkozásgombot ad hozzá beállítható szöveggel, URL-címmel, mérettel, szélességgel, színekkel, szegéllyel, tipográfiával és igazítással.

Közösségi hivatkozások — Olyan szolgáltatásokhoz ad hozzá hivatkozott ikonokat, mint a Facebook, az Instagram, a LinkedIn, a TikTok, a YouTube vagy a webhelye.

Feliratkozószámláló — Megjeleníti a megerősített feliratkozók aktuális számát. Hozzáadhat eltolást, módosíthatja a címkét, és formázhatja a számot és a szöveget.

Térköz — Szabályozható üres helyet ad hozzá. Az asztali és mobil térköz külön állítható be.

Elválasztó — Vízszintes vonalat ad hozzá beállítható színnel, vastagsággal, szélességgel, stílussal, igazítással és térközzel.

A Landing oldalak teljes, újrafelhasználható szakaszokat is biztosítanak. Ezeket a Landing oldalakról szóló útmutató ismerteti.

Elemek kijelölése és elrendezése

Kattintson egy elemre a vásznon a kijelöléséhez. A beállításai megjelennek a jobb oldali oldalsávban.

A kijelölt elemen vagy annak közelében található vezérlőkkel áthelyezheti, sokszorosíthatja vagy törölheti az elemet. Az elemet másik cellába vagy pozícióba is húzhatja. Egy elhelyezési jelző mutatja, hová kerül majd az elem.

Nyissa meg a „Rétegek” részt, ha az oldal sok egymásba ágyazott dobozt, oszlopot és tartalomblokkot tartalmaz. A Rétegek panel a teljes struktúrát listaként jeleníti meg. Innen a következőket teheti:

• Elem kijelölése
• Átnevezése az egyszerűbb azonosítás érdekében
• Felfelé vagy lefelé mozgatása
• Áthúzása másik pozícióba
• Zárolása vagy feloldása
• Sokszorosítása
• Törlése

A zárolás akkor hasznos, ha egy kész hátteret, képet vagy szakaszt nem szeretne véletlenül áthelyezni. Oldja fel a réteg zárolását, amikor ismét szerkeszteni vagy áthelyezni szeretné.

A legutóbbi tervmódosítások vissza- vagy előreléptetéséhez használja a „Visszavonás” és „Újra” lehetőséget a készítő eszköztárában.

Szöveg szerkesztése

Kattintson egy szövegelem belsejébe a tartalom közvetlenül a vásznon történő szerkesztéséhez. A szövegeszköztár bekezdés- és címstílusokat, valamint gyakori formázási lehetőségeket biztosít.

A kijelölt szövegtől függően használhat félkövér, dőlt, aláhúzott és áthúzott formázást, alsó és felső indexet, igazítást, felsorolásos vagy számozott listákat, hivatkozásokat és emodzsikat. A kijelölt szöveg beállításaival a tipográfiát és a színeket is módosíthatja anélkül, hogy minden más szövegelemet megváltoztatna.

Használja az „Oldalbeállítások” alatti globális tipográfiai beállításokat, ha azt szeretné, hogy minden cím, törzsszöveg, hivatkozás vagy gomb egységes stílust kapjon. A kijelölt elem beállításait akkor használja, ha csak egy blokk megjelenését szeretné eltérővé tenni.

A regisztrációs űrlap beállítása

Jelölje ki a regisztrációs űrlapblokkot a vásznon a beállításainak megnyitásához. Az elérhető szakaszok a folyamatjelzőt, a feliratkozószámlálót, a mezőket, a rejtett címkéket, az űrlaptárolót, a beviteli mezőket és a beküldési gombot érintik.

Feliratkozói mezők

Az e-mail-cím a regisztrációs űrlap központi mezője. A Maildroppa-fiókjában létező feliratkozói mezőket is hozzáadhat.

Minden mezőnél módosíthatja a címkét és a helyőrzőszöveget, meghatározhatja, hogy kötelező legyen-e, és kiválaszthatja, hogy megjelenjen-e a mező címkéje. A mezők húzással vagy a mozgatási vezérlőkkel rendezhetők át.

Csak olyan információt kérjen, amelyre valóban szüksége van. A rövidebb űrlapokat gyorsabb kitölteni, míg a további mezők akkor hasznosak, ha az információt szegmentálásra vagy személyre szabásra használja.

Rejtett címkék

A rejtett címkék nem jelennek meg a látogatók számára. Amikor valaki az űrlapon keresztül iratkozik fel, a Maildroppa automatikusan hozzárendeli a kiválasztott címkéket az adott feliratkozóhoz.

Ez hasznos a feliratkozás forrásának vagy az érdeklődési körnek az azonosítására. Egy webináriumhoz készült űrlap például „Webinárium” címkét rendelhet hozzá, míg egy lead magnet űrlap a letöltött témához kapcsolódó címkét alkalmazhat.

Folyamatjelző

A folyamatjelző letiltható, illetve százalékos vagy kétlépéses jelzőként jeleníthető meg.

Százalékos jelző esetén módosíthatja a szöveget, a színeket, a betűméretet, a vastagságot és az igazítást. Kétlépéses jelzőnél mindkét lépés címkéit szerkesztheti, és kiválaszthatja az aktív és inaktív színeket.

A folyamatjelző segíthet megmagyarázni, hogy az űrlap beküldése az első lépés, a Double Opt-in e-mail megerősítése pedig a második.

Feliratkozószámláló az űrlapon belül

A regisztrációs űrlap a megerősített feliratkozók aktuális számát a beküldési gomb előtt vagy után is megjelenítheti.

Hozzáadhat eltolást, megadhat egy címkét, kiválaszthatja a pozíciót, és módosíthatja a tipográfiát és az igazítást. Az eltolás hozzáadódik a Maildroppa által megjelenített megerősített feliratkozói számhoz.

Ez az űrlapszámláló különbözik az önálló „Feliratkozószámláló” tartalomblokktól. Az űrlapbeállítást akkor használja, ha a számnak közvetlenül a beküldési területhez kell kapcsolódnia. A tartalomblokkot akkor használja, ha a számlálónak máshol kell megjelennie a tervben.

Az űrlap, a beviteli mezők és a gomb kialakítása

A „Regisztrációs űrlapblokk” beállításai a mezőket körülvevő tárolót szabályozzák, beleértve annak hátterét, szegélyét, sarokkerekítését és térközét.

A beviteli beállítások a mezők hátterét, címkéit, szövegét, helyőrzőit, szegélyeit és térközét szabályozzák. A beküldési gomb külön beállításokat kap a szövegéhez, tipográfiájához, színeihez, szegélyéhez, méreteihez és igazításához.

A folyamatjelzőre vagy a beküldési gombra közvetlenül a vásznon kattintva az adott rész beállításait azonnal megnyithatja.

Az általános megjelenés módosítása

Az általános terv módosításához nyissa meg az „Oldalbeállítások” részt a jobb oldali oldalsávban. Beágyazott űrlapok, Felugró ablakok és Beúszó ablakok esetében ezek a beállítások az űrlap vásznára, nem pedig egy teljes hosztolt oldalra vonatkoznak.

Beállíthatja a fő hátteret, a háttérképet, a maximális szélességet és a mobil térközt. A megjelenési beállítások a következő alapértelmezéseket határozzák meg:

• Törzsszöveg betűtípusa és színe
• Hivatkozások színe, aláhúzása és rámutatáskor megjelenő színe
• Címek betűtípusa, színe, vastagsága, mérete és sormagassága
• Gombok
• Dobozok, szegélyek, sarokkerekítések, hézagok és belső margók
• Mobiloldal belső margója és az a pont, ahol az oszlopok egymás alá rendeződnek

Ezek az alapértelmezések egységesen tartják a tervet. Az egyes blokkok szükség esetén továbbra is felülírhatják őket.

Regisztrációs folyamat összekapcsolása

Minden űrlap egy Regisztrációs folyamathoz kapcsolódik. A regisztrációs folyamat szabályozza a feliratkozó útját az űrlap beküldése után:

• Mit lát a látogató közvetlenül az űrlap beküldése után
• Melyik Double Opt-in e-mailt küldi el a rendszer
• Mi történik azután, hogy a feliratkozó megerősíti az e-mail-címét

Az aktuálisan hozzárendelt folyamat megtekintéséhez nyissa meg a készítő fejlécében található regisztrációsfolyamat-vezérlőt. Kiválaszthat egy másik meglévő folyamatot, szerkesztheti a kiválasztott folyamatot, vagy újat hozhat létre.

Egy regisztrációs folyamatot több űrlap is használhat. Ha egy megosztott folyamatot szerkeszt, a módosítás minden azt használó űrlapra hatással lesz. Ezért a Maildroppa lehetővé teszi annak kiválasztását, hogy a megosztott folyamatot szerkeszti-e, vagy külön másolatot hoz létre az aktuális űrlaphoz.

Előnézet és mentés

Kattintson az „Előnézet” lehetőségre a teljes terv és a regisztrációs élmény ellenőrzéséhez, mielőtt nyilvánossá tenné. Az előnézet hasznos a hosszú szövegek, a képarányok, a mezők sorrendje, a gombfeliratok és az űrlap általános egyensúlyának ellenőrzéséhez.

Beágyazott űrlapok, Felugró ablakok és Beúszó ablakok esetében kattintson a „Módosítások mentése” lehetőségre, amikor el szeretné menteni az aktuális verziót.

A Landing oldalak a felső sávban található piszkozat- és közzétételi vezérlőket használják. Közzététel nélkül is elmenthetők, és egy már közzétett oldal módosításai mindaddig nem jelennek meg nyilvánosan, amíg közzé nem teszi őket. A teljes munkafolyamatot a Landing oldal létrehozása és közzététele ismerteti.

Mentés után térjen vissza a Regisztrációs űrlapok áttekintéséhez, ahol aktiválhatja és beágyazhatja a webhelyűrlapot, illetve kezelheti a közzétett Landing oldalt.

Folytatás az űrlaptípussal

A közös tervezési munka ezzel elkészült. Folytassa a létrehozott űrlapnak megfelelő útmutatóval:

• Landing oldal létrehozása és közzététele
• Beágyazott űrlap létrehozása és beágyazása
• Felugró ablak beállítása és megjelenítése
• Beúszó ablak beállítása és pozicionálása