Izveidojiet un ieguliet reģistrēšanās veidlapas

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

Iegultā veidlapa tiek ievietota tieši esošā jūsu vietnes lapā. Tā paliek apkārtējā satura daļa, nevis tiek parādīta virs tā.

Iegultās veidlapas labi darbojas emuāru rakstos, galvenajās lapās jūsu vietnē, jaunumu sadaļās, sānjoslās un kājenēs. Vieta, kurā pievienojat veidlapas kodu, nosaka, kur veidlapa tiks parādīta.

Šajā rokasgrāmatā aprakstītas darbības, kas raksturīgas Iegultajām veidlapām. Vispārīgās vizuālās rediģēšanas funkcijas ir izskaidrotas galvenajā Reģistrēšanās veidlapu veidotāja rokasgrāmatā.

Iegultās veidlapas izveide

Atveriet “Signup Forms”, noklikšķiniet uz “Create Form” un atlasiet “Embedded Form”. Ievadiet skaidru iekšējo nosaukumu un pārejiet uz veidotāju.

Varat arī rediģēt esošu veidlapu, noklikšķinot uz tās nosaukuma Reģistrēšanās veidlapu pārskatā.

Iekšējais nosaukums apmeklētājiem netiek automātiski parādīts. Nosauciet veidlapu pēc tās atrašanās vietas vai mērķa, piemēram, “Homepage Newsletter”, “Blog Footer” vai “Product Updates”.

Sākuma dizaina izvēle

Iegultās veidlapas piedāvā tukšu veidlapu, standarta veidlapu un četras izstrādātas veidnes:

• Calm note
• Coupon strip
• Dark editorial
• Minimal blue

Izvēlieties dizainu, kas vislabāk atbilst tās vietnes sadaļas telpai un noskaņai, kurā veidlapa tiks parādīta. Pēc izvēles jebkuru sākuma dizainu var pilnībā mainīt.

Iegultās veidlapas noformēšana

Izmantojiet “Layout” un “Content”, lai izkārtotu veidlapu. Iegultā veidlapa var ietvert reģistrēšanās veidlapu kopā ar paskaidrojošu tekstu, attēliem, sarakstiem, pogām, sociālo tīklu saitēm, abonentu skaitītāju, atstarpēm vai atdalītājiem.

Šaurai sānjoslai vai kājenei parasti visvieglāk uztverams ir vienas kolonnas dizains. Plašākā lapas sadaļā divu kolonnu izkārtojums var novietot īsu paskaidrojumu vai attēlu blakus laukiem.

Atlasiet reģistrēšanās veidlapas bloku, lai izvēlētos abonentu laukus, obligātos laukus, etiķetes, slēptos tagus, progresa indikatoru un neobligātu abonentu skaitītāju. Pēc tam varat atsevišķi noformēt veidlapas konteineru, laukus un iesniegšanas pogu.

Atveriet “Page settings”, lai mainītu Iegultās veidlapas kanvas fonu un kopējos dizaina noklusējuma iestatījumus. Ņemiet vērā apkārtējo vietni. Caurspīdīgs vai vienkāršs fons bieži iederas dabiskāk, savukārt kontrastējošs fons palīdz izcelt reģistrēšanās piedāvājumu.

Pilni norādījumi par izkārtojumiem, saturu, slāņiem, laukiem, tagiem, tipogrāfiju un izskatu ir pieejami sadaļā Reģistrēšanās veidlapu veidotāja izmantošana.

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

Izmantojiet reģistrēšanās plūsmas vadīklu veidotāja galvenē, lai pārskatītu, kas notiek pēc iesniegšanas, kurš Double Opt-in e-pasts tiek nosūtīts un ko apmeklētājs redz pēc apstiprināšanas.

Varat atlasīt esošu plūsmu, rediģēt piešķirto plūsmu vai izveidot jaunu. Ja atlasītā plūsma tiek izmantota kopā ar citām veidlapām, ņemiet vērā, ka tās rediģēšana var ietekmēt arī šīs veidlapas.

Priekšskatīšana un saglabāšana

Noklikšķiniet uz “Preview”, lai pārskatītu pilno veidlapu pirms tās ievietošanas vietnē. Pārbaudiet lauku secību, etiķetes, vietu kļūdas ziņojumam, pogas tekstu un paskaidrojošā satura apjomu.

Noklikšķiniet uz “Save changes”, lai saglabātu pašreizējo versiju. Kad esat gatavs to iegult, atgriezieties Reģistrēšanās veidlapu pārskatā.

Veidlapas aktivizēšana

Iegultajai veidlapai jābūt aktīvai, pirms var izmantot tās publisko kodu.

