Registreerumisvormi koostaja: vormide kujundamine

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

Registreerumisvormi koostaja on visuaalne redaktor kõigi Maildroppa registreerumisvormide ja sihtlehtede jaoks.

Selle abil saad paigutusi korraldada, lisada teksti ja pilte, seadistada tellijavälju, muuta värve ja fonte, määrata silte ning otsustada, mis juhtub pärast vormi esitamist. Lõuend näitab töö käigus tulemust, seega ei pea tervikliku registreerumiskogemuse kujundamiseks koodi kirjutama.

Maildroppa kasutab sama koostajat nelja vormitüübi jaoks:

• Sihtlehed on täielikud eraldiseisvad lehed, mille avaldad ja mida jagad lingi kaudu.
• Manustatavad vormid paigutatakse otse sinu veebisaidi lehele.
• Hüpikaknad kuvatakse sinu veebisaidi kohal ning neid saab avada ka leheelemendist.
• Sissesõidud kuvatakse brauseriakna valitud servas või asukohas.

Selles juhendis selgitatakse kõigi nende vormitüüpide ühiseid funktsioone. Lingitud juhendid käsitlevad ainult iga tüübi jaoks ainulaadseid seadeid ja samme.

Registreerumisvormi koostaja avamine

Ava Maildroppas „Signup Forms”. Seejärel saad klõpsata „Create Form”, et luua uus sihtleht, manustatav vorm, hüpikaken või sissesõit.

Olemasoleva vormiga töö jätkamiseks klõpsa selle nimel või vali registreerumisvormide ülevaates kolme punktiga toimingumenüüst „Edit Form”.

Anna vormile selge sisemine nimi. Selliseid nimesid nagu „Avalehe uudiskiri”, „Veebiseminari hüpikaken” või „Suvine potentsiaalsete klientide magnet” on hiljem lihtsam ära tunda kui üldisi nimesid nagu „Vorm 1”. Vorminimi aitab sul vormi Maildroppas hallata ja seda ei näidata külastajatele automaatselt.

Koostaja mõistmine

Koostaja on jagatud neljaks põhialaks.

Ülemine riba sisaldab vorminime ja põhitoiminguid. Siin saad naasta ülevaatesse, vaadata töö eelvaadet ja selle salvestada. Sihtlehtedel kuvatakse sellel ribal ka mustandi- ja avaldamisjuhtelemendid.

Vasak külgriba sisaldab jaotisi „Layout”, „Content” ja „Layers”. Kasuta seda struktuuri loomiseks, uute elementide lisamiseks ja kõige lõuendile paigutatu haldamiseks.

Lõuend on keskne tööala. See näitab praegust lehte või vormi. Elemendi valimiseks klõpsa sellel. Samuti saad elemente teise asukohta lohistada või lisada vasakult külgribalt uusi elemente.

Parem külgriba sisaldab jaotisi „Settings” ja „Page settings”. „Settings” muudab valitud elementi. „Page settings” muudab üldist tausta ja kujunduse vaikeväärtusi.

Väiksematel ekraanidel avanevad külgribad paneelidena nuppude „Content” ja „Settings” kaudu. Saadaolevad funktsioonid jäävad samaks.

Alustamine malliga

Vormi loomisel pakub koostaja valitud vormitüübi jaoks algkujundusi. Võid alustada tühja kujundusega, kasutada standardvormi või valida valmis malli.

Mallid pakuvad algset paigutust, värve, tüpograafiat ja näidissisu. Need ei piira hilisemaid muudatusi. Pärast malli valimist saab iga elementi endiselt muuta, liigutada, dubleerida, ümber kujundada või eemaldada.

Igal vormitüübil on selle otstarbeks sobivad mallid. Näiteks sihtlehed sisaldavad täielikke uudiskirja, potentsiaalsete klientide magneti, veebiseminari ja ootenimekirja lehe kujundusi. Manustatavatel vormidel, hüpikakendel ja sissesõitudel on oma kompaktsed algkujundused.

