Reģistrācijas veidlapu veidotājs: veidlapu noformēšana

Published: 2026. gada 16. jūlijs · Last updated: 2026. gada 21. jūlijs · By Marcus Biel

Reģistrācijas veidlapu veidotājs ir vizuālais redaktors visām Maildroppa reģistrācijas veidlapām un galvenajām lapām.

Varat to izmantot izkārtojumu veidošanai, teksta un attēlu pievienošanai, abonentu lauku konfigurēšanai, krāsu un fontu maiņai, tagu piešķiršanai un darbības izvēlei pēc tam, kad kāds iesniedz veidlapu. Darba laikā kanva parāda rezultātu, tāpēc pilnīgas reģistrēšanās pieredzes noformēšanai nav jāraksta kods.

Maildroppa izmanto vienu un to pašu veidotāju četriem veidlapu veidiem:

• Galvenās lapas ir pilnīgas, patstāvīgas lapas, ko publicējat un kopīgojat, izmantojot saiti.
• Iegultās veidlapas tiek ievietotas tieši jūsu vietnes lapā.
• Uznirstošie logi tiek parādīti virs jūsu vietnes, un tos var arī atvērt no kāda lapas elementa.
• Izbīdāmie logi tiek parādīti izvēlētā pārlūkprogrammas loga malā vai pozīcijā.

Šajā ceļvedī izskaidrotas visas funkcijas, kas ir kopīgas šiem veidlapu veidiem. Saistītajos ceļvežos izskaidroti tikai iestatījumi un darbības, kas ir unikālas katram veidam.

Reģistrācijas veidlapu veidotāja atvēršana

Atveriet Maildroppa sadaļu “Signup Forms”. Pēc tam varat noklikšķināt uz “Create Form”, lai izveidotu jaunu galveno lapu, iegulto veidlapu, uznirstošo logu vai izbīdāmo logu.

Lai turpinātu darbu ar esošu veidlapu, noklikšķiniet uz tās nosaukuma vai izvēlieties “Edit Form” trīs punktu darbību izvēlnē sadaļā Signup Forms Overview.

Piešķiriet veidlapai skaidru iekšējo nosaukumu. Tādus nosaukumus kā “Homepage Newsletter”, “Webinar Popup” vai “Summer Lead Magnet” vēlāk ir vieglāk atpazīt nekā vispārīgus nosaukumus, piemēram, “Form 1”. Veidlapas nosaukums palīdz to pārvaldīt Maildroppa un apmeklētājiem netiek automātiski parādīts.

Veidotāja izpratne

Veidotājs ir sadalīts četrās galvenajās zonās.

Augšējā josla satur veidlapas nosaukumu un galvenās darbības. Šeit varat atgriezties pārskatā, priekšskatīt savu darbu un to saglabāt. Galvenajām lapām šajā joslā ir pieejamas arī melnraksta un publicēšanas vadīklas.

Kreisajā sānjoslā ir sadaļas “Layout”, “Content” un “Layers”. Izmantojiet to, lai izveidotu struktūru, pievienotu jaunus elementus un pārvaldītu visu, kas jau ir ievietots kanvā.

Kanva ir centrālā darba zona. Tajā redzama pašreizējā lapa vai veidlapa. Noklikšķiniet uz elementa, lai to atlasītu. Varat arī vilkt elementus uz citu vietu vai pievienot jaunus elementus no kreisās sānjoslas.

Labajā sānjoslā ir sadaļas “Settings” un “Page settings”. “Settings” maina atlasīto elementu. “Page settings” maina kopējo fonu un dizaina noklusējuma iestatījumus.

Mazākos ekrānos sānjoslas tiek atvērtas kā paneļi, izmantojot pogas “Content” un “Settings”. Pieejamās funkcijas paliek nemainīgas.

Darba sākšana ar veidni

Kad izveidojat veidlapu, veidotājs piedāvā sākuma dizainus izvēlētajam veidlapas veidam. Varat sākt ar tukšu dizainu, izmantot standarta veidlapu vai izvēlēties gatavu veidni.

Veidnes nodrošina sākuma izkārtojumu, krāsas, tipogrāfiju un parauga saturu. Tās neierobežo to, ko vēlāk varat mainīt. Pēc veidnes izvēles katru elementu joprojām var rediģēt, pārvietot, dublēt, pārveidot vai noņemt.

Katram veidlapas veidam ir tā mērķim piemērotas veidnes. Piemēram, galvenajās lapās ir pilnīgi Newsletter, Lead Magnet, Webinar un Waitlist lapu dizaini. Iegultajām veidlapām, uznirstošajiem logiem un izbīdāmajiem logiem ir savi kompakti sākuma dizaini.

