Registracijos formų kūrimo priemonė: formų dizainas

Published: 2026 m. liepos 16 d. · Last updated: 2026 m. liepos 21 d. · By Marcus Biel

Registracijos formų kūrimo priemonė yra vizualusis redaktorius, skirtas visoms „Maildroppa“ registracijos formoms ir nukreipimo puslapiams.

Ją naudodami galite išdėstyti maketus, pridėti tekstą ir vaizdus, konfigūruoti prenumeratorių laukus, keisti spalvas ir šriftus, priskirti žymas bei nuspręsti, kas nutiks kam nors pateikus formą. Darbo metu drobėje matote rezultatą, todėl norint sukurti visą registracijos patirtį nereikia rašyti jokio kodo.

„Maildroppa“ tą pačią kūrimo priemonę naudoja keturiems formų tipams:

• Nukreipimo puslapiai yra visiškai savarankiški puslapiai, kuriuos paskelbiate ir bendrinate naudodami nuorodą.
• Įterptosios formos įdedamos tiesiai į jūsų svetainės puslapį.
• Iškylantieji langai rodomi virš jūsų svetainės ir gali būti atidaromi naudojant puslapio elementą.
• Išskleidžiamosios formos rodomos pasirinktoje naršyklės lango kraštinėje arba vietoje.

Šiame vadove paaiškinamos visos šioms formų rūšims bendros funkcijos. Susietuose vadovuose paaiškinami tik kiekvienai rūšiai būdingi nustatymai ir veiksmai.

Registracijos formų kūrimo priemonės atidarymas

Atidarykite „Signup Forms“ skiltį „Maildroppa“. Tada galite spustelėti „Create Form“ ir sukurti naują nukreipimo puslapį, įterptąją formą, iškylantįjį langą arba išskleidžiamąją formą.

Norėdami tęsti darbą su esama forma, spustelėkite jos pavadinimą arba pasirinkite „Edit Form“ iš trijų taškų veiksmų meniu „Signup Forms“ apžvalgoje.

Suteikite formai aiškų vidinį pavadinimą. Tokius pavadinimus kaip „Homepage Newsletter“, „Webinar Popup“ ar „Summer Lead Magnet“ vėliau lengviau atpažinti nei bendrinius pavadinimus, pavyzdžiui, „Form 1“. Formos pavadinimas padeda ją tvarkyti „Maildroppa“ ir lankytojams automatiškai nerodomas.

Kūrimo priemonės supratimas

Kūrimo priemonė padalyta į keturias pagrindines sritis.

Viršutinėje juostoje rodomas formos pavadinimas ir pagrindiniai veiksmai. Čia galite grįžti į apžvalgą, peržiūrėti darbą ir jį išsaugoti. Nukreipimo puslapiuose šioje juostoje taip pat rodomi juodraščio ir publikavimo valdikliai.

Kairiojoje šoninėje juostoje yra „Layout“, „Content“ ir „Layers“. Naudokite ją struktūrai kurti, naujiems elementams pridėti ir viskam, kas jau patalpinta drobėje, tvarkyti.

Drobė yra pagrindinė darbo sritis. Joje rodomas dabartinis puslapis arba forma. Spustelėkite elementą, kad jį pasirinktumėte. Taip pat galite nuvilkti elementus į kitą vietą arba pridėti naujų elementų iš kairiosios šoninės juostos.

Dešiniojoje šoninėje juostoje yra „Settings“ ir „Page settings“. „Settings“ keičia pasirinkto elemento nustatymus. „Page settings“ keičia bendrą foną ir numatytuosius dizaino nustatymus.

Mažesniuose ekranuose šoninės juostos atidaromos kaip skydeliai naudojant mygtukus „Content“ ir „Settings“. Prieinamos funkcijos išlieka tos pačios.

Pradžia nuo šablono

Kurdama formą, kūrimo priemonė siūlo pasirinktam formos tipui skirtus pradinius dizainus. Galite pradėti nuo tuščio dizaino, naudoti standartinę formą arba pasirinkti paruoštą šabloną.

Šablonai suteikia pradinį maketą, spalvas, tipografiją ir pavyzdinį turinį. Jie neriboja to, ką vėliau galite pakeisti. Pasirinkus šabloną, kiekvieną elementą vis tiek galima redaguoti, perkelti, dubliuoti, pakeisti jo stilių arba pašalinti.

