Graditelj prijavnih obrazcev: oblikujte obrazce

Published: 16. julij 2026 · Last updated: 21. julij 2026 · By Marcus Biel

Graditelj prijavnih obrazcev je vizualni urejevalnik za vse prijavne obrazce in pristajalne strani Maildroppa.

Uporabite ga lahko za razporejanje postavitev, dodajanje besedila in slik, nastavitev polj naročnikov, spreminjanje barv in pisav, dodeljevanje oznak ter določanje, kaj se zgodi po oddaji obrazca. Platno med delom prikazuje rezultat, zato za oblikovanje celotne prijavne izkušnje ne potrebujete kode.

Maildroppa uporablja isti graditelj za štiri vrste obrazcev:

• Pristajalne strani so popolne samostojne strani, ki jih objavite in delite s povezavo.
• Vdelani obrazci so nameščeni neposredno na strani vašega spletnega mesta.
• Pojavna okna se prikažejo nad vašim spletnim mestom in jih je mogoče odpreti tudi iz elementa na strani.
• Drseči elementi se prikažejo ob izbranem robu ali na izbranem položaju okna brskalnika.

Ta vodnik pojasnjuje vse funkcije, ki so skupne tem vrstam obrazcev. Povezani vodniki pojasnjujejo le nastavitve in korake, značilne za posamezno vrsto.

Odpiranje graditelja prijavnih obrazcev

V Maildroppi odprite »Signup Forms«. Nato lahko kliknete »Create Form« in ustvarite novo pristajalno stran, vdelani obrazec, pojavno okno ali drseči element.

Če želite nadaljevati delo z obstoječim obrazcem, kliknite njegovo ime ali izberite »Edit Form« v meniju dejanj s tremi pikami v pregledu prijavnih obrazcev.

Obrazcu določite jasno interno ime. Imena, kot so »Domača stran – novice«, »Pojavno okno za spletni seminar« ali »Poletna vsebina za pridobivanje potencialnih strank«, boste pozneje lažje prepoznali kot splošna imena, na primer »Obrazec 1«. Ime obrazca vam pomaga upravljati obrazec v Maildroppi in obiskovalcem ni samodejno prikazano.

Razumevanje graditelja

Graditelj je razdeljen na štiri glavna območja.

Zgornja vrstica vsebuje ime obrazca in glavna dejanja. Tukaj se lahko vrnete na pregled, si ogledate predogled dela in ga shranite. Pristajalne strani v tej vrstici prikazujejo tudi kontrolnike za osnutek in objavo.

Leva stranska vrstica vsebuje »Layout«, »Content« in »Layers«. Z njo ustvarjate strukturo, dodajate nove elemente in upravljate vse, kar je že nameščeno na platnu.

Platno je osrednje delovno območje. Prikazuje trenutno stran ali obrazec. Kliknite element, da ga izberete. Elemente lahko tudi povlečete na drugo mesto ali dodate nove elemente iz leve stranske vrstice.

Desna stranska vrstica vsebuje »Settings« in »Page settings«. »Settings« spreminja izbrani element. »Page settings« spreminja celotno ozadje in privzete oblikovne nastavitve.

Na manjših zaslonih se stranski vrstici odpreta kot plošči z gumboma »Content« in »Settings«. Razpoložljive funkcije ostanejo enake.

Začetek s predlogo

Ko ustvarite obrazec, graditelj ponudi začetne zasnove za izbrano vrsto obrazca. Začnete lahko s prazno zasnovo, uporabite standardni obrazec ali izberete že pripravljeno predlogo.

Predloge ponujajo začetno postavitev, barve, tipografijo in vzorčno vsebino. Ne omejujejo tega, kar lahko pozneje spremenite. Po izbiri predloge je še vedno mogoče urediti, premakniti, podvojiti, preoblikovati ali odstraniti vsak element.

