Opprett og bygg inn registreringsskjemaer

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

Et innebygd skjema plasseres direkte på en eksisterende side på nettstedet ditt. Det forblir en del av det omkringliggende innholdet i stedet for å vises over det.

Innebygde skjemaer fungerer godt i blogginnlegg, landingssider på ditt eget nettsted, nyhetsbrevområder, sidefelt og bunntekster. Plasseringen der du legger til skjemakoden, avgjør hvor skjemaet vises.

Denne veiledningen dekker trinnene som er spesifikke for innebygde skjemaer. De vanlige funksjonene for visuell redigering er forklart i hovedveiledningen Opprett registreringsskjemaer.

Opprette et innebygd skjema

Åpne «Signup Forms», klikk på «Create Form», og velg «Embedded Form». Skriv inn et tydelig internt navn og fortsett til byggeren.

Du kan også redigere et eksisterende skjema ved å klikke på navnet i Signup Forms Overview.

Det interne navnet vises ikke automatisk til besøkende. Gi skjemaet navn etter plasseringen eller formålet, for eksempel «Nyhetsbrev på startsiden», «Bunntekst i blogg» eller «Produktoppdateringer».

Velge et startdesign

Innebygde skjemaer tilbyr et tomt skjema, et standard skjema og fire utformede maler:

• Rolig notat
• Kupongstripe
• Mørk redaksjonell
• Minimal blå

Velg designet som passer best til området og tonen på nettstedet der skjemaet skal vises. Alle startdesign kan endres fullstendig etter at de er valgt.

Utforme det innebygde skjemaet

Bruk «Layout» og «Content» til å organisere skjemaet. Et innebygd skjema kan inneholde registreringsskjemaet sammen med støttetekst, bilder, lister, knapper, sosiale lenker, en abonnentteller, mellomrom eller skillelinjer.

For et smalt sidefelt eller en bunntekst er et design med én kolonne vanligvis lettest å lese. I en bredere seksjon på siden kan et oppsett med to kolonner plassere en kort forklaring eller et bilde ved siden av feltene.

Velg registreringsskjemablokken for å angi abonnentfelt, obligatoriske felt, etiketter, skjulte tagger, en fremdriftsindikator og en valgfri abonnentteller. Deretter kan du utforme skjemabeholderen, feltene og innsendingknappen separat.

Åpne «Page settings» for å endre bakgrunnen og de overordnede standardinnstillingene for designet på lerretet til det innebygde skjemaet. Ta hensyn til nettstedet rundt. En gjennomsiktig eller enkel bakgrunn integreres ofte mer naturlig, mens en kontrasterende bakgrunn gjør registreringstilbudet mer synlig.

Den komplette veiledningen for oppsett, innhold, lag, felt, tagger, typografi og utseende finner du i Bruke skjemabyggeren for registrering.

Koble til registreringsflyten

Bruk kontrollen for registreringsflyten i toppteksten til byggeren for å se gjennom hva som skjer etter innsending, hvilken e-post for dobbel opt-in som sendes, og hva den besøkende ser etter bekreftelsen.

Du kan velge en eksisterende flyt, redigere den tilordnede flyten eller opprette en ny. Hvis den valgte flyten deles med andre skjemaer, må du huske at redigering kan påvirke disse skjemaene også.

Forhåndsvise og lagre

Klikk på «Preview» for å se gjennom hele skjemaet før du plasserer det på nettstedet. Kontroller feltenes rekkefølge, etiketter, plass til feilmeldinger, knappetekst og mengden støttende innhold.

Klikk på «Save changes» for å lagre den gjeldende versjonen. Gå tilbake til Signup Forms Overview når du er klar til å bygge det inn.

Aktivere skjemaet

Det innebygde skjemaet må være aktivt før den offentlige koden kan brukes.

Hvis skjemaet er inaktivt, åpner du menyen med handlinger med tre prikker i Signup Forms Overview og velger «Activate». Et aktivt skjema viser handlingen «Show Code Snippet».