Ja nezināt, kuru veidni izvēlēties, atlasiet to, kuras struktūra ir vistuvākā jūsu mērķim. Teksta, krāsu un attēlu maiņa parasti ir ātrāka nekā tādas pašas struktūras izveide tukšā kanvā.

Izkārtojuma izveide

Kreisajā sānjoslā atveriet “Layout”, lai pievienotu jaunu šūnu rindu. Pieejamie izkārtojumi ietver:

• Vienu šūnu
• Divas, trīs vai četras vienāda izmēra šūnas
• Divas šūnas ar attiecību 2:1
• Divas šūnas ar attiecību 1:2

Noklikšķiniet uz izkārtojuma, lai to pievienotu pašreizējā ievietošanas pozīcijā, vai velciet to uz kanvu. Pēc tam katrā šūnā varat ievietot saturu.

Atlasiet bloku vai kolonnu, lai labajā sānjoslā pielāgotu tās izmēru, atstarpes, līdzinājumu, fonu, apmali un iekšējo atkāpi. Vairāku kolonnu izkārtojumos varat arī mainīt kolonnu relatīvo platumu.

Izmantojiet izkārtojumus, lai izveidotu skaidru lasīšanas secību. Viena kolonna ir piemērota kompaktām reģistrācijas veidlapām. Divu kolonnu izkārtojums ir noderīgs, ja blakus reģistrācijas veidlapai jāparādās attēlam, priekšrocību sarakstam vai informācijai par pasākumu.

Satura pievienošana

Kreisajā sānjoslā atveriet “Content”, lai pievienotu atsevišķus satura blokus. Varat noklikšķināt uz bloka, lai to ievietotu, vai vilkt to uz vēlamo vietu kanvā.

Veidotājs nodrošina šādus satura blokus:

Signup form — Satur abonenta laukus un iesniegšanas pogu. Lai dizainu varētu saglabāt kā funkcionējošu veidlapu, tajā jābūt vienam reģistrācijas veidlapas blokam. Kad bloks ir ievietots, tas vairs netiek piedāvāts kā papildu satura bloks.

Text — Pievieno virsrakstus, rindkopas vai citu formatētu tekstu.

Image — Pievieno attēlu no URL, augšupielādes vai Maildroppa multivides bibliotēkas. Varat norādīt alternatīvo tekstu, pievienot saiti un kontrolēt izmērus, proporcijas, apgriešanu, fokusa punktu, pagriešanu un apvēršanu.

Video — Pievieno YouTube vai Vimeo video, iegulšanas URL vai tiešu video failu. Varat arī konfigurēt priekšskatījuma attēlu un atskaņošanas pogas izskatu.

List — Pievieno sarakstu ar aizzīmēm vai numerāciju. Rediģējiet ierakstus un kontrolējiet marķiera krāsu, atstarpes, tipogrāfiju un līdzinājumu.

Button — Pievieno saites pogu ar konfigurējamu tekstu, URL, izmēru, platumu, krāsām, apmali, tipogrāfiju un līdzinājumu.

Social links — Pievieno saistītas ikonas tādiem pakalpojumiem kā Facebook, Instagram, LinkedIn, TikTok, YouTube vai jūsu vietnei.

Subscriber counter — Parāda pašreizējo apstiprināto abonentu skaitu. Varat pievienot nobīdi, mainīt etiķeti un noformēt skaitli un tekstu.

Spacer — Pievieno kontrolējamu tukšu vietu. Atstarpes darbvirsmas un mobilajām ierīcēm var iestatīt atsevišķi.

Divider — Pievieno horizontālu līniju ar konfigurējamu krāsu, biezumu, platumu, stilu, līdzinājumu un atstarpēm.

Galvenajās lapās ir pieejamas arī pilnīgas atkārtoti izmantojamas sadaļas. Tās izskaidrotas galveno lapu ceļvedī.

Elementu atlasīšana un kārtošana

Noklikšķiniet uz elementa kanvā, lai to atlasītu. Tā iestatījumi tiek parādīti labajā sānjoslā.

Vadīklas uz atlasītā elementa vai tā tuvumā ļauj to pārvietot, dublēt vai dzēst. Varat arī vilkt elementu uz citu šūnu vai pozīciju. Ievietošanas indikators parāda, kur tas tiks ievietots.

Atveriet “Layers”, ja lapā ir daudz ligzdotu bloku, kolonnu un satura bloku. Slāņu panelī visa struktūra tiek parādīta sarakstā. Tajā varat:

• Atlasīt elementu
• Pārdēvēt to ērtākai identificēšanai
• Pārvietot to uz augšu vai uz leju
• Vilkt to uz citu pozīciju
• Bloķēt vai atbloķēt to
• Dublēt to
• Dzēst to

Bloķēšana ir noderīga, ja pabeigtu fonu, attēlu vai sadaļu nedrīkst nejauši pārvietot. Atbloķējiet slāni, kad vēlaties to atkal rediģēt vai pārvietot.

Izmantojiet “Undo” un “Redo” veidotāja rīkjoslā, lai pārvietotos atpakaļ vai uz priekšu pa nesenajām dizaina izmaiņām.

Teksta rediģēšana

Noklikšķiniet teksta elementā, lai rediģētu saturu tieši kanvā. Teksta rīkjosla nodrošina rindkopu un virsrakstu stilus, kā arī izplatītākās formatēšanas iespējas.

Atkarībā no atlasītā teksta varat izmantot treknrakstu, slīprakstu, pasvītrojumu, pārsvītrojumu, apakšrakstu, augšrakstu, līdzinājumu, sarakstus ar aizzīmēm vai numerāciju, saites un emocijzīmes. Atlasītā teksta iestatījumi ļauj pielāgot tipogrāfiju un krāsas, nemainot visus pārējos teksta elementus.

Izmantojiet globālos tipogrāfijas iestatījumus sadaļā “Page settings”, ja visiem virsrakstiem, pamattekstam, saitēm vai pogām jābūt vienotā stilā. Izmantojiet atlasītā elementa iestatījumus, ja citādam jāizskatās tikai vienam blokam.

Reģistrācijas veidlapas konfigurēšana

Atlasiet reģistrācijas veidlapas bloku kanvā, lai atvērtu tā iestatījumus. Pieejamās sadaļas aptver progresa joslu, abonentu skaitītāju, laukus, slēptos tagus, veidlapas konteineru, ievades laukus un iesniegšanas pogu.

Abonentu lauki

E-pasta adrese ir reģistrācijas veidlapas centrālais lauks. Varat arī pievienot abonentu laukus, kas pastāv jūsu Maildroppa kontā.

Katram laukam varat mainīt etiķeti un vietturi, norādīt, vai tas ir obligāts, kā arī izvēlēties, vai lauka etiķete tiek parādīta. Laukus var pārkārtot, tos velkot vai izmantojot pārvietošanas vadīklas.

Pieprasiet tikai to informāciju, kas jums patiešām nepieciešama. Īsākas veidlapas var aizpildīt ātrāk, savukārt papildu lauki ir noderīgi, ja informācija tiks izmantota segmentēšanai vai personalizēšanai.

Slēptie tagi

Slēptie tagi apmeklētājiem netiek parādīti. Kad kāds reģistrējas, izmantojot veidlapu, Maildroppa automātiski piešķir šim abonentam atlasītos tagus.

Tas ir noderīgi, lai identificētu reģistrācijas avotu vai interesi. Piemēram, tīmekļsemināra veidlapa var piešķirt tagu “Webinar”, savukārt svina magnēta veidlapa var piešķirt tagu lejupielādētajai tēmai.

Progresa josla

Progresa joslu var atspējot vai parādīt procentuālā izteiksmē vai kā divpakāpju indikatoru.

Procentu indikatoram varat mainīt tekstu, krāsas, fonta lielumu, biezumu un līdzinājumu. Divpakāpju indikatoram varat rediģēt abu darbību etiķetes un izvēlēties aktīvās un neaktīvās krāsas.

Progresa indikators var palīdzēt izskaidrot, ka veidlapas iesniegšana ir pirmais solis, bet Double Opt-in e-pasta apstiprināšana — otrais.

Abonentu skaitītājs veidlapā

Reģistrācijas veidlapa var parādīt pašreizējo apstiprināto abonentu skaitu pirms vai pēc iesniegšanas pogas.

Varat pievienot nobīdi, uzrakstīt etiķeti, izvēlēties pozīciju un pielāgot tipogrāfiju un līdzinājumu. Nobīde tiek pieskaitīta Maildroppa parādītajam apstiprināto abonentu skaitam.

Šis veidlapas skaitītājs atšķiras no atsevišķā satura bloka “Subscriber counter”. Izmantojiet veidlapas iestatījumu, ja skaitlim jābūt tieši saistītam ar iesniegšanas apgabalu. Izmantojiet satura bloku, ja skaitītājam jāparādās citur dizainā.

