Sukurkite ir įterpkite registracijos formas

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

Įterptoji forma įkeliama tiesiai į esamą jūsų svetainės puslapį. Ji išlieka aplinkinio turinio dalimi, o ne rodoma virš jo.

Įterptosios formos puikiai tinka tinklaraščio straipsniuose, jūsų svetainės nukreipimo puslapiuose, naujienlaiškių skiltyse, šoninėse juostose ir poraštėse. Vieta, kurioje įdedate formos kodą, lemia, kur bus rodoma forma.

Šiame vadove aprašomi veiksmai, būdingi tik įterptoms formoms. Bendrosios vaizdinio redagavimo funkcijos paaiškintos pagrindiniame Registracijos formų kūrimo vadove.

Įterptosios formos kūrimas

Atidarykite „Signup Forms“, spustelėkite „Create Form“ ir pasirinkite „Embedded Form“. Įveskite aiškų vidinį pavadinimą ir pereikite į kūrimo priemonę.

Taip pat galite redaguoti esamą formą spustelėdami jos pavadinimą Registracijos formų apžvalgoje.

Vidinis pavadinimas lankytojams nerodomas automatiškai. Pavadinkite formą pagal jos vietą arba paskirtį, pavyzdžiui, „Pagrindinio puslapio naujienlaiškis“, „Tinklaraščio poraštė“ arba „Produkto naujienos“.

Pradinio dizaino pasirinkimas

Įterptoms formoms siūloma tuščia forma, standartinė forma ir keturi sukurti šablonai:

• Ramus užrašas
• Kupono juosta
• Tamsus redakcinis
• Minimalistinis mėlynas

Pasirinkite dizainą, kuris geriausiai dera su svetainės, kurioje bus rodoma forma, erdve ir tonu. Po pasirinkimo kiekvieną pradinį variantą galima visiškai pakeisti.

Įterptosios formos kūrimas

Formai išdėstyti naudokite „Layout“ ir „Content“. Įterptojoje formoje gali būti registracijos forma kartu su papildomu tekstu, vaizdais, sąrašais, mygtukais, socialinių tinklų nuorodomis, prenumeratorių skaitikliu, tarpais ar skyrikliais.

Siaurai šoninei juostai ar poraštei paprastai lengviausia perskaityti vieno stulpelio dizainą. Platesnėje puslapio skiltyje dviejų stulpelių išdėstymas leidžia šalia laukelių pateikti trumpą paaiškinimą ar vaizdą.

Pasirinkite registracijos formos bloką, kad pasirinktumėte prenumeratorių laukus, privalomus laukus, etiketes, paslėptas žymas, eigos indikatorių ir pasirenkamą prenumeratorių skaitiklį. Tada galite atskirai stilizuoti formos konteinerį, laukus ir pateikimo mygtuką.

Atidarykite „Page settings“, kad pakeistumėte Įterptosios formos drobės foną ir bendruosius dizaino numatytuosius nustatymus. Atsižvelkite į aplinkinę svetainę. Skaidrus arba paprastas fonas dažnai natūraliau įsilieja, o kontrastingas fonas padeda išryškinti registracijos pasiūlymą.

Išsamios instrukcijos apie išdėstymus, turinį, sluoksnius, laukus, žymas, tipografiją ir išvaizdą pateiktos vadove Registracijos formų kūrimo priemonės naudojimas.

Registracijos proceso prijungimas

Naudokite registracijos proceso valdiklį kūrimo priemonės antraštėje, kad peržiūrėtumėte, kas vyksta pateikus formą, kuris dvigubo patvirtinimo el. laiškas siunčiamas ir ką lankytojas mato po patvirtinimo.

Galite pasirinkti esamą procesą, redaguoti priskirtą procesą arba sukurti naują. Jei pasirinktas procesas bendrinamas su kitomis formomis, atminkite, kad jį redaguojant gali būti paveiktos ir tos formos.

Peržiūra ir išsaugojimas

Spustelėkite „Preview“, kad peržiūrėtumėte visą formą prieš įkeldami ją į savo svetainę. Patikrinkite laukų tvarką, etiketes, vietą klaidoms, mygtuko tekstą ir papildomo turinio kiekį.

Spustelėkite „Save changes“, kad išsaugotumėte dabartinę versiją. Kai būsite pasirengę ją įterpti, grįžkite į Registracijos formų apžvalgą.

Formos aktyvinimas

Įterptoji forma turi būti aktyvi, kad būtų galima naudoti jos viešąjį kodą.

