Izrađivač obrazaca za prijavu: dizajnirajte obrasce

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

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

Možete ga koristiti za slaganje rasporeda, dodavanje teksta i slika, konfiguriranje polja pretplatnika, promjenu boja i fontova, dodjeljivanje oznaka te određivanje što će se dogoditi nakon što netko pošalje obrazac. Platno prikazuje rezultat dok radite, pa vam za dizajniranje potpunog iskustva prijave nije potrebno pisati kod.

Maildroppa koristi isti izrađivač za četiri vrste obrazaca:

• Odredišne stranice potpune su samostalne stranice koje objavljujete i dijelite poveznicom.
• Ugrađeni obrasci postavljaju se izravno unutar stranice na vašoj web-stranici.
• Skočni prozori prikazuju se iznad vaše web-stranice, a mogu se otvoriti i putem elementa stranice.
• Klizni obrasci prikazuju se na odabranom rubu ili položaju prozora preglednika.

Ovaj vodič objašnjava sve funkcije zajedničke tim vrstama obrazaca. Povezani vodiči objašnjavaju samo postavke i korake jedinstvene za pojedinu vrstu.

Otvaranje Izrađivača obrazaca za prijavu

Otvorite „Signup Forms” u Maildroppi. Zatim možete kliknuti „Create Form” kako biste izradili novu odredišnu stranicu, ugrađeni obrazac, skočni prozor ili klizni obrazac.

Da biste nastavili rad na postojećem obrascu, kliknite njegov naziv ili odaberite „Edit Form” u izborniku radnji s tri točke u pregledu obrazaca za prijavu.

Dodijelite obrascu jasan interni naziv. Nazive poput „Početna stranica – bilten”, „Skočni prozor za webinar” ili „Ljetni magnet za potencijalne klijente” kasnije je lakše prepoznati od općenitih naziva poput „Obrazac 1”. Naziv obrasca pomaže vam upravljati obrascem u Maildroppi i ne prikazuje se automatski posjetiteljima.

Razumijevanje izrađivača

Izrađivač je podijeljen u četiri glavna područja.

Gornja traka sadrži naziv obrasca i glavne radnje. Ovdje se možete vratiti na pregled, pregledati svoj rad i spremiti ga. Odredišne stranice u ovoj traci prikazuju i kontrole za skicu i objavu.

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

Platno je središnje radno područje. Prikazuje trenutačnu stranicu ili obrazac. Kliknite element kako biste ga odabrali. Elemente možete i povući na drugo mjesto ili dodati nove elemente iz lijeve bočne trake.

Desna bočna traka sadrži „Settings” i „Page settings”. „Settings” mijenja odabrani element. „Page settings” mijenja cjelokupnu pozadinu i zadane postavke dizajna.

Na manjim zaslonima bočne se trake otvaraju kao paneli pomoću gumba „Content” i „Settings”. Dostupne funkcije ostaju iste.

Početak s predloškom

Kada izradite obrazac, izrađivač nudi početne dizajne za odabranu vrstu obrasca. Možete početi s praznim dizajnom, upotrijebiti standardni obrazac ili odabrati gotov predložak.

Predlošci pružaju početni raspored, boje, tipografiju i primjer sadržaja. Ne ograničavaju ono što kasnije možete promijeniti. Nakon odabira predloška svaki se element i dalje može uređivati, premještati, duplicirati, stilizirati ili ukloniti.

Svaka vrsta obrasca ima predloške prilagođene svojoj namjeni. Odredišne stranice, primjerice, uključuju potpune dizajne stranica za bilten, magnet za potencijalne klijente, webinar i listu čekanja. Ugrađeni obrasci, skočni prozori i klizni obrasci imaju vlastite kompaktne početne dizajne.

Ako niste sigurni koji predložak odabrati, odaberite onaj čija je struktura najbliža vašem cilju. Promjena teksta, boja i slika obično je brža od izrade iste strukture na praznom platnu.

Izrada rasporeda