Kiekvienam formos tipui skirti jo paskirčiai tinkami šablonai. Pavyzdžiui, nukreipimo puslapiuose pateikiami visiškai paruošti naujienlaiškio, potencialių klientų pritraukimo, internetinio seminaro ir laukiančiųjų sąrašo puslapių dizainai. Įterptosios formos, iškylantieji langai ir išskleidžiamosios formos turi savus kompaktiškus pradinius dizainus.

Jei nesate tikri, kurį šabloną pasirinkti, rinkitės tą, kurio struktūra labiausiai atitinka jūsų tikslą. Pakeisti tekstą, spalvas ir vaizdus paprastai greičiau nei kurti tokią pačią struktūrą tuščioje drobėje.

Maketų kūrimas

Kairiojoje šoninėje juostoje atidarykite „Layout“, kad pridėtumėte naują langelių eilutę. Galimi šie maketai:

• Vienas langelis
• Du, trys arba keturi vienodi langeliai
• Du langeliai santykiu 2:1
• Du langeliai santykiu 1:2

Spustelėkite maketą, kad pridėtumėte jį dabartinėje įterpimo vietoje, arba nuvilkite jį ant drobės. Tada į kiekvieną langelį galite įdėti turinį.

Pasirinkite bloką arba stulpelį, kad dešiniojoje šoninėje juostoje pakoreguotumėte jo dydį, tarpus, lygiavimą, foną, kraštinę ir vidinius paraštes. Kelių stulpelių maketuose taip pat galite keisti santykinį stulpelių plotį.

Naudokite maketus, kad sukurtumėte aiškią skaitymo tvarką. Vienas stulpelis puikiai tinka kompaktiškoms registracijos formoms. Dviejų stulpelių maketas naudingas, kai šalia registracijos formos turi būti rodomas vaizdas, privalumų sąrašas arba renginio informacija.

Turinio pridėjimas

Kairiojoje šoninėje juostoje atidarykite „Content“, kad pridėtumėte atskirus turinio blokus. Galite spustelėti bloką, kad jį įterptumėte, arba nuvilkti jį į norimą vietą drobėje.

Kūrimo priemonėje pateikiami šie turinio blokai:

Signup form — Apima prenumeratoriaus laukus ir pateikimo mygtuką. Kad dizainą būtų galima išsaugoti kaip veikiančią formą, jame turi būti vienas registracijos formos blokas. Atsiradus šiam blokui, jis nebesiūlomas kaip papildomas turinio blokas.

Text — Pridedamos antraštės, pastraipos arba kitas suformatuotas tekstas.

Image — Pridedamas vaizdas iš URL, įkelto failo arba „Maildroppa“ medijos bibliotekos. Galite pateikti alternatyvųjį tekstą, pridėti nuorodą ir valdyti matmenis, kraštinių santykį, apkirpimą, pagrindinį tašką, pasukimą bei apvertimą.

Video — Pridedamas „YouTube“ arba „Vimeo“ vaizdo įrašas, įterpimo URL arba tiesioginis vaizdo failas. Taip pat galite sukonfigūruoti peržiūros vaizdą ir paleidimo mygtuko išvaizdą.

List — Pridedamas ženkleliais arba numeruotas sąrašas. Redaguokite įrašus ir valdykite ženklelio spalvą, tarpus, tipografiją bei lygiavimą.

Button — Pridedamas nuorodos mygtukas su konfigūruojamu tekstu, URL, dydžiu, pločiu, spalvomis, kraštine, tipografija ir lygiavimu.

Social links — Pridedamos susietos tokių paslaugų kaip „Facebook“, „Instagram“, „LinkedIn“, „TikTok“, „YouTube“ arba jūsų svetainės piktogramos.

Subscriber counter — Rodomas dabartinis patvirtintų prenumeratorių skaičius. Galite pridėti poslinkį, pakeisti etiketę ir stilizuoti skaičių bei tekstą.

Spacer — Pridedama kontroliuojama tuščia erdvė. Kompiuteriams ir mobiliesiems įrenginiams skirtus tarpus galima nustatyti atskirai.

Divider — Pridedama horizontali linija su konfigūruojama spalva, storiu, pločiu, stiliumi, lygiavimu ir tarpais.

Nukreipimo puslapiuose taip pat pateikiamos visos pakartotinai naudojamos sekcijos. Jos paaiškintos nukreipimo puslapio vadove.

Elementų pasirinkimas ir išdėstymas

Spustelėkite elementą drobėje, kad jį pasirinktumėte. Jo nustatymai bus rodomi dešiniojoje šoninėje juostoje.

Valdikliai ant pasirinkto elemento arba šalia jo leidžia jį perkelti, dubliuoti arba ištrinti. Taip pat galite nuvilkti elementą į kitą langelį arba vietą. Įterpimo vietą parodo padėties indikatorius.

