Opret formular: Design formularer

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

Signup Form Builder er den visuelle editor til alle Maildroppa-tilmeldingsformularer og landingssider.

Du kan bruge den til at arrangere layout, tilføje tekst og billeder, konfigurere abonnentfelter, ændre farver og skrifttyper, tildele tags og bestemme, hvad der sker, efter at nogen indsender formularen. Lærredet viser resultatet, mens du arbejder, så du behøver ikke skrive kode for at designe en komplet tilmeldingsoplevelse.

Maildroppa bruger den samme builder til fire formulartyper:

• Landingssider er komplette, selvstændige sider, som du publicerer og deler med et link.
• Indlejrede formularer placeres direkte på en side på dit website.
• Popups vises oven på dit website og kan også åbnes fra et sideelement.
• Slide-ins vises ved en valgt kant eller position i browservinduet.

Denne vejledning forklarer alle funktioner, som disse formulartyper har til fælles. De linkede vejledninger forklarer kun de indstillinger og trin, der er unikke for hver type.

Åbn Signup Form Builder

Åbn “Signup Forms” i Maildroppa. Derefter kan du klikke på “Create Form” for at oprette en ny landingsside, indlejret formular, popup eller slide-in.

Hvis du vil fortsætte arbejdet på en eksisterende formular, skal du klikke på dens navn eller vælge “Edit Form” i handlingsmenuen med de tre prikker i oversigten over tilmeldingsformularer.

Giv formularen et tydeligt internt navn. Navne som “Nyhedsbrev på forsiden”, “Webinar-popup” eller “Sommer-leadmagnet” er lettere at genkende senere end generiske navne som “Formular 1”. Formularnavnet hjælper dig med at administrere formularen i Maildroppa og vises ikke automatisk for besøgende.

Forstå builderen

Builderen er opdelt i fire hovedområder.

Den øverste bjælke indeholder formularnavnet og de vigtigste handlinger. Her kan du vende tilbage til oversigten, forhåndsvise dit arbejde og gemme det. Landingssider viser også deres kladde- og publiceringskontroller i denne bjælke.

Venstre sidepanel indeholder “Layout”, “Content” og “Layers”. Brug det til at oprette strukturen, tilføje nye elementer og administrere alt, der allerede er placeret på lærredet.

Lærredet er det centrale arbejdsområde. Det viser den aktuelle side eller formular. Klik på et element for at vælge det. Du kan også trække elementer til en anden placering eller tilføje nye elementer fra venstre sidepanel.

Højre sidepanel indeholder “Settings” og “Page settings”. “Settings” ændrer det valgte element. “Page settings” ændrer den overordnede baggrund og designstandarderne.

På mindre skærme åbnes sidepanelerne som paneler ved hjælp af knapperne “Content” og “Settings”. De tilgængelige funktioner er de samme.

Start med en skabelon

Når du opretter en formular, tilbyder builderen startdesigns til den valgte formulartype. Du kan begynde med et tomt design, bruge standardformularen eller vælge en færdig skabelon.

Skabeloner giver dig et udgangspunkt med layout, farver, typografi og eksempelindhold. De begrænser ikke, hvad du senere kan ændre. Når du har valgt en skabelon, kan alle elementer stadig redigeres, flyttes, duplikeres, styles på ny eller fjernes.

Hver formulartype har skabeloner, der passer til dens formål. Landingssider indeholder for eksempel komplette sidedesigns til nyhedsbreve, leadmagneter, webinarer og ventelister. Indlejrede formularer, popups og slide-ins har deres egne kompakte startdesigns.

Hvis du er usikker på, hvilken skabelon du skal vælge, så vælg den, hvis struktur ligger tættest på dit mål. Det er som regel hurtigere at ændre tekst, farver og billeder end at opbygge den samme struktur fra et tomt lærred.

Opret layoutet

Åbn “Layout” i venstre sidepanel for at tilføje en ny række celler. De tilgængelige layouts omfatter:

• Én celle
• To, tre eller fire ens celler
• To celler med et forhold på 2:1
• To celler med et forhold på 1:2

Klik på et layout for at tilføje det ved den aktuelle indsættelsesposition, eller træk det ind på lærredet. Derefter kan du placere indhold i hver celle.

Vælg en boks eller kolonne for at justere størrelse, afstand, justering, baggrund, kant og indvendig margen i højre sidepanel. I layouts med flere kolonner kan du også ændre kolonnernes relative bredde.

Brug layouts til at skabe en tydelig læserækkefølge. En enkelt kolonne fungerer godt til kompakte tilmeldingsformularer. Et layout med to kolonner er nyttigt, når et billede, en liste over fordele eller oplysninger om et arrangement skal vises ved siden af tilmeldingsformularen.