Vsaka vrsta obrazca ima predloge, prilagojene svojemu namenu. Pristajalne strani na primer vključujejo celotne zasnove strani za novice, vsebine za pridobivanje potencialnih strank, spletne seminarje in čakalne sezname. Vdelani obrazci, pojavna okna in drseči elementi imajo lastne kompaktne začetne zasnove.

Če niste prepričani, katero predlogo izbrati, izberite tisto, katere struktura je najbližja vašemu cilju. Spreminjanje besedila, barv in slik je običajno hitrejše kot izdelava enake strukture na praznem platnu.

Ustvarjanje postavitve

V levi stranski vrstici odprite »Layout«, da dodate novo vrstico celic. Razpoložljive postavitve vključujejo:

• Ena celica
• Dve, tri ali štiri enake celice
• Dve celici z razmerjem 2:1
• Dve celici z razmerjem 1:2

Kliknite postavitev, da jo dodate na trenutni položaj vstavljanja, ali jo povlecite na platno. Nato lahko v vsako celico namestite vsebino.

Izberite polje ali stolpec, da v desni stranski vrstici prilagodite njegovo velikost, razmike, poravnavo, ozadje, obrobo in notranji odmik. Pri večstolpčnih postavitvah lahko spremenite tudi relativne širine stolpcev.

Postavitve uporabite za ustvarjanje jasnega vrstnega reda branja. En stolpec je primeren za kompaktne prijavne obrazce. Dvostolpčna postavitev je uporabna, ko naj se ob prijavnem obrazcu prikažejo slika, seznam prednosti ali informacije o dogodku.

Dodajanje vsebine

V levi stranski vrstici odprite »Content«, da dodate posamezne vsebinske bloke. Kliknete lahko blok, da ga vstavite, ali ga povlečete na želeni položaj na platnu.

Graditelj ponuja naslednje vsebinske bloke:

Signup form — Vsebuje polja naročnikov in gumb za oddajo. Zasnovo je mogoče shraniti kot delujoč obrazec šele, ko vsebuje en blok prijavnega obrazca. Ko je blok prisoten, ni več na voljo kot dodaten vsebinski blok.

Text — Doda naslove, odstavke ali drugo oblikovano besedilo.

Image — Doda sliko iz URL-ja, naloženo sliko ali sliko iz predstavnostne knjižnice Maildroppa. Dodate lahko nadomestno besedilo in povezavo ter nadzorujete mere, razmerje stranic, obrezovanje, goriščno točko, vrtenje in zrcaljenje.

Video — Doda videoposnetek YouTube ali Vimeo, URL za vdelavo ali neposredno videodatoteko. Nastavite lahko tudi predogledno sliko in videz gumba za predvajanje.

List — Doda označen ali oštevilčen seznam. Urejate lahko vnose ter nadzorujete barvo oznak, razmike, tipografijo in poravnavo.

Button — Doda gumb s povezavo, pri katerem lahko nastavite besedilo, URL, velikost, širino, barve, obrobo, tipografijo in poravnavo.

Social links — Doda ikone s povezavami do storitev, kot so Facebook, Instagram, LinkedIn, TikTok, YouTube ali vaše spletno mesto.

Subscriber counter — Prikaže trenutno število potrjenih naročnikov. Dodate lahko odmik, spremenite oznako ter oblikujete številko in besedilo.

Spacer — Doda nadzorovan prazen prostor. Razmik za namizne in mobilne naprave lahko nastavite ločeno.

Divider — Doda vodoravno črto z nastavljivo barvo, debelino, širino, slogom, poravnavo in razmiki.

Pristajalne strani ponujajo tudi popolne razdelke za večkratno uporabo. Ti so pojasnjeni v vodniku za pristajalne strani.

Izbiranje in razporejanje elementov

Kliknite element na platnu, da ga izberete. Njegove nastavitve se prikažejo v desni stranski vrstici.

Kontrolniki na izbranem elementu ali v njegovi bližini omogočajo premikanje, podvajanje ali brisanje. Element lahko tudi povlečete v drugo celico ali na drug položaj. Kazalnik položaja pokaže, kam bo vstavljen.

