Búðu til og felldu inn skráningarform

Published: 16. júlí 2026 · Last updated: 21. júlí 2026 · By Marcus Biel

Innfelldu formi er komið fyrir beint innan á síðu sem þegar er til á vefsvæðinu þínu. Það er áfram hluti af efni síðunnar í stað þess að birtast fyrir ofan það.

Innfelld form henta vel í bloggfærslur, áfangasíður á eigin vefsvæði, fréttabréfahluta, hliðarstikur og síðufætur. Staðsetningin þar sem þú bætir formkóðanum við ákvarðar hvar formið birtist.

Þessi leiðarvísir fjallar um skrefin sem eru sérstök fyrir innfelld form. Algengar aðgerðir í sjónrænum ritli eru útskýrðar í aðalleiðarvísinum Signup Form Builder.

Búa til innfellt form

Opnaðu „Signup Forms“, smelltu á „Create Form“ og veldu „Embedded Form“. Sláðu inn skýrt innra heiti og haltu áfram í smiðinn.

Þú getur einnig breytt formi sem þegar er til með því að smella á heiti þess í Signup Forms Overview.

Innra heitið birtist sjálfkrafa ekki gestum. Nefndu formið eftir staðsetningu þess eða tilgangi, til dæmis „Homepage Newsletter“, „Blog Footer“ eða „Product Updates“.

Velja upphafshönnun

Innfelld form bjóða upp á autt form, staðlað form og fjögur hönnuð sniðmát:

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

Veldu þá hönnun sem passar best við rýmið og tón vefsvæðisins þar sem formið mun birtast. Hægt er að breyta öllum upphafshönnunum að fullu eftir val.

Hanna innfellda formið

Notaðu „Layout“ og „Content“ til að raða formið. Innfellt form getur innihaldið skráningarformið ásamt stuðningstexta, myndum, listum, hnöppum, samfélagsmiðlatenglum, áskrifendateljara, bilum eða aðgreinum.

Fyrir mjóa hliðarstiku eða síðufót er ein dálkur yfirleitt auðlæsilegastur. Á breiðari hluta síðu getur tveggja dálka uppsetning komið stuttri skýringu eða mynd fyrir við hlið reitanna.

Veldu skráningarformsreitinn til að velja áskrifendareiti, nauðsynlega reiti, heiti, falin merki, framvinduvísi og valfrjálsan áskrifendateljara. Þú getur síðan stílfært formílát, reiti og innsendingarhnapp hvert fyrir sig.

Opnaðu „Page settings“ til að breyta bakgrunni og almennum sjálfgefnum hönnunarstillingum fyrir flöt innfellda formsins. Hafðu vefsvæðið í kring í huga. Gegnsær eða einfaldur bakgrunnur fellur oft eðlilegar inn, en andstæður bakgrunnur hjálpar skráningartilboðinu að skera sig úr.

Heildarleiðbeiningar um uppsetningar, efni, lög, reiti, merki, leturfræði og útlit er að finna í Using the Signup Form Builder.

Tengja skráningarflæðið

Notaðu stýringu skráningarflæðisins í haus smiðsins til að yfirfara hvað gerist eftir innsendingu, hvaða Double Opt-in tölvupóstur er sendur og hvað gesturinn sér eftir staðfestingu.

Þú getur valið flæði sem þegar er til, breytt úthlutuðu flæði eða búið til nýtt. Ef valið flæði er sameiginlegt með öðrum formum skaltu hafa í huga að breytingar á því geta einnig haft áhrif á þau form.

Forskoða og vista

Smelltu á „Preview“ til að yfirfara allt formið áður en þú setur það á vefsvæðið þitt. Athugaðu röð reita, heiti, pláss fyrir villuboð, hnappatexta og umfang stuðningsefnis.

Smelltu á „Save changes“ til að vista núverandi útgáfu. Farðu aftur í Signup Forms Overview þegar þú ert tilbúin(n) að fella formið inn.

Virkja formið

Innfellt form verður að vera virkt áður en hægt er að nota opinberan kóða þess.

Ef formið er óvirkt skaltu opna þriggja punkta aðgerðavalmynd þess í Signup Forms Overview og velja „Activate“. Virkt form sýnir aðgerðina „Show Code Snippet“.

