Kreator obrazaca za prijavu: Dizajnirajte obrasce

Published: 16. јул 2026. · Last updated: 21. јул 2026. · By Marcus Biel

Kreator obrazaca za prijavu je vizuelni uređivač za sve Maildroppa obrasce za prijavu i odredišne stranice.

Možete ga koristiti za raspoređivanje izgleda, dodavanje teksta i slika, podešavanje polja pretplatnika, menjanje boja i fontova, dodeljivanje oznaka i određivanje šta se dešava nakon što neko pošalje obrazac. Platno prikazuje rezultat dok radite, tako da za dizajniranje kompletnog iskustva prijave nije potrebno da pišete kod.

Maildroppa koristi isti kreator za četiri tipa obrazaca:

• Odredišne stranice su kompletne samostalne stranice koje objavljujete i delite putem linka.
• Ugrađeni obrasci postavljaju se direktno unutar stranice na vašem veb-sajtu.
• Iskačući prozori prikazuju se iznad vašeg veb-sajta, a mogu se otvoriti i iz elementa stranice.
• Klizni prozori prikazuju se uz izabranu ivicu ili na izabranoj poziciji prozora pregledača.

Ovaj vodič objašnjava sve funkcije koje dele ovi tipovi obrazaca. Povezani vodiči objašnjavaju samo podešavanja i korake koji su jedinstveni za svaki tip.

Otvaranje Kreatora obrazaca za prijavu

Otvorite „Signup Forms“ u aplikaciji Maildroppa. Zatim možete kliknuti na „Create Form“ da biste kreirali novu odredišnu stranicu, ugrađeni obrazac, iskačući prozor ili klizni prozor.

Da biste nastavili rad na postojećem obrascu, kliknite na njegovo ime ili izaberite „Edit Form“ iz menija sa radnjama sa tri tačke u pregledu obrazaca za prijavu.

Dajte obrascu jasno interno ime. Imena kao što su „Newsletter početna stranica“, „Vebinar iskačući prozor“ ili „Letnji lead magnet“ lakše se prepoznaju kasnije od opštih imena kao što je „Obrazac 1“. Ime obrasca pomaže vam da upravljate obrascem u aplikaciji Maildroppa i ne prikazuje se posetiocima automatski.

Razumevanje Kreatora

Kreator je podeljen na četiri glavne oblasti.

Gornja traka sadrži ime obrasca i glavne radnje. Ovde možete da se vratite na pregled, pregledate svoj rad i sačuvate ga. Odredišne stranice u ovoj traci prikazuju i kontrole za nacrt i objavljivanje.

Leva bočna traka sadrži „Layout“, „Content“ i „Layers“. Koristite je za kreiranje strukture, dodavanje novih elemenata i upravljanje svime što je već postavljeno na platno.

Platno je centralna radna oblast. Ono prikazuje trenutnu stranicu ili obrazac. Kliknite na element da biste ga izabrali. Elemente možete i prevući na drugo mesto ili dodati nove elemente iz leve bočne trake.

Desna bočna traka sadrži „Settings“ i „Page settings“. „Settings“ menja izabrani element. „Page settings“ menja ukupnu pozadinu i podrazumevane postavke dizajna.

Na manjim ekranima bočne trake se otvaraju kao paneli pomoću dugmadi „Content“ i „Settings“. Dostupne funkcije ostaju iste.

Početak rada sa šablonom

Kada kreirate obrazac, kreator nudi početne dizajne za izabrani tip obrasca. Možete početi sa praznim dizajnom, koristiti standardni obrazac ili izabrati gotov šablon.

Šabloni predstavljaju početni raspored, boje, tipografiju i primer sadržaja. Oni ne ograničavaju ono što kasnije možete da promenite. Nakon izbora šablona, svaki element i dalje može da se uređuje, pomera, duplicira, stilizuje ili uklanja.

Svaki tip obrasca ima šablone prilagođene svojoj nameni. Na primer, odredišne stranice obuhvataju kompletne dizajne stranica za biltene, lead magnete, vebinare i liste čekanja. Ugrađeni obrasci, iskačući prozori i klizni prozori imaju sopstvene kompaktne početne dizajne.