Odprite »Layers«, ko stran vsebuje veliko ugnezdenih polj, stolpcev in vsebinskih blokov. Plošča Layers prikazuje celotno strukturo v obliki seznama. Od tam lahko:

• Izberete element
• Preimenujete element za lažje prepoznavanje
• Premaknete element navzgor ali navzdol
• Povlečete element na drug položaj
• Zaklenete ali odklenete element
• Podvojite element
• Izbrišete element

Zaklepanje je uporabno, kadar končanega ozadja, slike ali razdelka ne želite nenamerno premakniti. Plast odklenite, ko jo želite znova urediti ali prestaviti.

Z možnostma »Undo« in »Redo« v orodni vrstici graditelja se lahko pomikate nazaj ali naprej po nedavnih spremembah zasnove.

Urejanje besedila

Kliknite znotraj besedilnega elementa, da vsebino uredite neposredno na platnu. Besedilna orodna vrstica ponuja sloge odstavkov in naslovov ter običajne možnosti oblikovanja.

Glede na izbrano besedilo lahko uporabite krepko, ležeče, podčrtano in prečrtano oblikovanje, podpisano ali nadpisano besedilo, poravnavo, označene ali oštevilčene sezname, povezave in čustvenčke. Nastavitve izbranega besedila omogočajo tudi prilagajanje tipografije in barv, ne da bi spremenili vse druge besedilne elemente.

Globalne nastavitve tipografije v razdelku »Page settings« uporabite, kadar želite, da imajo vsi naslovi, osnovno besedilo, povezave ali gumbi enoten slog. Nastavitve izbranega elementa uporabite, kadar naj bo drugačen le en blok.

Nastavitev prijavnega obrazca

Izberite blok prijavnega obrazca na platnu, da odprete njegove nastavitve. Razpoložljivi razdelki zajemajo vrstico napredka, števec naročnikov, polja, skrite oznake, vsebnik obrazca, vnosna polja in gumb za oddajo.

Polja naročnikov

E-poštni naslov je osrednje polje prijavnega obrazca. Dodate lahko tudi polja naročnikov, ki obstajajo v vašem računu Maildroppa.

Pri vsakem polju lahko spremenite oznako in ogradno besedilo, določite, ali je obvezno, ter izberete, ali naj bo oznaka polja prikazana. Vrstni red polj lahko spremenite tako, da jih povlečete ali uporabite kontrolnike za premikanje.

Vprašajte le po informacijah, ki jih res potrebujete. Krajše obrazce je hitreje izpolniti, dodatna polja pa so uporabna, kadar boste informacije uporabili za segmentacijo ali personalizacijo.

Skrite oznake

Skrite oznake obiskovalcem niso prikazane. Ko se nekdo prijavi prek obrazca, Maildroppa izbrane oznake samodejno dodeli temu naročniku.

To je uporabno za prepoznavanje vira ali interesa, povezanega s prijavo. Obrazec za spletni seminar lahko na primer dodeli oznako »Spletni seminar«, obrazec za vsebino za pridobivanje potencialnih strank pa oznako za preneseno temo.

Vrstica napredka

Vrstico napredka lahko onemogočite ali prikažete kot odstotek oziroma dvostopenjski kazalnik.

Pri odstotnem kazalniku lahko spremenite besedilo, barve, velikost pisave, debelino in poravnavo. Pri dvostopenjskem kazalniku lahko uredite oznaki obeh korakov ter izberete aktivne in neaktivne barve.

Kazalnik napredka lahko pomaga pojasniti, da je oddaja obrazca prvi korak, potrditev e-pošte Double Opt-in pa drugi.

Števec naročnikov v obrazcu

Prijavni obrazec lahko pred gumbom za oddajo ali za njim prikaže trenutno število potrjenih naročnikov.

Dodate lahko odmik, vnesete oznako, izberete položaj ter prilagodite tipografijo in poravnavo. Odmik se prišteje številu potrjenih naročnikov, ki ga prikazuje Maildroppa.