Tilføj indhold

Åbn “Content” i venstre sidepanel for at tilføje individuelle indholdsblokke. Du kan klikke på en blok for at indsætte den eller trække den til den ønskede placering på lærredet.

Builderen indeholder følgende indholdsblokke:

Tilmeldingsformular — Indeholder abonnentfelterne og indsendelsesknappen. Et design skal indeholde én tilmeldingsformularblok, før det kan gemmes som en fungerende formular. Når blokken er til stede, tilbydes den ikke længere som en ekstra indholdsblok.

Tekst — Tilføjer overskrifter, afsnit eller anden formateret tekst.

Billede — Tilføjer et billede fra en URL, en upload eller Maildroppas mediebibliotek. Du kan angive alternativ tekst, tilføje et link og styre dimensioner, højde-bredde-forhold, beskæring, fokuspunkt, rotation og spejlvending.

Video — Tilføjer en YouTube- eller Vimeo-video, en embed-URL eller en direkte videofil. Du kan også konfigurere et eksempelbillede og afspilningsknappens udseende.

Liste — Tilføjer en punktopstillet eller nummereret liste. Rediger punkterne, og styr markørfarve, afstand, typografi og justering.

Knap — Tilføjer en linkknap med konfigurerbar tekst, URL, størrelse, bredde, farver, kant, typografi og justering.

Sociale links — Tilføjer linkede ikoner til tjenester som Facebook, Instagram, LinkedIn, TikTok, YouTube eller dit website.

Abonnenttæller — Viser det aktuelle antal bekræftede abonnenter. Du kan tilføje et offset, ændre etiketten og style tallet og teksten.

Luft — Tilføjer kontrolleret tom plads. Afstanden kan indstilles separat til desktop og mobil.

Skillelinje — Tilføjer en vandret linje med konfigurerbar farve, tykkelse, bredde, stil, justering og afstand.

Landingssider indeholder også komplette genanvendelige sektioner. Disse forklares i vejledningen til landingssider.

Vælg og arranger elementer

Klik på et element på lærredet for at vælge det. Dets indstillinger vises i højre sidepanel.

Kontrollerne på eller tæt ved det valgte element lader dig flytte, duplikere eller slette det. Du kan også trække et element til en anden celle eller position. En placeringsindikator viser, hvor det indsættes.

Åbn “Layers”, når siden indeholder mange indlejrede bokse, kolonner og indholdsblokke. Panelet Layers viser den komplette struktur som en liste. Herfra kan du:

• Vælge et element
• Omdøbe det, så det er lettere at identificere
• Flytte det op eller ned
• Trække det til en anden position
• Låse eller låse det op
• Duplicere det
• Slette det

Låsning er nyttig, når en færdig baggrund, et billede eller en sektion ikke må flyttes ved et uheld. Lås laget op, når du vil redigere eller omplacere det igen.

Brug “Undo” og “Redo” på builderens værktøjslinje til at gå tilbage eller frem gennem de seneste designændringer.

Rediger tekst

Klik inde i et tekstelement for at redigere indholdet direkte på lærredet. Tekstværktøjslinjen indeholder afsnits- og overskriftsformater samt almindelige formateringsmuligheder.

Afhængigt af den valgte tekst kan du bruge fed, kursiv, understregning, gennemstregning, sænket skrift, hævet skrift, justering, punktopstillede eller nummererede lister, links og emojis. Indstillinger for markeret tekst lader dig også justere typografi og farver uden at ændre alle andre tekstelementer.

Brug de globale typografiindstillinger under “Page settings”, når alle overskrifter, brødtekst, links eller knapper skal have en ensartet stil. Brug indstillingerne for det valgte element, når kun én blok skal se anderledes ud.

Konfigurer tilmeldingsformularen

Vælg tilmeldingsformularblokken på lærredet for at åbne dens indstillinger. De tilgængelige sektioner omfatter statuslinje, abonnenttæller, felter, skjulte tags, formularcontainer, inputfelter og indsendelsesknap.

Abonnentfelter

E-mailadressen er det centrale felt i en tilmeldingsformular. Du kan også tilføje abonnentfelter, der findes på din Maildroppa-konto.

For hvert felt kan du ændre etiketten og pladsholderen, bestemme om det er påkrævet og vælge, om feltetiketten skal vises. Felter kan omarrangeres ved at trække dem eller bruge flyttekontrollerne.

Spørg kun efter oplysninger, du reelt har brug for. Kortere formularer er hurtigere at udfylde, mens ekstra felter er nyttige, når oplysningerne skal bruges til segmentering eller personalisering.

Skjulte tags

Skjulte tags vises ikke for besøgende. Når nogen tilmelder sig via formularen, tildeler Maildroppa automatisk de valgte tags til abonnenten.