Ako niste sigurni koji šablon da izaberete, odaberite onaj čija je struktura najbliža vašem cilju. Menjanje teksta, boja i slika obično je brže od izgradnje iste strukture na praznom platnu.

Kreiranje rasporeda

Otvorite „Layout“ u levoj bočnoj traci da biste dodali novi red ćelija. Dostupni rasporedi obuhvataju:

• Jednu ćeliju
• Dve, tri ili četiri jednake ćelije
• Dve ćelije u odnosu 2:1
• Dve ćelije u odnosu 1:2

Kliknite na raspored da biste ga dodali na trenutnu poziciju za umetanje ili ga prevucite na platno. Zatim možete postaviti sadržaj unutar svake ćelije.

Izaberite okvir ili kolonu da biste u desnoj bočnoj traci podesili njihovu veličinu, razmak, poravnanje, pozadinu, ivicu i unutrašnju marginu. Kod rasporeda sa više kolona možete promeniti i relativne širine kolona.

Koristite rasporede za kreiranje jasnog redosleda čitanja. Jedna kolona je pogodna za kompaktne obrasce za prijavu. Raspored sa dve kolone koristan je kada slika, lista prednosti ili informacije o događaju treba da se prikažu pored obrasca za prijavu.

Dodavanje sadržaja

Otvorite „Content“ u levoj bočnoj traci da biste dodali pojedinačne blokove sadržaja. Možete kliknuti na blok da biste ga umetnuli ili ga prevući na željenu poziciju na platnu.

Kreator nudi sledeće blokove sadržaja:

Signup form — Sadrži polja pretplatnika i dugme za slanje. Dizajn mora da sadrži jedan blok obrasca za prijavu pre nego što može da se sačuva kao funkcionalan obrazac. Kada je blok prisutan, više se ne nudi kao dodatni blok sadržaja.

Text — Dodaje naslove, pasuse ili drugi formatirani tekst.

Image — Dodaje sliku iz URL-a, otpremanja ili Maildroppa biblioteke medija. Možete uneti alternativni tekst, dodati link i kontrolisati dimenzije, odnos stranica, isecanje, fokusnu tačku, rotaciju i preokretanje.

Video — Dodaje YouTube ili Vimeo video, URL za ugrađivanje ili direktnu video datoteku. Možete podesiti i sliku za pregled i izgled dugmeta za reprodukciju.

List — Dodaje listu sa oznakama ili numerisanu listu. Uredite stavke i kontrolišite boju oznaka, razmak, tipografiju i poravnanje.

Button — Dodaje dugme sa linkom i podesivim tekstom, URL-om, veličinom, širinom, bojama, ivicom, tipografijom i poravnanjem.

Social links — Dodaje povezane ikone za usluge kao što su Facebook, Instagram, LinkedIn, TikTok, YouTube ili vaš veb-sajt.

Subscriber counter — Prikazuje trenutni broj potvrđenih pretplatnika. Možete dodati pomak, promeniti oznaku i stilizovati broj i tekst.

Spacer — Dodaje kontrolisani prazan prostor. Razmak za desktop i mobilne uređaje može se podesiti odvojeno.

Divider — Dodaje horizontalnu liniju sa podesivom bojom, debljinom, širinom, stilom, poravnanjem i razmakom.

Odredišne stranice nude i kompletne odeljke za višekratnu upotrebu. Oni su objašnjeni u vodiču za odredišne stranice.

Izbor i raspoređivanje elemenata

Kliknite na element na platnu da biste ga izabrali. Njegova podešavanja pojaviće se u desnoj bočnoj traci.

Kontrole na ili pored izabranog elementa omogućavaju vam da ga pomerite, duplicirate ili izbrišete. Element možete i prevući u drugu ćeliju ili na drugu poziciju. Indikator postavljanja pokazuje gde će biti umetnut.

