Opret og indlejr tilmeldingsformularer

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

En indlejret formular placeres direkte på en eksisterende side på dit website. Den forbliver en del af det omgivende indhold i stedet for at blive vist oven på det.

Indlejrede formularer fungerer godt i blogartikler, landingssider på dit eget website, nyhedsbrevssektioner, sidekolonner og footere. Det sted, hvor du tilføjer formularkoden, bestemmer, hvor formularen vises.

Denne vejledning gennemgår de trin, der er specifikke for indlejrede formularer. De almindelige funktioner til visuel redigering forklares i den primære vejledning til opbygning af tilmeldingsformularer.

Oprettelse af en indlejret formular

Åbn “Signup Forms”, klik på “Create Form”, og vælg “Embedded Form”. Indtast et tydeligt internt navn, og fortsæt til builderen.

Du kan også redigere en eksisterende formular ved at klikke på dens navn i oversigten over tilmeldingsformularer.

Det interne navn vises ikke automatisk for besøgende. Navngiv formularen efter dens placering eller formål, f.eks. “Homepage Newsletter”, “Blog Footer” eller “Product Updates”.

Valg af et startdesign

Indlejrede formularer tilbyder en tom formular, en standardformular og fire designede skabeloner:

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

Vælg det design, der passer bedst til det websiteområde, hvor formularen skal vises, samt til områdets stil og tone. Alle startdesigns kan ændres fuldstændigt efter valget.

Design af den indlejrede formular

Brug “Layout” og “Content” til at arrangere formularen. En indlejret formular kan indeholde selve tilmeldingsformularen sammen med understøttende tekst, billeder, lister, knapper, sociale links, en abonnenttæller, mellemrum eller skillelinjer.

Til en smal sidekolonne eller footer er et design med én kolonne som regel lettest at læse. I en bredere sidesektion kan et layout med to kolonner placere en kort forklaring eller et billede ved siden af felterne.

Vælg blokken med tilmeldingsformularen for at vælge abonnentfelter, obligatoriske felter, etiketter, skjulte tags, en statusindikator og en valgfri abonnenttæller. Derefter kan du style formularens beholder, felter og indsendelsesknap separat.

Åbn “Page settings” for at ændre baggrunden og de overordnede standardindstillinger for designet af lærredet til den indlejrede formular. Tag højde for det omgivende website. En gennemsigtig eller enkel baggrund integreres ofte mere naturligt, mens en kontrasterende baggrund hjælper tilmeldingsbudskabet med at skille sig ud.

De komplette instruktioner til layouts, indhold, lag, felter, tags, typografi og udseende findes i Brug af Signup Form Builder.

Forbindelse af tilmeldingsflowet

Brug kontrolknappen til tilmeldingsflowet i builderens toptekst for at gennemgå, hvad der sker efter indsendelse, hvilken Double Opt-in-mail der sendes, og hvad den besøgende ser efter bekræftelsen.

Du kan vælge et eksisterende flow, redigere det tildelte flow eller oprette et nyt. Hvis det valgte flow deles med andre formularer, skal du huske, at redigering af det også kan påvirke disse formularer.

Forhåndsvisning og lagring

Klik på “Preview” for at gennemgå hele formularen, før du placerer den på dit website. Kontrollér rækkefølgen af felterne, etiketterne, pladsen til fejlmeddelelser, knappens tekst og mængden af understøttende indhold.

Klik på “Save changes” for at gemme den aktuelle version. Gå tilbage til oversigten over tilmeldingsformularer, når du er klar til at indlejre den.

Aktivering af formularen

Den indlejrede formular skal være aktiv, før dens offentlige kode kan bruges.

Hvis formularen er inaktiv, skal du åbne menuen med handlinger via de tre prikker i oversigten over tilmeldingsformularer og vælge “Activate”. En aktiv formular viser handlingen “Show Code Snippet”.

Deaktivér formularen, når den ikke længere skal være tilgængelig på dit website. Deaktivering tager formularen offline uden at slette dens design eller tidligere rapportdata.

Kopiering af JavaScript-koden

Klik på “Show Code Snippet”, og åbn fanen “JavaScript”. Maildroppa leverer et kort script, der indeholder formularens unikke ID.

Koden følger denne struktur:

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

Kopiér hele koden uden at ændre scriptadressen eller formular-ID'et.

JavaScript-indstillingen indlæser den aktuelt gemte formular via Maildroppas formular-runtime. Når du senere redigerer og gemmer den samme formular i Maildroppa, henviser det eksisterende snippet stadig til dette formular-ID. Du behøver ikke oprette en ny formular blot for at ændre dens tekst eller design.

Tilføjelse af formularen til dit website

Indsæt scriptet på den placering på siden, hvor den indlejrede formular skal vises.

De præcise trin afhænger af dit websitesystem. I en page builder eller et content management-system skal du bruge en blok, der accepterer tilpasset HTML- eller scriptkode. På et specialudviklet website skal du tilføje scriptet til den relevante skabelon eller sidemarkup.

Nogle websiteeditorer fjerner scripttags af sikkerhedsmæssige årsager. Hvis formularen ikke vises, efter at siden er publiceret, skal du først kontrollere, om editoren har bevaret hele Maildroppa-scriptet. Du kan være nødt til at bruge systemets dedikerede område til tilpasset kode eller spørge den person, der administrerer websitet.

Indsæt ikke det samme snippet til en indlejret formular flere gange på én side, medmindre du med vilje ønsker den samme formular flere steder og har testet denne opsætning.

Brug af HTML-fanen

Fanen “HTML” indeholder den genererede formularmarkup. Denne mulighed er beregnet til tilpassede implementeringer, hvor du ønsker at arbejde direkte med den renderede HTML.

Kopiér hele markuppen, hvis du vælger denne metode. Da en tilpasset HTML-integration kan påvirkes af dit websites styles og implementering, skal du teste dens felter, validering, indsendelse og bekræftelsesflow grundigt.

Til den almindelige Maildroppa-administrerede formular er JavaScript-snippetet den kortere integration, og det indlæser den aktuelle offentlige formularkonfiguration via dens ID.

Test af den indlejrede formular

Publicér eller forhåndsvis den websitesside, der indeholder koden. Test derefter formularen, som en besøgende ville gøre:

1. Kontrollér, at formularen vises på den korrekte placering.
2. Se siden på en bred og en smal skærm.
3. Udfyld alle obligatoriske felter.
4. Indsend formularen, og gennemgå svaret.
5. Åbn Double Opt-in-mailen.
6. Bekræft adressen, og gennemgå det endelige svar.
7. Kontrollér, at abonnenten og eventuelle skjulte tags vises korrekt i Maildroppa.

Hvis formularen er bredere end dens websitebeholder, skal du justere formularens bredde, kolonnelayout, indvendige margen eller indstillingerne for stabling på mobil i builderen. Undgå at løse layoutproblemer ved at ændre den genererede Maildroppa-kode.

Opdatering af en indlejret formular

Åbn den samme formular i Maildroppa, foretag ændringerne, forhåndsvis dem, og klik på “Save changes”. JavaScript-snippetet på dit website fortsætter med at bruge det samme formular-ID og indlæser den gemte offentlige konfiguration.

Hvis formularen midlertidigt skal fjernes, skal du deaktivere den fra oversigten over tilmeldingsformularer. Hvis den ikke længere er nødvendig, skal du også fjerne snippetet fra websitet, så siden ikke indeholder ubrugt kode.