Veidlapas, ievades lauku un pogas dizains

Iestatījumi “Signup Form Block” kontrolē konteineru ap laukiem, tostarp tā fonu, apmali, stūru rādiusu un atstarpes.

Ievades lauku iestatījumi kontrolē lauku fonus, etiķetes, tekstu, vietturus, apmales un atstarpes. Iesniegšanas pogai ir atsevišķi iestatījumi tekstam, tipogrāfijai, krāsām, apmalei, izmēriem un līdzinājumam.

Varat noklikšķināt uz progresa joslas vai iesniegšanas pogas tieši kanvā, lai nekavējoties atvērtu attiecīgās daļas iestatījumus.

Kopējā izskata maiņa

Atveriet “Page settings” labajā sānjoslā, lai mainītu kopējo dizainu. Iegultajām veidlapām, uznirstošajiem logiem un izbīdāmajiem logiem šie iestatījumi attiecas uz veidlapas kanvu, nevis pilnīgu mitinātu lapu.

Varat konfigurēt galveno fonu, fona attēlu, maksimālo platumu un atstarpes mobilajām ierīcēm. Izskata iestatījumi nosaka noklusējuma vērtības:

• Pamatteksta fontam un teksta krāsai
• Saites krāsai, pasvītrojumam un krāsai, kas tiek izmantota, to novietojot virs saites
• Virsraksta fontam, krāsai, biezumam, izmēram un rindas augstumam
• Pogām
• Blokiem, apmalēm, stūru rādiusiem, atstarpēm un iekšējām atkāpēm
• Lapas iekšējām atkāpēm mobilajās ierīcēs un punktam, kurā kolonnas tiek sakārtotas viena virs otras

Šie noklusējuma iestatījumi palīdz saglabāt dizaina konsekvenci. Atsevišķi bloki vajadzības gadījumā tos joprojām var ignorēt.

Reģistrēšanās plūsmas pievienošana

Katra veidlapa ir savienota ar Signup Flow. Reģistrēšanās plūsma kontrolē abonenta ceļu pēc veidlapas iesniegšanas:

• Ko apmeklētājs redz uzreiz pēc veidlapas iesniegšanas
• Kurš Double Opt-in e-pasts tiek nosūtīts
• Kas notiek pēc tam, kad abonents apstiprina e-pasta adresi

Atveriet reģistrēšanās plūsmas vadīklu veidotāja galvenē, lai redzētu pašlaik piešķirto plūsmu. Varat atlasīt citu esošu plūsmu, rediģēt atlasīto plūsmu vai izveidot jaunu.

Vienu reģistrēšanās plūsmu var izmantot vairākas veidlapas. Ja rediģējat koplietotu plūsmu, izmaiņas ietekmē visas veidlapas, kas to izmanto. Tāpēc Maildroppa ļauj izvēlēties, vai rediģēt koplietoto plūsmu vai izveidot atsevišķu kopiju pašreizējai veidlapai.

Priekšskatīšana un saglabāšana

Noklikšķiniet uz “Preview”, lai pārbaudītu pilnīgu dizainu un reģistrēšanās pieredzi, pirms to padarāt publiski pieejamu. Priekšskatījums ir noderīgs, lai pārbaudītu garu tekstu, attēlu proporcijas, lauku secību, pogu etiķetes un veidlapas kopējo līdzsvaru.

Iegultajām veidlapām, uznirstošajiem logiem un izbīdāmajiem logiem noklikšķiniet uz “Save changes”, kad esat gatavs saglabāt pašreizējo versiju.

Galvenajās lapās augšējā joslā tiek izmantotas melnraksta un publicēšanas vadīklas. Tās var saglabāt, nepublicējot, un jau publicētai lapai veiktās izmaiņas paliek nepublicētas, līdz tās publicējat. Pilnīga darbplūsma ir izskaidrota sadaļā Building and Publishing a Landing Page.

Pēc saglabāšanas atgriezieties sadaļā Signup Forms Overview, lai aktivizētu un iegultu vietnes veidlapu vai pārvaldītu publicētu galveno lapu.

Turpiniet ar sava veidlapas veida ceļvedi

Kopīgie dizaina darbi tagad ir pabeigti. Turpiniet ar ceļvedi par veidlapu, ko veidojat:

• Izveidojiet un publicējiet galveno lapu
• Izveidojiet un ieguliet iegulto veidlapu
• Konfigurējiet un parādiet uznirstošo logu
• Konfigurējiet un novietojiet izbīdāmo logu