Otvorite „Layers“ kada stranica sadrži mnogo ugnježdenih okvira, kolona i blokova sadržaja. Panel Layers prikazuje kompletnu strukturu u obliku liste. Odatle možete da:

• Izaberete element
• Preimenujete ga radi lakšeg prepoznavanja
• Pomerite ga naviše ili naniže
• Prevučete ga na drugo mesto
• Zaključate ili otključate ga
• Duplicirate ga
• Izbrišete ga

Zaključavanje je korisno kada završena pozadina, slika ili odeljak ne treba slučajno da se pomere. Otključajte sloj kada želite ponovo da ga uredite ili promenite mu poziciju.

Koristite „Undo“ i „Redo“ u traci sa alatkama kreatora za kretanje unazad ili unapred kroz nedavne promene dizajna.

Uređivanje teksta

Kliknite unutar tekstualnog elementa da biste direktno uredili sadržaj na platnu. Traka sa alatkama za tekst nudi stilove pasusa i naslova, zajedno sa uobičajenim opcijama formatiranja.

U zavisnosti od izabranog teksta, možete koristiti podebljavanje, kurziv, podvlačenje, precrtavanje, indeks, eksponent, poravnanje, liste sa oznakama ili numerisane liste, linkove i emotikone. Podešavanja izabranog teksta omogućavaju vam da prilagodite tipografiju i boje bez menjanja svakog drugog tekstualnog elementa.

Koristite globalna podešavanja tipografije u okviru „Page settings“ kada svi naslovi, osnovni tekst, linkovi ili dugmad treba da imaju ujednačen stil. Koristite podešavanja izabranog elementa kada samo jedan blok treba da izgleda drugačije.

Podešavanje obrasca za prijavu

Izaberite blok obrasca za prijavu na platnu da biste otvorili njegova podešavanja. Dostupni odeljci obuhvataju traku napretka, brojač pretplatnika, polja, skrivene oznake, kontejner obrasca, polja za unos i dugme za slanje.

Polja pretplatnika

Imejl adresa je centralno polje obrasca za prijavu. Možete dodati i polja pretplatnika koja postoje na vašem Maildroppa nalogu.

Za svako polje možete promeniti oznaku i tekst rezervisanog mesta, odrediti da li je obavezno i izabrati da li se oznaka polja prikazuje. Redosled polja možete promeniti prevlačenjem ili pomoću kontrola za pomeranje.

Tražite samo informacije koje su vam zaista potrebne. Kraći obrasci se brže popunjavaju, dok su dodatna polja korisna kada će se informacije koristiti za segmentaciju ili personalizaciju.

Skrivene oznake

Skrivene oznake se ne prikazuju posetiocima. Kada se neko prijavi putem obrasca, Maildroppa automatski dodeljuje izabrane oznake tom pretplatniku.

Ovo je korisno za prepoznavanje izvora ili interesovanja koje stoji iza prijave. Na primer, obrazac za vebinar može dodeliti oznaku „Vebinar“, dok obrazac za lead magnet može dodeliti oznaku za preuzetu temu.

Traka napretka

Traka napretka može biti onemogućena ili prikazana kao procenat ili indikator u dva koraka.

Kod procentualnog indikatora možete promeniti tekst, boje, veličinu fonta, debljinu i poravnanje. Kod indikatora u dva koraka možete urediti oznake za oba koraka i izabrati aktivne i neaktivne boje.

Indikator napretka može pomoći da se objasni da je slanje obrasca prvi korak, a potvrda imejla za Double Opt-in drugi.

Brojač pretplatnika unutar obrasca

Obrazac za prijavu može prikazati trenutni broj potvrđenih pretplatnika pre ili posle dugmeta za slanje.

Možete dodati pomak, napisati oznaku, izabrati poziciju i podesiti tipografiju i poravnanje. Pomak se dodaje broju potvrđenih pretplatnika koji prikazuje Maildroppa.

Ovaj brojač u obrascu razlikuje se od samostalnog bloka sadržaja „Subscriber counter“. Koristite podešavanje obrasca kada broj treba da bude direktno povezan sa delom za slanje. Koristite blok sadržaja kada brojač treba da se prikaže na drugom mestu u dizajnu.