Gerðu formið óvirkt þegar það á ekki lengur að vera aðgengilegt á vefsvæðinu þínu. Óvirkjun tekur formið án nettengingar án þess að hönnun þess eða fyrri skýrslugögn séu eytt.

Afrita JavaScript-kóðann

Smelltu á „Show Code Snippet“ og opnaðu flipann „JavaScript“. Maildroppa gefur upp stutt skrift sem inniheldur einkvæmt formauðkenni.

Kóðinn fylgir þessari uppbyggingu:

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

Afritaðu allan kóðann án þess að breyta vefslóð skriftunnar eða formauðkenninu.

JavaScript-valkosturinn hleður núverandi vistaða formi í gegnum formkeyrsluumhverfi Maildroppa. Þegar þú breytir og vistar sama form síðar í Maildroppa vísar fyrirliggjandi kóðabútur áfram í sama formauðkenni. Þú þarft ekki að búa til nýtt form einungis til að breyta texta þess eða hönnun.

Bæta formi við vefsvæðið þitt

Límdu skriftuna inn á þann stað á síðunni þar sem innfellda formið á að birtast.

Nákvæm skref fara eftir vefkerfinu þínu. Í síðusmið eða vefumsjónarkerfi skaltu nota reit sem tekur við sérsniðnum HTML- eða skriftukóða. Á sérsniðnu vefsvæði skaltu bæta skriftunni við viðeigandi sniðmát eða síðumerkingu.

Sumir vefritlar fjarlægja skriftumerki af öryggisástæðum. Ef formið birtist ekki eftir að síðan hefur verið birt skaltu fyrst athuga hvort ritillinn hafi varðveitt alla Maildroppa-skriftuna. Þú gætir þurft að nota sérstakt svæði kerfisins fyrir sérsniðinn kóða eða leita til þess sem sér um vefsvæðið.

Ekki líma sama kóðabútinn fyrir innfellda formið inn mörgum sinnum á sömu síðu nema þú viljir viljandi hafa sama form á mörgum stöðum og hafir prófað þá uppsetningu.

Nota HTML-flipann

Flipinn „HTML“ sýnir myndað formmerkið. Þessi valkostur er ætlaður fyrir sérsniðnar útfærslur þar sem þú vilt vinna beint með birt HTML.

Afritaðu alla merkinguna ef þú velur þessa aðferð. Þar sem sérsniðin HTML-tenging getur orðið fyrir áhrifum af stílum og útfærslu vefsvæðisins skaltu prófa reiti, sannprófun, innsendingu og staðfestingarflæði vandlega.

Fyrir venjulegt form sem Maildroppa heldur utan um er JavaScript-kóðabúturinn styttri tenging og hleður núverandi opinberri formstillingu eftir auðkenni þess.

Prófa innfellda formið

Birtu eða forskoðaðu vefsíðuna sem inniheldur kóðann. Prófaðu síðan formið eins og gestur myndi gera:

1. Athugaðu að formið birtist á réttum stað.
2. Skoðaðu síðuna á breiðum og mjóum skjá.
3. Fylltu út alla nauðsynlega reiti.
4. Sendu formið inn og yfirfarðu svarið.
5. Opnaðu Double Opt-in tölvupóstinn.
6. Staðfestu netfangið og yfirfarðu lokasvarið.
7. Staðfestu að áskrifandinn og öll falin merki birtist rétt í Maildroppa.

Ef formið er breiðara en ílátið á vefsvæðinu skaltu stilla breidd formsins, dálkauppsetningu, innri spássíu eða stillingar fyrir uppsöfnun á farsímum í smiðnum. Forðastu að laga uppsetningarvandamál með því að breyta myndaða Maildroppa-kóðanum.

Uppfæra innfellt form

Opnaðu sama form í Maildroppa, gerðu breytingarnar, forskoðaðu þær og smelltu á „Save changes“. JavaScript-kóðabúturinn á vefsvæðinu þínu heldur áfram að nota sama formauðkenni og hleður vistaðri opinberri stillingu formsins.

Ef fjarlægja á formið tímabundið skaltu gera það óvirkt í Signup Forms Overview. Ef þess er ekki lengur þörf skaltu einnig fjarlægja kóðabútinn af vefsvæðinu svo síðan innihaldi ekki ónotaðan kóða.