Kui sa pole kindel, millist malli valida, vali see, mille struktuur on sinu eesmärgile kõige lähemal. Teksti, värvide ja piltide muutmine on tavaliselt kiirem kui sama struktuuri loomine tühjalt lõuendilt.

Paigutuse loomine

Uue lahtrirea lisamiseks ava vasakul külgribal „Layout”. Saadaolevad paigutused on järgmised:

• Üks lahter
• Kaks, kolm või neli võrdset lahtrit
• Kaks lahtrit suhtega 2:1
• Kaks lahtrit suhtega 1:2

Paigutuse lisamiseks praegusesse sisestuskohta klõpsa sellel või lohista see lõuendile. Seejärel saad paigutada sisu igasse lahtrisse.

Vali kast või veerg, et muuta paremal külgribal selle suurust, vahesid, joondust, tausta, äärist ja sisemist polsterdust. Mitmeveeruliste paigutuste puhul saad muuta ka veergude suhtelist laiust.

Kasuta paigutusi selge lugemisjärjekorra loomiseks. Üks veerg sobib hästi kompaktsete registreerumisvormide jaoks. Kahe veeruga paigutus on kasulik siis, kui pilt, eeliste loend või sündmuse teave peaks registreerumisvormi kõrval paiknema.

Sisu lisamine

Üksikute sisublokkide lisamiseks ava vasakul külgribal „Content”. Bloki lisamiseks võid sellel klõpsata või lohistada soovitud kohta lõuendil.

Koostaja pakub järgmisi sisublokke:

Signup form — Sisaldab tellijavälju ja saatmisnuppu. Kujundus vajab üht registreerumisvormi blokki, enne kui selle saab töötava vormina salvestada. Kui blokk on juba olemas, ei pakuta seda enam täiendava sisublokina.

Text — Lisab pealkirju, lõike või muud vormindatud teksti.

Image — Lisab pildi URL-i, üleslaadimise või Maildroppa meediumiteegi kaudu. Saad lisada alternatiivteksti ja lingi ning juhtida mõõtmeid, kuvasuhet, kärpimist, fookuspunkti, pööramist ja peegeldamist.

Video — Lisab YouTube'i või Vimeo video, manustamise URL-i või otsese videofaili. Samuti saad seadistada eelvaatepilti ja esitusnupu välimust.

List — Lisab täpp- või nummerdatud loendi. Muuda kirjeid ning juhi markeri värvi, vahesid, tüpograafiat ja joondust.

Button — Lisab seadistatava teksti, URL-i, suuruse, laiuse, värvide, äärise, tüpograafia ja joondusega linginupu.

Social links — Lisab lingitud ikoonid selliste teenuste jaoks nagu Facebook, Instagram, LinkedIn, TikTok, YouTube või sinu veebisait.

Subscriber counter — Näitab kinnitatud tellijate praegust arvu. Saad lisada nihke, muuta silti ning kujundada numbrit ja teksti.

Spacer — Lisab juhitava tühja ruumi. Töölaua- ja mobiilivaate vahesid saab eraldi määrata.

Divider — Lisab horisontaalse joone, mille värvi, paksust, laiust, stiili, joondust ja vahesid saab seadistada.

Sihtlehed pakuvad ka täielikke korduvkasutatavaid jaotisi. Neid selgitatakse sihtlehe juhendis.

Elementide valimine ja paigutamine

Elemendi valimiseks klõpsa sellel lõuendil. Selle seaded ilmuvad paremale külgribale.

Valitud elemendil või selle lähedal olevate juhtnuppude abil saad elementi liigutada, dubleerida või kustutada. Samuti saad elemendi teise lahtrisse või asukohta lohistada. Paigutusindikaator näitab, kuhu element sisestatakse.

