Koosta ja lisa registreerumisvorme

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

Manustatud vorm paigutatakse otse sinu veebisaidi olemasoleva lehe sisse. See jääb ümbritseva sisu osaks, mitte ei ilmu selle kohale.

Manustatud vormid sobivad hästi blogiartiklitesse, sinu veebisaidi sihtlehtedele, uudiskirja jaotistesse, külgribadele ning jalustesse. Vormikoodi lisamise asukoht määrab, kus vorm kuvatakse.

See juhend käsitleb manustatud vormidele omaseid samme. Levinumaid visuaalse redigeerimise funktsioone selgitatakse põhjalikus registreerumisvormi koostaja juhendis.

Manustatud vormi loomine

Ava „Signup Forms”, klõpsa „Create Form” ja vali „Embedded Form”. Sisesta selge sisemine nimi ning jätka koostajasse.

Olemasolevat vormi saad muuta ka, klõpsates selle nimel registreerumisvormide ülevaates.

Sisemist nime külastajatele automaatselt ei kuvata. Nimeta vorm selle asukoha või otstarbe järgi, näiteks „Homepage Newsletter”, „Blog Footer” või „Product Updates”.

Algkujunduse valimine

Manustatud vormide jaoks on saadaval tühi vorm, standardvorm ja neli kujundatud malli:

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

Vali kujundus, mis sobib kõige paremini selle veebisaidi ruumi ja tonaalsusega, kus vorm kuvatakse. Iga algkujundust saab pärast valimist täielikult muuta.

Manustatud vormi kujundamine

Kasuta vormi paigutamiseks valikuid „Layout” ja „Content”. Manustatud vorm võib sisaldada registreerumisvormi koos toetava teksti, piltide, loendite, nuppude, sotsiaalmeedialinkide, tellijate loenduri, tühikute või eraldajatega.

Kitsa külgriba või jaluse puhul on ühe veeruga kujundust tavaliselt kõige lihtsam lugeda. Laiemas lehejaotises saab kaheveerulise paigutusega asetada väljade kõrvale lühikese selgituse või pildi.

Vali registreerumisvormi plokk, et määrata tellija väljad, kohustuslikud väljad, sildid, peidetud märksõnad, edenemisnäidik ja valikuline tellijate loendur. Seejärel saad vormi konteinerit, välju ja saatmisnuppu eraldi kujundada.

Ava „Page settings”, et muuta manustatud vormi lõuendi tausta ja üldise kujunduse vaikeseadeid. Arvesta ümbritseva veebisaidiga. Läbipaistev või lihtne taust sobitub sageli loomulikumalt, samas kui kontrastne taust aitab registreerumispakkumisel paremini esile tõusta.

Paigutuste, sisu, kihtide, väljade, märksõnade, tüpograafia ja välimuse täielikud juhised leiad juhendist Registreerumisvormi koostaja kasutamine.

Registreerumisvoo ühendamine

Kasuta koostaja päises registreerumisvoo juhtnuppu, et vaadata üle, mis juhtub pärast vormi saatmist, milline Double Opt-in’i e-kiri saadetakse ja mida külastaja pärast kinnitamist näeb.

Saad valida olemasoleva voo, muuta määratud voogu või luua uue. Kui valitud voogu kasutavad ka teised vormid, pea meeles, et selle muutmine võib mõjutada ka neid vorme.

Eelvaade ja salvestamine

Klõpsa „Preview”, et vaadata kogu vorm enne selle veebisaidile paigutamist üle. Kontrolli väljade järjekorda, silte, veateadete ruumi, nupu teksti ja toetava sisu hulka.

Klõpsa „Save changes”, et praegune versioon salvestada. Kui oled valmis vormi manustama, naase registreerumisvormide ülevaatesse.

Vormi aktiveerimine

Manustatud vorm peab olema aktiivne, enne kui selle avalikku koodi saab kasutada.

Kui vorm on mitteaktiivne, ava registreerumisvormide ülevaates selle kolme punktiga toimingumenüü ja vali „Activate”. Aktiivse vormi puhul kuvatakse toiming „Show Code Snippet”.