Otvorite „Layout” u lijevoj bočnoj traci kako biste dodali novi red ćelija. Dostupni rasporedi uključuju:

• Jednu ćeliju
• Dvije, tri ili četiri jednake ćelije
• Dvije ćelije u omjeru 2:1
• Dvije ćelije u omjeru 1:2

Kliknite raspored kako biste ga dodali na trenutačno mjesto umetanja ili ga povucite na platno. Zatim možete postaviti sadržaj unutar svake ćelije.

Odaberite okvir ili stupac kako biste u desnoj bočnoj traci prilagodili njegovu veličinu, razmak, poravnanje, pozadinu, obrub i unutarnji razmak. Kod rasporeda s više stupaca možete promijeniti i relativnu širinu stupaca.

Koristite rasporede za stvaranje jasnog redoslijeda čitanja. Jedan stupac dobro funkcionira za kompaktne obrasce za prijavu. Raspored s dva stupca koristan je kada se slika, popis prednosti ili informacije o događaju trebaju prikazati pokraj obrasca za prijavu.

Dodavanje sadržaja

Otvorite „Content” u lijevoj bočnoj traci kako biste dodali pojedinačne blokove sadržaja. Možete kliknuti blok da biste ga umetnuli ili ga povući na željeno mjesto na platnu.

Izrađivač nudi sljedeće blokove sadržaja:

Signup form — Sadrži polja pretplatnika i gumb za slanje. Dizajn mora sadržavati jedan blok obrasca za prijavu prije nego što se može spremiti kao funkcionalan obrazac. Nakon dodavanja bloka on se više ne nudi kao dodatni blok sadržaja.

Text — Dodaje naslove, odlomke ili drugi oblikovani tekst.

Image — Dodaje sliku iz URL-a, prenesenu sliku ili sliku iz Maildroppa medijske biblioteke. Možete unijeti alternativni tekst, dodati poveznicu te upravljati dimenzijama, omjerom stranica, obrezivanjem, žarišnom točkom, rotacijom i zrcaljenjem.

Video — Dodaje YouTube ili Vimeo video, URL za ugrađivanje ili izravnu videodatoteku. Možete konfigurirati i pretpreglednu sliku te izgled gumba za reprodukciju.

List — Dodaje popis s grafičkim oznakama ili numerirani popis. Uredite stavke i upravljajte bojom oznaka, razmakom, tipografijom i poravnanjem.

Button — Dodaje gumb s poveznicom i podesivim tekstom, URL-om, veličinom, širinom, bojama, obrubom, tipografijom i poravnanjem.

Social links — Dodaje povezane ikone za usluge poput Facebooka, Instagrama, LinkedIna, TikToka, YouTubea ili vaše web-stranice.

Subscriber counter — Prikazuje trenutačni broj potvrđenih pretplatnika. Možete dodati pomak, promijeniti oznaku te stilizirati broj i tekst.

Spacer — Dodaje kontrolirani prazan prostor. Razmak za stolna i mobilna računala može se postaviti zasebno.

Divider — Dodaje vodoravnu crtu s podesivom bojom, debljinom, širinom, stilom, poravnanjem i razmakom.

Odredišne stranice nude i potpune odjeljke za ponovnu upotrebu. Objašnjeni su u vodiču za odredišne stranice.

Odabir i slaganje elemenata

Kliknite element na platnu kako biste ga odabrali. Njegove se postavke prikazuju u desnoj bočnoj traci.

Kontrole na odabranom elementu ili u njegovoj blizini omogućuju vam da ga premjestite, duplicirate ili izbrišete. Element možete i povući u drugu ćeliju ili na drugi položaj. Pokazatelj položaja prikazuje gdje će biti umetnut.

Otvorite „Layers” kada stranica sadrži mnogo ugniježđenih okvira, stupaca i blokova sadržaja. Panel Layers prikazuje potpunu strukturu u obliku popisa. Ondje možete:

• Odabrati element
• Preimenovati ga radi lakšeg prepoznavanja
• Premjestiti ga gore ili dolje
• Povlačenjem ga premjestiti na drugo mjesto
• Zaključati ili otključati ga
• Duplicirati ga
• Izbrisati ga

Zaključavanje je korisno kada se gotova pozadina, slika ili odjeljak ne smiju slučajno premjestiti. Otključajte sloj kada ga ponovno želite urediti ili promijeniti mu položaj.

Upotrijebite „Undo” i „Redo” na alatnoj traci izrađivača za vraćanje unatrag ili ponavljanje nedavnih promjena dizajna.

Uređivanje teksta

Kliknite unutar tekstualnog elementa kako biste izravno na platnu uredili sadržaj. Tekstualna alatna traka nudi stilove odlomaka i naslova zajedno s uobičajenim mogućnostima oblikovanja.

Ovisno o odabranom tekstu, možete upotrijebiti podebljavanje, kurziv, podcrtavanje, precrtavanje, indeks, eksponent, poravnanje, popise s grafičkim oznakama ili numerirane popise, poveznice i emojije. Postavke odabranog teksta omogućuju i prilagodbu tipografije i boja bez promjene svakog drugog tekstualnog elementa.

Upotrijebite globalne postavke tipografije u odjeljku „Page settings” kada svi naslovi, osnovni tekst, poveznice ili gumbi trebaju imati dosljedan stil. Postavke odabranog elementa upotrijebite kada samo jedan blok treba izgledati drugačije.

Konfiguriranje obrasca za prijavu

Odaberite blok obrasca za prijavu na platnu kako biste otvorili njegove postavke. Dostupni odjeljci obuhvaćaju traku napretka, brojač pretplatnika, polja, skrivene oznake, spremnik obrasca, polja za unos i gumb za slanje.

Polja pretplatnika

Adresa e-pošte središnje je polje obrasca za prijavu. Možete dodati i polja pretplatnika koja postoje na vašem Maildroppa računu.

Za svako polje možete promijeniti oznaku i rezervirani tekst, odrediti je li obavezno te odabrati hoće li se oznaka polja prikazivati. Redoslijed polja može se promijeniti povlačenjem ili pomoću kontrola za pomicanje.

Tražite samo informacije koje su vam doista potrebne. Kraće obrasce brže je ispuniti, dok su dodatna polja korisna kada će se informacije upotrebljavati za segmentaciju ili personalizaciju.

Skrivene oznake

Skrivene oznake ne prikazuju se posjetiteljima. Kada se netko prijavi putem obrasca, Maildroppa automatski dodjeljuje odabrane oznake tom pretplatniku.

To je korisno za prepoznavanje izvora ili interesa povezanog s prijavom. Na primjer, obrazac za webinar može primijeniti oznaku „Webinar”, dok obrazac za magnet za potencijalne klijente može primijeniti oznaku za preuzetu temu.

Traka napretka

Traka napretka može se onemogućiti ili prikazati kao postotak ili pokazatelj s dva koraka.

Kod pokazatelja postotka možete promijeniti tekst, boje, veličinu fonta, debljinu i poravnanje. Kod pokazatelja s dva koraka možete urediti oznake za oba koraka te odabrati aktivne i neaktivne boje.

Pokazatelj napretka može pomoći objasniti da je slanje obrasca prvi korak, a potvrda poruke Double Opt-in drugi.

Brojač pretplatnika unutar obrasca

Obrazac za prijavu može prikazati trenutačni broj potvrđenih pretplatnika prije ili nakon gumba za slanje.

Možete dodati pomak, napisati oznaku, odabrati položaj te prilagoditi tipografiju i poravnanje. Pomak se dodaje broju potvrđenih pretplatnika koji prikazuje Maildroppa.

Ovaj se brojač obrasca razlikuje od samostalnog bloka sadržaja „Subscriber counter”. Postavku obrasca upotrijebite kada broj treba biti izravno povezan s područjem za slanje. Blok sadržaja upotrijebite kada se brojač treba nalaziti drugdje u dizajnu.