Kui lehel on palju pesastatud kaste, veerge ja sisublokke, ava „Layers”. Kihtide paneel näitab kogu struktuuri loendina. Sealt saad:

• valida elemendi;
• anda sellele hõlpsamini äratuntava nime;
• liigutada seda üles või alla;
• lohistada selle teise asukohta;
• lukustada või avada selle;
• dubleerida selle;
• kustutada selle.

Lukustamine on kasulik siis, kui valmis tausta, pilti või jaotist ei tohiks kogemata liigutada. Ava kiht, kui soovid seda taas muuta või ümber paigutada.

Kasuta koostaja tööriistaribal käske „Undo” ja „Redo”, et hiljutistes kujundusmuudatustes tagasi või edasi liikuda.

Teksti muutmine

Teksti sisu otse lõuendil muutmiseks klõpsa tekstielemendi sees. Tekstitööriistariba pakub lõigu- ja pealkirjastiile koos levinud vormindusvalikutega.

Olenevalt valitud tekstist saad kasutada paksu, kaldkirja, allajoonimist, läbikriipsutust, ala- ja ülaindeksit, joondust, täpp- või nummerdatud loendeid, linke ja emotikone. Valitud teksti seaded võimaldavad muuta ka tüpograafiat ja värve, ilma et peaksid kõiki teisi tekstielemente muutma.

Kasuta jaotises „Page settings” olevaid globaalseid tüpograafiaseadeid, kui kõik pealkirjad, põhitekst, lingid või nupud peaksid jagama ühtset stiili. Kasuta valitud elemendi seadeid, kui ainult üks blokk peaks teistsugune välja nägema.

Registreerumisvormi seadistamine

Seadete avamiseks vali registreerumisvormi blokk lõuendil. Saadaolevad jaotised hõlmavad edenemisriba, tellijalendurit, välju, peidetud silte, vormikonteinerit, sisestusvälju ja saatmisnuppu.

Tellijaväljad

E-posti aadress on registreerumisvormi keskne väli. Samuti saad lisada tellijavälju, mis on sinu Maildroppa kontol olemas.

Iga välja puhul saad muuta silti ja kohatäidet, määrata, kas see on kohustuslik, ning valida, kas välja silti näidatakse. Välju saab ümber järjestada neid lohistades või liigutusnuppude abil.

Küsi ainult teavet, mida sul päriselt vaja on. Lühemaid vorme on kiirem täita, samas kui lisaväljad on kasulikud, kui seda teavet kasutatakse segmenteerimiseks või personaliseerimiseks.

Peidetud sildid

Peidetud silte külastajatele ei näidata. Kui keegi vormi kaudu registreerub, määrab Maildroppa valitud sildid sellele tellijale automaatselt.

See on kasulik registreerumise allika või huvi tuvastamiseks. Näiteks võib veebiseminari vorm rakendada silti „Webinar”, samas kui potentsiaalsete klientide magneti vorm võib rakendada allalaaditud teemaga seotud silti.

Edenemisriba

Edenemisriba saab keelata või kuvada protsendina või kaheastmelise indikaatorina.

Protsendinäidiku puhul saad muuta teksti, värve, fondi suurust, paksust ja joondust. Kaheastmelise indikaatori puhul saad muuta mõlema sammu silte ning valida aktiivse ja mitteaktiivse värvi.

Edenemisindikaator aitab selgitada, et vormi esitamine on esimene samm ja topeltlubamise e-kirja kinnitamine teine.

Tellijalendur vormi sees

Registreerumisvorm võib kuvada kinnitatud tellijate praegust arvu enne saatmisnuppu või selle järel.

Saad lisada nihke, kirjutada sildi, valida asukoha ning kohandada tüpograafiat ja joondust. Nihe lisatakse Maildroppa kuvatavale kinnitatud tellijate arvule.