Ta števec v obrazcu se razlikuje od samostojnega vsebinskega bloka »Subscriber counter«. Nastavitev obrazca uporabite, kadar naj bo številka neposredno povezana z območjem oddaje. Vsebinski blok uporabite, kadar naj se števec prikaže drugje v zasnovi.

Oblikovanje obrazca, vnosnih polj in gumba

Nastavitve »Signup Form Block« nadzorujejo vsebnik okoli polj, vključno z njegovim ozadjem, obrobo, polmerom vogalov in razmiki.

Nastavitve vnosnih polj nadzorujejo ozadja polj, oznake, besedilo, ogradna besedila, obrobe in razmike. Gumb za oddajo ima ločene nastavitve za besedilo, tipografijo, barve, obrobo, mere in poravnavo.

Če kliknete vrstico napredka ali gumb za oddajo neposredno na platnu, se takoj odprejo nastavitve tega dela.

Spreminjanje celotnega videza

V desni stranski vrstici odprite »Page settings«, da spremenite celotno zasnovo. Pri vdelanih obrazcih, pojavnih oknih in drsečih elementih te nastavitve veljajo za platno obrazca, ne za celotno gostovano stran.

Nastavite lahko glavno ozadje, sliko ozadja, največjo širino in mobilne razmike. Nastavitve videza določajo privzete vrednosti za:

• Pisavo telesa in barvo besedila
• Barvo povezav, podčrtavo in barvo ob prehodu kazalca
• Pisavo naslovov, barvo, debelino, velikost in višino vrstic
• Gumbe
• Polja, obrobe, polmere vogalov, razmake in notranje odmike
• Notranji odmik strani na mobilnih napravah in točko, pri kateri se stolpci zložijo

Ti privzeti slogi ohranjajo enotnost zasnove. Posamezni bloki jih lahko po potrebi še vedno preglasijo.

Povezovanje prijavnega toka

Vsak obrazec je povezan s Signup Flow. Prijavni tok nadzoruje pot naročnika po oddaji obrazca:

• Kaj obiskovalec vidi takoj po oddaji obrazca
• Katero e-poštno sporočilo Double Opt-in je poslano
• Kaj se zgodi, ko naročnik potrdi e-poštni naslov

Odprite kontrolnik prijavnega toka v glavi graditelja, da si ogledate trenutno dodeljeni tok. Izberete lahko drug obstoječi tok, uredite izbrani tok ali ustvarite novega.

En prijavni tok lahko uporablja več obrazcev. Če uredite skupni tok, sprememba vpliva na vsak obrazec, ki ga uporablja. Maildroppa vam zato omogoča, da izberete, ali želite urediti skupni tok ali ustvariti ločeno kopijo za trenutni obrazec.

Predogled in shranjevanje

Kliknite »Preview«, da preverite celotno zasnovo in prijavno izkušnjo, preden jo objavite. Predogled je uporaben za preverjanje daljšega besedila, razmerij slik, vrstnega reda polj, oznak gumbov in celotnega ravnovesja obrazca.

Pri vdelanih obrazcih, pojavnih oknih in drsečih elementih kliknite »Save changes«, ko ste pripravljeni shraniti trenutno različico.

Pristajalne strani uporabljajo kontrolnike za osnutek in objavo v zgornji vrstici. Shranite jih lahko, ne da bi jih objavili, spremembe že objavljene strani pa ostanejo neobjavljene, dokler jih ne objavite. Celoten potek je pojasnjen v razdelku Izdelava in objava pristajalne strani.

Po shranjevanju se vrnite na pregled prijavnih obrazcev, da aktivirate in vdelate obrazec za spletno mesto ali upravljate objavljeno pristajalno stran.

Nadaljujte z vrsto svojega obrazca

Skupno oblikovanje je zdaj končano. Nadaljujte z vodnikom za obrazec, ki ga ustvarjate:

• Izdelava in objava pristajalne strani
• Izdelava in vdelava vdelanega obrazca
• Nastavitev in prikaz pojavnega okna
• Nastavitev in namestitev drsečega elementa