Dizajn obrasca, polja za unos i gumba

Postavke „Signup Form Block” upravljaju spremnikom oko polja, uključujući njegovu pozadinu, obrub, radijus kutova i razmak.

Postavke unosa upravljaju pozadinama polja, oznakama, tekstom, rezerviranim tekstom, obrubima i razmacima. Gumb za slanje ima zasebne postavke za tekst, tipografiju, boje, obrub, dimenzije i poravnanje.

Možete izravno kliknuti traku napretka ili gumb za slanje na platnu kako biste odmah otvorili postavke tog dijela.

Promjena cjelokupnog izgleda

Otvorite „Page settings” u desnoj bočnoj traci kako biste promijenili cjelokupni dizajn. Kod ugrađenih obrazaca, skočnih prozora i kliznih obrazaca te se postavke primjenjuju na platno obrasca, a ne na potpunu hostanu stranicu.

Možete konfigurirati glavnu pozadinu, pozadinsku sliku, maksimalnu širinu i mobilni razmak. Postavke izgleda definiraju zadane vrijednosti za:

• Font tijela i boju teksta
• Boju poveznica, podcrtavanje i boju pri prelasku pokazivačem
• Font naslova, boju, debljinu, veličinu i visinu retka
• Gumbe
• Okvire, obrube, radijuse kutova, razmake i unutarnje razmake
• Unutarnji razmak mobilne stranice i točku na kojoj se stupci slažu jedan ispod drugoga

Te zadane vrijednosti održavaju dosljednost dizajna. Pojedinačni blokovi i dalje ih mogu po potrebi nadjačati.

Povezivanje tijeka prijave

Svaki je obrazac povezan s tijekom prijave. Tijek prijave upravlja putovanjem pretplatnika nakon slanja obrasca:

• Što posjetitelj odmah vidi nakon slanja obrasca
• Koja se poruka Double Opt-in šalje
• Što se događa nakon što pretplatnik potvrdi adresu e-pošte

Otvorite kontrolu tijeka prijave u zaglavlju izrađivača kako biste vidjeli trenutačno dodijeljeni tijek. Možete odabrati drugi postojeći tijek, urediti odabrani tijek ili izraditi novi.

Jedan tijek prijave može se upotrebljavati u više obrazaca. Ako uredite dijeljeni tijek, promjena utječe na svaki obrazac koji ga upotrebljava. Zato vam Maildroppa omogućuje da odaberete želite li urediti dijeljeni tijek ili izraditi zasebnu kopiju za trenutačni obrazac.

Pregled i spremanje

Kliknite „Preview” kako biste provjerili potpuni dizajn i iskustvo prijave prije nego što ga učinite javnim. Pregled je koristan za provjeru dugog teksta, proporcija slika, redoslijeda polja, oznaka gumba i ukupne ravnoteže obrasca.

Kod ugrađenih obrazaca, skočnih prozora i kliznih obrazaca kliknite „Save changes” kada budete spremni spremiti trenutačnu verziju.

Odredišne stranice upotrebljavaju kontrole za skicu i objavu u gornjoj traci. Mogu se spremiti bez objave, a promjene na već objavljenoj stranici ostaju neobjavljene dok ih ne objavite. Potpuni tijek objašnjen je u vodiču Izrada i objava odredišne stranice.

Nakon spremanja vratite se na pregled obrazaca za prijavu kako biste aktivirali i ugradili obrazac za web-stranicu ili upravljali objavljenom odredišnom stranicom.

Nastavite s vrstom svog obrasca

Zajednički dizajnerski dio sada je dovršen. Nastavite s vodičem za obrazac koji izrađujete:

• Izradite i objavite odredišnu stranicu
• Izradite i ugradite ugrađeni obrazac
• Konfigurirajte i prikažite skočni prozor
• Konfigurirajte i postavite klizni obrazac