Det er nyttigt til at identificere kilden eller interessen bag en tilmelding. En formular til et webinar kan for eksempel tildele tagget “Webinar”, mens en leadmagnetformular kan tildele et tag for det downloadede emne.

Statuslinje

Statuslinjen kan deaktiveres eller vises som en procentdel eller en totrinsindikator.

For en procentindikator kan du ændre tekst, farver, skriftstørrelse, tykkelse og justering. For en totrinsindikator kan du redigere etiketterne for begge trin og vælge aktive og inaktive farver.

En statusindikator kan hjælpe med at forklare, at indsendelse af formularen er første trin, og bekræftelse af Double Opt-in-e-mailen er andet trin.

Abonnenttæller i formularen

Tilmeldingsformularen kan vise det aktuelle antal bekræftede abonnenter før eller efter indsendelsesknappen.

Du kan tilføje et offset, skrive en etiket, vælge placeringen og justere typografi og justering. Offsettet lægges til det bekræftede abonnenttal, som Maildroppa viser.

Denne formulartæller er forskellig fra den selvstændige indholdsblok “Subscriber counter”. Brug formularindstillingen, når tallet skal være direkte knyttet til indsendelsesområdet. Brug indholdsblokken, når tælleren skal vises et andet sted i designet.

Design af formular, inputfelter og knap

Indstillingerne for “Signup Form Block” styrer containeren omkring felterne, herunder baggrund, kant, hjørneradius og afstand.

Inputindstillingerne styrer feltbaggrunde, etiketter, tekst, pladsholdere, kanter og afstand. Indsendelsesknappen har separate indstillinger for tekst, typografi, farver, kant, dimensioner og justering.

Du kan klikke direkte på statuslinjen eller indsendelsesknappen på lærredet for straks at åbne indstillingerne for den pågældende del.

Skift det overordnede udseende

Åbn “Page settings” i højre sidepanel for at ændre det overordnede design. For indlejrede formularer, popups og slide-ins gælder disse indstillinger for formularlærredet og ikke for en komplet hostet side.

Du kan konfigurere den primære baggrund, baggrundsbilledet, den maksimale bredde og afstand på mobil. Udseendeindstillingerne definerer standarder for:

• Brødtekstskrifttype og tekstfarve
• Linkfarve, understregning og hoverfarve
• Overskriftsskrifttype, farve, tykkelse, størrelse og linjehøjde
• Knapper
• Bokse, kanter, hjørneradier, mellemrum og indvendig margen
• Sideindvendig margen på mobil og det punkt, hvor kolonner stables

Disse standarder holder designet ensartet. Individuelle blokke kan stadig tilsidesætte dem efter behov.

Forbind et tilmeldingsflow

Alle formularer er forbundet med et Signup Flow. Tilmeldingsflowet styrer abonnentens forløb, efter at formularen er indsendt:

• Hvad den besøgende ser umiddelbart efter indsendelse af formularen
• Hvilken Double Opt-in-e-mail der sendes
• Hvad der sker, efter at abonnenten har bekræftet e-mailadressen

Åbn kontrollen for tilmeldingsflowet i builderens overskrift for at se det aktuelt tildelte flow. Du kan vælge et andet eksisterende flow, redigere det valgte flow eller oprette et nyt.

Et tilmeldingsflow kan bruges af flere formularer. Hvis du redigerer et delt flow, påvirker ændringen alle formularer, der bruger det. Maildroppa lader dig derfor vælge, om du vil redigere det delte flow eller oprette en separat kopi til den aktuelle formular.

Forhåndsvisning og lagring

Klik på “Preview” for at kontrollere det komplette design og tilmeldingsforløbet, før du gør det offentligt. Forhåndsvisning er nyttig til at kontrollere lang tekst, billedproportioner, felt rækkefølge, knapetiketter og formularens overordnede balance.

For indlejrede formularer, popups og slide-ins skal du klikke på “Save changes”, når du er klar til at gemme den aktuelle version.

Landingssider bruger kladde- og publiceringskontroller i den øverste bjælke. De kan gemmes uden at blive publiceret, og ændringer til en allerede publiceret side forbliver upublicerede, indtil du publicerer dem. Det komplette workflow forklares i Opbyg og publicer en landingsside.

Efter lagring skal du vende tilbage til oversigten over tilmeldingsformularer for at aktivere og integrere en websiteformular eller administrere en publiceret landingsside.

Fortsæt med din formulartype

Det fælles designarbejde er nu færdigt. Fortsæt med vejledningen til den formular, du opretter:

• Opbyg og publicer en landingsside
• Opbyg og integrer en indlejret formular
• Konfigurer og vis en popup
• Konfigurer og placér en slide-in