Ja veidlapa nav aktīva, Reģistrēšanās veidlapu pārskatā atveriet tās darbību izvēlni ar trim punktiem un izvēlieties “Activate”. Aktīvai veidlapai tiek parādīta darbība “Show Code Snippet”.

Deaktivizējiet veidlapu, kad tai vairs nevajadzētu būt pieejamai jūsu vietnē. Deaktivizēšana noņem veidlapu no darbības, neizdzēšot tās dizainu vai iepriekšējos pārskatu datus.

JavaScript koda kopēšana

Noklikšķiniet uz “Show Code Snippet” un atveriet cilni “JavaScript”. Maildroppa nodrošina īsu skriptu, kurā ietverts unikālais veidlapas ID.

Kods atbilst šādai struktūrai:

<script async src="https://form.maildroppa.com/md-form-loader.js" data-md-form="[form-id]"></script>

Nokopējiet visu kodu, nemainot skripta adresi vai veidlapas ID.

JavaScript opcija ielādē pašreizējo saglabāto veidlapu, izmantojot Maildroppa veidlapu izpildvidi. Kad vēlāk rediģēsiet un saglabāsiet to pašu veidlapu Maildroppa, esošais fragments joprojām atsauksies uz šo veidlapas ID. Jums nav jāizveido jauna veidlapa tikai tādēļ, lai mainītu tās tekstu vai dizainu.

Veidlapas pievienošana vietnei

Ielīmējiet skriptu tās lapas vietā, kur jāparādās Iegultajai veidlapai.

Precīzās darbības ir atkarīgas no jūsu vietnes sistēmas. Lapu veidotājā vai satura pārvaldības sistēmā izmantojiet bloku, kas pieņem pielāgotu HTML vai skripta kodu. Pielāgotā vietnē pievienojiet skriptu attiecīgajai veidnei vai lapas marķējumam.

Daži vietņu redaktori drošības apsvērumu dēļ noņem skripta tagus. Ja pēc lapas publicēšanas veidlapa netiek parādīta, vispirms pārbaudiet, vai redaktors ir saglabājis visu Maildroppa skriptu. Iespējams, būs jāizmanto sistēmas īpašā pielāgotā koda sadaļa vai jālūdz palīdzība vietnes pārvaldniekam.

Neielīmējiet vienu un to pašu Iegultās veidlapas fragmentu vienā lapā vairākas reizes, ja vien apzināti nevēlaties to pašu veidlapu vairākās vietās un neesat pārbaudījis šādu iestatījumu.

HTML cilnes izmantošana

Cilnē “HTML” tiek nodrošināts ģenerētais veidlapas marķējums. Šī opcija ir paredzēta pielāgotām ieviešanām, kurās vēlaties strādāt tieši ar renderēto HTML.

Ja izvēlaties šo metodi, nokopējiet visu marķējumu. Tā kā pielāgotu HTML integrāciju var ietekmēt jūsu vietnes stili un ieviešana, rūpīgi pārbaudiet laukus, validāciju, iesniegšanu un apstiprināšanas plūsmu.

Parastai Maildroppa pārvaldītai veidlapai JavaScript fragments ir īsāka integrācija un ielādē pašreizējo publisko veidlapas konfigurāciju pēc tās ID.

Iegultās veidlapas pārbaude

Publicējiet vai priekšskatiet vietnes lapu, kurā atrodas kods. Pēc tam pārbaudiet veidlapu tā, kā to darītu apmeklētājs:

1. Pārbaudiet, vai veidlapa tiek parādīta pareizajā vietā.
2. Apskatiet lapu platā un šaurā ekrānā.
3. Aizpildiet katru obligāto lauku.
4. Iesniedziet veidlapu un pārskatiet atbildi.
5. Atveriet Double Opt-in e-pastu.
6. Apstipriniet adresi un pārskatiet galīgo atbildi.
7. Pārbaudiet, vai abonents un visi slēptie tagi Maildroppa tiek parādīti pareizi.

Ja veidlapa ir platāka par vietnes konteineru, veidotājā pielāgojiet veidlapas platumu, kolonnu izkārtojumu, iekšējās atkāpes vai iestatījumus mobilajam izkārtojumam. Neizmantojiet ģenerētā Maildroppa koda mainīšanu, lai novērstu izkārtojuma problēmas.

Iegultās veidlapas atjaunināšana

Atveriet to pašu veidlapu Maildroppa, veiciet izmaiņas, priekšskatiet tās un noklikšķiniet uz “Save changes”. JavaScript fragments jūsu vietnē turpina izmantot to pašu veidlapas ID un ielādē saglabāto publisko konfigurāciju.

Ja veidlapa uz laiku jānoņem, deaktivizējiet to Reģistrēšanās veidlapu pārskatā. Ja tā vairs nav nepieciešama, noņemiet fragmentu arī no vietnes, lai lapa nesaturētu neizmantotu kodu.