Jei forma neaktyvi, atidarykite jos trijų taškų veiksmų meniu Registracijos formų apžvalgoje ir pasirinkite „Activate“. Aktyvios formos veiksmų sąraše rodoma parinktis „Show Code Snippet“.

Išaktyvinkite formą, kai ji nebeturi būti pasiekiama jūsų svetainėje. Išaktyvinus forma pašalinama iš interneto, tačiau jos dizainas ir ankstesni ataskaitų duomenys neištrinami.

JavaScript kodo kopijavimas

Spustelėkite „Show Code Snippet“ ir atidarykite skirtuką „JavaScript“. Maildroppa pateikia trumpą scenarijų su unikaliu formos ID.

Kodas atitinka šią struktūrą:

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

Nukopijuokite visą kodą nekeisdami scenarijaus adreso ar formos ID.

JavaScript parinktis įkelia dabartinę išsaugotą formą per Maildroppa formų vykdymo aplinką. Vėliau redaguojant ir išsaugojant tą pačią formą Maildroppa sistemoje, esamas fragmentas ir toliau nurodys tą patį formos ID. Norint pakeisti tekstą ar dizainą, naujos formos kurti nereikia.

Formos pridėjimas prie svetainės

Įklijuokite scenarijų į tą puslapio vietą, kurioje turi būti rodoma Įterptoji forma.

Tikslūs veiksmai priklauso nuo jūsų svetainės sistemos. Puslapių kūrimo priemonėje arba turinio valdymo sistemoje naudokite bloką, priimantį pasirinktinį HTML arba scenarijaus kodą. Individualiai sukurtoje svetainėje pridėkite scenarijų prie atitinkamo šablono arba puslapio žymėjimo.

Kai kurie svetainių redaktoriai saugumo sumetimais pašalina scenarijų žymas. Jei paskelbus puslapį forma nerodoma, pirmiausia patikrinkite, ar redaktorius išsaugojo visą Maildroppa scenarijų. Gali tekti naudoti specialią sistemos pasirinktinio kodo sritį arba kreiptis į svetainę administruojantį asmenį.

Neklijuokite to paties Įterptosios formos fragmento viename puslapyje kelis kartus, nebent sąmoningai norite rodyti tą pačią formą keliose vietose ir išbandėte tokią sąranką.

HTML skirtuko naudojimas

Skirtuke „HTML“ pateikiamas sugeneruotas formos žymėjimas. Ši parinktis skirta individualiems sprendimams, kai norite tiesiogiai dirbti su sugeneruotu HTML.

Jei pasirinksite šį būdą, nukopijuokite visą žymėjimą. Kadangi individualiai integracijai į HTML gali turėti įtakos svetainės stiliai ir įgyvendinimas, atidžiai išbandykite jos laukus, tikrinimą, pateikimą ir patvirtinimo procesą.

Įprastai Maildroppa valdomai formai JavaScript fragmentas yra trumpesnė integracija ir pagal ID įkelia dabartinę viešą formos konfigūraciją.

Įterptosios formos testavimas

Paskelbkite svetainės puslapį, kuriame yra kodas, arba peržiūrėkite jį. Tada išbandykite formą taip, kaip tai darytų lankytojas:

1. Patikrinkite, ar forma rodoma tinkamoje vietoje.
2. Peržiūrėkite puslapį plačiame ir siaurame ekrane.
3. Užpildykite kiekvieną privalomą lauką.
4. Pateikite formą ir peržiūrėkite atsakymą.
5. Atidarykite dvigubo patvirtinimo el. laišką.
6. Patvirtinkite adresą ir peržiūrėkite galutinį atsakymą.
7. Patikrinkite, ar prenumeratorius ir visos paslėptos žymos tinkamai rodomi Maildroppa sistemoje.

Jei forma platesnė už svetainės konteinerį, kūrimo priemonėje pakoreguokite formos plotį, stulpelių išdėstymą, paraštes arba mobiliųjų įrenginių išdėstymo nustatymus. Venkite taisyti išdėstymo problemas keisdami sugeneruotą Maildroppa kodą.

Įterptosios formos atnaujinimas

Atidarykite tą pačią formą Maildroppa sistemoje, atlikite pakeitimus, peržiūrėkite juos ir spustelėkite „Save changes“. Jūsų svetainėje esantis JavaScript fragmentas ir toliau naudos tą patį formos ID ir įkels išsaugotą viešąją konfigūraciją.

Jei formą laikinai reikia pašalinti, išaktyvinkite ją Registracijos formų apžvalgoje. Jei jos nebereikia, taip pat pašalinkite fragmentą iš svetainės, kad puslapyje neliktų nenaudojamo kodo.