Deaktiver skjemaet når det ikke lenger skal være tilgjengelig på nettstedet ditt. Deaktivering tar skjemaet offline uten å slette designet eller tidligere rapportdata.

Kopiere JavaScript-koden

Klikk på «Show Code Snippet» og åpne fanen «JavaScript». Maildroppa leverer et kort skript som inneholder den unike skjema-ID-en.

Koden følger denne strukturen:

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

Kopier hele koden uten å endre skriptadressen eller skjema-ID-en.

JavaScript-alternativet laster inn det gjeldende lagrede skjemaet gjennom Maildroppas skjemakjøremiljø. Når du senere redigerer og lagrer det samme skjemaet i Maildroppa, viser det eksisterende utdraget fortsatt til den samme skjema-ID-en. Du trenger ikke å opprette et nytt skjema bare for å endre teksten eller designet.

Legge skjemaet til på nettstedet ditt

Lim inn skriptet på stedet på siden der det innebygde skjemaet skal vises.

De nøyaktige trinnene avhenger av nettstedssystemet ditt. I en sidebygger eller et innholdsstyringssystem bruker du en blokk som godtar egendefinert HTML- eller skriptkode. På et spesialtilpasset nettsted legger du skriptet til i den aktuelle malen eller sidemarkeringen.

Noen nettstedsredigerere fjerner skripttagger av sikkerhetshensyn. Hvis skjemaet ikke vises etter at siden er publisert, bør du først kontrollere om redigereren har bevart hele Maildroppa-skriptet. Det kan hende du må bruke systemets eget område for egendefinert kode eller spørre personen som administrerer nettstedet.

Ikke lim inn det samme utdraget for et innebygd skjema flere ganger på én side, med mindre du med hensikt vil ha det samme skjemaet på flere steder og har testet oppsettet.

Bruke HTML-fanen

Fanen «HTML» viser den genererte skjemamarkeringen. Dette alternativet er ment for spesialtilpassede implementeringer der du vil arbeide direkte med den gjengitte HTML-koden.

Kopier hele markeringen hvis du velger denne metoden. Siden en egendefinert HTML-integrasjon kan påvirkes av nettstedets stiler og implementasjon, bør du teste feltene, valideringen, innsendingen og bekreftelsesflyten nøye.

For det vanlige Maildroppa-administrerte skjemaet er JavaScript-utdraget den kortere integrasjonen og laster inn den gjeldende offentlige skjemakonfigurasjonen ved hjelp av ID-en.

Teste det innebygde skjemaet

Publiser eller forhåndsvis nettsiden som inneholder koden. Test deretter skjemaet slik en besøkende ville gjort:

1. Kontroller at skjemaet vises på riktig plass.
2. Se på siden på en bred og en smal skjerm.
3. Fyll ut alle obligatoriske felt.
4. Send inn skjemaet og se gjennom svaret.
5. Åpne e-posten for dobbel opt-in.
6. Bekreft adressen og se gjennom det endelige svaret.
7. Kontroller at abonnenten og eventuelle skjulte tagger vises riktig i Maildroppa.

Hvis skjemaet er bredere enn beholderen på nettstedet, justerer du skjemabredden, kolonneoppsettet, innvendig marg eller innstillingene for stabling på mobil i byggeren. Unngå å løse layoutproblemer ved å endre den genererte Maildroppa-koden.

Oppdatere et innebygd skjema

Åpne det samme skjemaet i Maildroppa, gjør endringene, forhåndsvis dem og klikk på «Save changes». JavaScript-utdraget på nettstedet fortsetter å bruke den samme skjema-ID-en og laster inn den lagrede offentlige konfigurasjonen.

Hvis skjemaet skal fjernes midlertidig, deaktiverer du det fra Signup Forms Overview. Hvis det ikke lenger er nødvendig, fjerner du også utdraget fra nettstedet slik at siden ikke inneholder ubrukt kode.