Dizajn obrasca, polja za unos i dugmeta

Podešavanja „Signup Form Block“ kontrolišu kontejner oko polja, uključujući njegovu pozadinu, ivicu, zaobljenje uglova i razmak.

Podešavanja polja za unos kontrolišu pozadine polja, oznake, tekst, tekst rezervisanog mesta, ivice i razmak. Dugme za slanje ima posebna podešavanja za tekst, tipografiju, boje, ivicu, dimenzije i poravnanje.

Možete direktno kliknuti na traku napretka ili dugme za slanje na platnu da biste odmah otvorili podešavanja tog dela.

Menjanje ukupnog izgleda

Otvorite „Page settings“ u desnoj bočnoj traci da biste promenili ukupni dizajn. Kod ugrađenih obrazaca, iskačućih prozora i kliznih prozora, ova podešavanja primenjuju se na platno obrasca, a ne na kompletnu hostovanu stranicu.

Možete podesiti glavnu pozadinu, sliku pozadine, maksimalnu širinu i razmak na mobilnim uređajima. Podešavanja izgleda definišu podrazumevane vrednosti za:

• Font osnovnog teksta i boju teksta
• Boju linkova, podvlačenje i boju pri prelasku pokazivačem
• Font naslova, boju, debljinu, veličinu i visinu linije
• Dugmad
• Okvire, ivice, zaobljenje uglova, razmake i unutrašnje margine
• Unutrašnju marginu stranice na mobilnim uređajima i tačku na kojoj se kolone slažu jedna ispod druge

Ove podrazumevane vrednosti održavaju doslednost dizajna. Pojedinačni blokovi ih i dalje mogu nadjačati kada je to potrebno.

Povezivanje toka prijave

Svaki obrazac povezan je sa tokom prijave. Tok prijave kontroliše putanju pretplatnika nakon slanja obrasca:

• Šta posetilac odmah vidi nakon slanja obrasca
• Koji imejl za Double Opt-in se šalje
• Šta se dešava nakon što pretplatnik potvrdi imejl adresu

Otvorite kontrolu toka prijave u zaglavlju kreatora da biste videli trenutno dodeljeni tok. Možete izabrati drugi postojeći tok, urediti izabrani tok ili kreirati novi.

Jedan tok prijave može koristiti više obrazaca. Ako uredite deljeni tok, promena utiče na svaki obrazac koji ga koristi. Zato vam Maildroppa omogućava da izaberete da li želite da uredite deljeni tok ili kreirate zasebnu kopiju za trenutni obrazac.

Pregled i čuvanje

Kliknite na „Preview“ da biste proverili kompletan dizajn i iskustvo prijave pre nego što ga učinite javnim. Pregled je koristan za proveru dugog teksta, proporcija slika, redosleda polja, oznaka dugmadi i ukupne ravnoteže obrasca.

Kod ugrađenih obrazaca, iskačućih prozora i kliznih prozora kliknite na „Save changes“ kada budete spremni da sačuvate trenutnu verziju.

Odredišne stranice koriste kontrole za nacrt i objavljivanje u gornjoj traci. Mogu se sačuvati bez objavljivanja, a promene na već objavljenoj stranici ostaju neobjavljene dok ih ne objavite. Kompletan tok rada objašnjen je u vodiču Kreiranje i objavljivanje odredišne stranice.

Nakon čuvanja vratite se na pregled obrazaca za prijavu da biste aktivirali i ugradili obrazac na veb-sajt ili upravljali objavljenom odredišnom stranicom.

Nastavite sa tipom obrasca

Zajednički dizajnerski rad je sada završen. Nastavite sa vodičem za obrazac koji kreirate:

• Kreiranje i objavljivanje odredišne stranice
• Kreiranje i ugrađivanje ugrađenog obrasca
• Podešavanje i prikazivanje iskačućeg prozora
• Podešavanje i pozicioniranje kliznog prozora