See vormilendur erineb eraldiseisvast sisublokist „Subscriber counter”. Kasuta vormi seadet, kui number peaks olema otse saatmisalaga seotud. Kasuta sisublokki, kui loendur peaks kujunduses mujal paiknema.

Vormi, sisestusväljade ja nupu kujundus

Seaded „Signup Form Block” juhivad välju ümbritsevat konteinerit, sealhulgas selle tausta, äärist, nurkade raadiust ja vahesid.

Sisestusväljade seaded juhivad väljade tausta, silte, teksti, kohatäiteid, ääriseid ja vahesid. Saatmisnupul on eraldi seaded teksti, tüpograafia, värvide, äärise, mõõtmete ja joonduse jaoks.

Seadete koheseks avamiseks saad edenemisribal või saatmisnupul otse lõuendil klõpsata.

Üldise välimuse muutmine

Üldise kujunduse muutmiseks ava paremal külgribal „Page settings”. Manustatavate vormide, hüpikakende ja sissesõitude puhul rakenduvad need seaded vormi lõuendile, mitte täielikule majutatud lehele.

Saad seadistada põhitausta, taustapilti, maksimaalset laiust ja mobiilivaate vahesid. Välimuse seaded määravad järgmised vaikeväärtused:

• põhifont ja teksti värv;
• lingi värv, allajoonimine ja hõljumisvärv;
• pealkirja font, värv, paksus, suurus ja reavahe;
• nupud;
• kastid, äärised, nurkade raadiused, vahed ja sisemine polsterdus;
• mobiililehe servapolsterdus ja punkt, kus veerud üksteise alla paigutuvad.

Need vaikeväärtused hoiavad kujunduse ühtsena. Vajaduse korral saavad üksikud blokid neid siiski üle kirjutada.

Registreerumisvoo ühendamine

Iga vorm on ühendatud registreerumisvooga. Registreerumisvoog juhib tellija teekonda pärast vormi esitamist:

• mida külastaja näeb kohe pärast vormi esitamist;
• milline topeltlubamise e-kiri saadetakse;
• mis juhtub pärast seda, kui tellija e-posti aadressi kinnitab.

Praegu määratud voo vaatamiseks ava koostaja päises registreerumisvoo juhtelement. Saad valida teise olemasoleva voo, muuta valitud voogu või luua uue.

Ühte registreerumisvoogu saab kasutada mitu vormi. Kui muudad jagatud voogu, mõjutab muudatus kõiki seda kasutavaid vorme. Seetõttu võimaldab Maildroppa valida, kas muuta jagatud voogu või luua praeguse vormi jaoks eraldi koopia.

Eelvaate vaatamine ja salvestamine

Enne kujunduse avalikustamist klõpsa „Preview”, et kontrollida terviklikku kujundust ja registreerumiskogemust. Eelvaade on kasulik pika teksti, piltide proportsioonide, väljade järjekorra, nupusiltide ja vormi üldise tasakaalu kontrollimiseks.

Manustatavate vormide, hüpikakende ja sissesõitude puhul klõpsa „Save changes”, kui oled valmis praeguse versiooni salvestama.

Sihtlehed kasutavad ülemisel ribal mustandi- ja avaldamisjuhtelemente. Neid saab salvestada ilma avaldamata ning juba avaldatud lehe muudatused jäävad avaldamata, kuni need avaldad. Täielikku töövoogu selgitatakse juhendis Sihtlehe loomine ja avaldamine.

Pärast salvestamist naase registreerumisvormide ülevaatesse, et veebisaidivorm aktiveerida ja manustada või avaldatud sihtlehte hallata.

Jätka oma vormitüübiga

Ühine kujundustöö on nüüd lõpetatud. Jätka loodava vormi tüübi juhendiga:

• Sihtlehe loomine ja avaldamine
• Manustatava vormi loomine ja manustamine
• Hüpikakna seadistamine ja kuvamine
• Sissesõidu seadistamine ja paigutamine