Atidarykite „Layers“, kai puslapyje yra daug įdėtųjų blokų, stulpelių ir turinio blokų. Sluoksnių skydelyje visa struktūra pateikiama sąrašu. Čia galite:

• Pasirinkti elementą
• Pervadinti jį, kad būtų lengviau atpažinti
• Perkelti jį aukštyn arba žemyn
• Nuvilkti į kitą vietą
• Užrakinti arba atrakinti
• Dubliuoti
• Ištrinti

Užrakinimas naudingas, kai baigto fono, vaizdo arba sekcijos nenorite netyčia perkelti. Atrakinkite sluoksnį, kai vėl norite jį redaguoti arba pakeisti jo vietą.

Naudokite kūrimo priemonės įrankių juostoje esančius „Undo“ ir „Redo“, kad grįžtumėte per pastaruosius dizaino pakeitimus arba juos atkurtumėte.

Teksto redagavimas

Spustelėkite teksto elementą, kad galėtumėte tiesiogiai drobėje redaguoti jo turinį. Teksto įrankių juostoje pateikiami pastraipų ir antraščių stiliai bei įprastos formatavimo parinktys.

Atsižvelgiant į pasirinktą tekstą, galite naudoti paryškinimą, kursyvą, pabraukimą, perbraukimą, apatinį ir viršutinį indeksą, lygiavimą, ženkleliais arba numeruotus sąrašus, nuorodas ir jaustukus. Pasirinkto teksto nustatymai taip pat leidžia koreguoti tipografiją ir spalvas nekeičiant visų kitų teksto elementų.

Naudokite visuotinius tipografijos nustatymus skiltyje „Page settings“, kai visos antraštės, pagrindinis tekstas, nuorodos arba mygtukai turi būti vienodo stiliaus. Naudokite pasirinkto elemento nustatymus, kai kitaip turi atrodyti tik vienas blokas.

Registracijos formos konfigūravimas

Pasirinkite registracijos formos bloką drobėje, kad atidarytumėte jo nustatymus. Galimos sekcijos apima progreso juostą, prenumeratorių skaitiklį, laukus, paslėptas žymas, formos konteinerį, įvesties laukus ir pateikimo mygtuką.

Prenumeratoriaus laukai

El. pašto adresas yra pagrindinis registracijos formos laukas. Taip pat galite pridėti prenumeratoriaus laukus, esančius jūsų „Maildroppa“ paskyroje.

Kiekviename lauke galite pakeisti etiketę ir vietos rezervavimo tekstą, nustatyti, ar laukas privalomas, ir pasirinkti, ar lauko etiketė rodoma. Laukų tvarką galima pakeisti juos nuvelkant arba naudojant perkėlimo valdiklius.

Klauskite tik tos informacijos, kurios jums iš tikrųjų reikia. Trumpesnes formas užpildyti greičiau, o papildomi laukai naudingi, kai informacija bus naudojama segmentavimui arba personalizavimui.

Paslėptos žymos

Paslėptos žymos lankytojams nerodomos. Kai kas nors užsiregistruoja naudodamas formą, „Maildroppa“ automatiškai priskiria pasirinktas žymas tam prenumeratoriui.

Tai naudinga norint nustatyti registracijos šaltinį arba susidomėjimą. Pavyzdžiui, internetinio seminaro forma gali priskirti žymą „Webinar“, o potencialių klientų pritraukimo forma — atsisiųstos temos žymą.

Progreso juosta

Progreso juostą galima išjungti arba rodyti procentais ar kaip dviejų žingsnių indikatorių.

Naudodami procentinį indikatorių galite keisti tekstą, spalvas, šrifto dydį, storį ir lygiavimą. Naudodami dviejų žingsnių indikatorių galite redaguoti abiejų žingsnių etiketes ir pasirinkti aktyvią bei neaktyvią spalvas.

Progreso indikatorius gali padėti paaiškinti, kad formos pateikimas yra pirmasis žingsnis, o „Double Opt-in“ el. laiško patvirtinimas — antrasis.

Prenumeratorių skaitiklis formoje

Registracijos formoje prieš pateikimo mygtuką arba po juo gali būti rodomas dabartinis patvirtintų prenumeratorių skaičius.

Galite pridėti poslinkį, parašyti etiketę, pasirinkti vietą ir pakoreguoti tipografiją bei lygiavimą. Poslinkis pridedamas prie „Maildroppa“ rodomo patvirtintų prenumeratorių skaičiaus.