Deaktiveeri vorm, kui see ei peaks enam sinu veebisaidil saadaval olema. Deaktiveerimine eemaldab vormi kasutusest, kuid ei kustuta selle kujundust ega varasemaid aruandlusandmeid.

JavaScripti koodi kopeerimine

Klõpsa „Show Code Snippet” ja ava vahekaart „JavaScript”. Maildroppa annab sulle lühikese skripti, mis sisaldab vormi kordumatut ID-d.

Kood järgib järgmist struktuuri:

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

Kopeeri kogu kood, muutmata skripti aadressi või vormi ID-d.

JavaScripti valik laadib salvestatud vormi praeguse versiooni Maildroppa vormikäituse kaudu. Kui muudad ja salvestad hiljem sama vormi Maildroppas, viitab olemasolev koodilõik endiselt sellele vormi ID-le. Sa ei pea ainult teksti või kujunduse muutmiseks uut vormi looma.

Vormi lisamine veebisaidile

Kleebi skript lehel sellesse kohta, kus manustatud vorm peaks ilmuma.

Täpsed sammud sõltuvad sinu veebisaidi süsteemist. Lehekoostajas või sisuhaldussüsteemis kasuta plokki, mis võimaldab lisada kohandatud HTML-i või skriptikoodi. Kohandatud veebisaidi puhul lisa skript asjakohasesse malli või lehe märgendusse.

Mõni veebiredaktor eemaldab skriptisildid turvakaalutlustel. Kui vormi pärast lehe avaldamist ei kuvata, kontrolli esmalt, kas redaktor säilitas kogu Maildroppa skripti. Võimalik, et pead kasutama süsteemi spetsiaalset kohandatud koodi ala või pöörduma veebisaidi haldaja poole.

Ära kleebi sama manustatud vormi koodilõiku ühele lehele mitu korda, välja arvatud juhul, kui soovid sama vormi tahtlikult mitmes asukohas kuvada ja oled selle seadistuse läbi testinud.

HTML-i vahekaardi kasutamine

Vahekaart „HTML” pakub genereeritud vormimärgistust. See valik on mõeldud kohandatud rakenduste jaoks, kus soovid otse renderdatud HTML-iga töötada.

Kui valid selle meetodi, kopeeri kogu märgistus. Kuna kohandatud HTML-i integratsiooni võivad mõjutada sinu veebisaidi stiilid ja teostus, testi hoolikalt selle välju, valideerimist, saatmist ja kinnitamisvoogu.

Tavapärase Maildroppa hallatava vormi puhul on JavaScripti koodilõik lühem integratsioonilahendus, mis laadib vormi praeguse avaliku konfiguratsiooni selle ID alusel.

Manustatud vormi testimine

Avalda või vaata eelvaates veebisaidi lehte, mis sisaldab koodi. Seejärel testi vormi nii, nagu teeks seda külastaja:

1. Kontrolli, et vorm ilmub õigesse kohta.
2. Vaata lehte nii laial kui ka kitsal ekraanil.
3. Täida kõik kohustuslikud väljad.
4. Saada vorm ja vaata vastus üle.
5. Ava Double Opt-in’i e-kiri.
6. Kinnita aadress ja vaata lõplik vastus üle.
7. Kontrolli, et tellija ja kõik peidetud märksõnad kuvatakse Maildroppas õigesti.

Kui vorm on veebisaidi konteinerist laiem, muuda koostajas vormi laiust, veergude paigutust, sisemisi veeriseid või mobiilse virnastamise seadeid. Väldi paigutusprobleemide lahendamist genereeritud Maildroppa koodi muutmisega.

Manustatud vormi uuendamine

Ava sama vorm Maildroppas, tee muudatused, vaata need eelvaates üle ja klõpsa „Save changes”. Sinu veebisaidil olev JavaScripti koodilõik kasutab jätkuvalt sama vormi ID-d ja laadib salvestatud avaliku konfiguratsiooni.

Kui vorm tuleks ajutiselt eemaldada, deaktiveeri see registreerumisvormide ülevaates. Kui seda pole enam vaja, eemalda koodilõik ka veebisaidilt, et lehele ei jääks kasutamata koodi.