Šis formos skaitiklis skiriasi nuo atskiro turinio bloko „Subscriber counter“. Naudokite formos nustatymą, kai skaičius turi būti tiesiogiai susietas su pateikimo sritimi. Naudokite turinio bloką, kai skaitiklis turi būti rodomas kitoje dizaino vietoje.

Formos, įvesties ir mygtuko dizainas

Nustatymai „Signup Form Block“ valdo laukus gaubiantį konteinerį, įskaitant jo foną, kraštinę, kampų spindulį ir tarpus.

Įvesties nustatymai valdo laukų fonus, etiketes, tekstą, vietos rezervavimo tekstus, kraštines ir tarpus. Pateikimo mygtukui skirti atskiri teksto, tipografijos, spalvų, kraštinės, matmenų ir lygiavimo nustatymai.

Galite spustelėti progreso juostą arba pateikimo mygtuką tiesiai drobėje, kad iškart atidarytumėte tos dalies nustatymus.

Bendros išvaizdos keitimas

Dešiniojoje šoninėje juostoje atidarykite „Page settings“, kad pakeistumėte bendrą dizainą. Įterptosiose formose, iškylančiuosiuose languose ir išskleidžiamosiose formose šie nustatymai taikomi formos drobei, o ne visam talpinamam puslapiui.

Galite konfigūruoti pagrindinį foną, fono vaizdą, didžiausią plotį ir mobiliųjų įrenginių tarpus. Išvaizdos nustatymai apibrėžia numatytuosius parametrus:

• Pagrindiniam šriftui ir teksto spalvai
• Nuorodų spalvai, pabraukimui ir spalvai užvedus pelės žymeklį
• Antraščių šriftui, spalvai, storiui, dydžiui ir eilučių aukščiui
• Mygtukams
• Blokams, kraštinėms, kampų spinduliams, tarpams ir vidinėms paraštėms
• Puslapio vidinėms paraštėms mobiliuosiuose įrenginiuose ir taškui, kuriame stulpeliai išdėstomi vienas po kitu

Šie numatytieji nustatymai padeda išlaikyti nuoseklų dizainą. Prireikus atskiri blokai vis tiek gali juos pakeisti.

Registracijos srauto prijungimas

Kiekviena forma susieta su registracijos srautu. Registracijos srautas valdo prenumeratoriaus kelią pateikus formą:

• Ką lankytojas iškart mato pateikęs formą
• Kuris „Double Opt-in“ el. laiškas siunčiamas
• Kas nutinka prenumeratoriui patvirtinus el. pašto adresą

Atidarykite registracijos srauto valdiklį kūrimo priemonės antraštėje, kad pamatytumėte šiuo metu priskirtą srautą. Galite pasirinkti kitą esamą srautą, redaguoti pasirinktą srautą arba sukurti naują.

Vieną registracijos srautą gali naudoti kelios formos. Jei redaguosite bendrinamą srautą, pakeitimas paveiks visas jį naudojančias formas. Todėl „Maildroppa“ leidžia pasirinkti, ar redaguoti bendrinamą srautą, ar sukurti atskirą dabartinės formos kopiją.

Peržiūra ir išsaugojimas

Spustelėkite „Preview“, kad prieš paskelbdami viešai patikrintumėte visą dizainą ir registracijos patirtį. Peržiūra naudinga tikrinant ilgą tekstą, vaizdų proporcijas, laukų tvarką, mygtukų etiketes ir bendrą formos balansą.

Įterptosiose formose, iškylančiuosiuose languose ir išskleidžiamosiose formose spustelėkite „Save changes“, kai būsite pasirengę išsaugoti dabartinę versiją.

Nukreipimo puslapiuose viršutinėje juostoje naudojami juodraščio ir publikavimo valdikliai. Juos galima išsaugoti nepaskelbus, o jau paskelbto puslapio pakeitimai lieka nepaskelbti, kol jų nepaskelbsite. Visas procesas paaiškintas vadove „Nukreipimo puslapio kūrimas ir publikavimas“.

Išsaugoję grįžkite į „Signup Forms“ apžvalgą, kad suaktyvintumėte ir įterptumėte svetainės formą arba tvarkytumėte paskelbtą nukreipimo puslapį.

Tęskite nuo savo formos tipo

Bendrasis dizaino darbas baigtas. Tęskite vadovą, skirtą kuriamai formai:

• Sukurkite ir paskelbkite nukreipimo puslapį
• Sukurkite ir įterpkite įterptąją formą
• Sukonfigūruokite ir rodykite iškylantįjį langą
• Sukonfigūruokite ir nustatykite išskleidžiamosios formos vietą