Opret og vis pop op-formularer

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

En pop op vises oven på indholdet på dit website. Den placerer tilmeldingstilbuddet direkte i den besøgendes synsfelt, mens den underliggende side forbliver på plads.

Pop op-vinduer er nyttige til nyhedsbrevstilbud, rabatter, eventtilmeldinger, leadmagneter og andre fokuserede call to actions. Fordi de afbryder den normale sideoplevelse, er timing og hyppighed lige så vigtige som designet.

Denne vejledning forklarer de indstillinger, der er specifikke for pop op-vinduer. Layout, indholdsblokke, abonnentfelter, tags, typografi, lag og tilmeldingsflows gennemgås i den primære vejledning til Signup Form Builder.

Oprettelse af en pop op

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

Du kan også redigere en eksisterende pop op ved at klikke på dens navn i oversigten over Signup Forms.

Brug et navn, der forklarer tilbuddet eller placeringen, f.eks. “Homepage Discount Popup”, “Webinar Registration Popup” eller “Guide Download Popup”. Det interne navn vises ikke automatisk for besøgende.

Valg af en pop op-skabelon

Pop op-vinduer tilbyder en tom formular, en standardformular og fire designede skabeloner:

• Clean discount
• Warm guide
• Dark webinar
• Soft community

Vælg en skabelon, hvis størrelse og indholdsstruktur passer til tilbuddet. Al tekst, alle felter, farver, billeder, afstande og layout kan ændres bagefter.

Design af pop op-vinduet

Brug den visuelle builder til at arrangere pop op-vinduet. Du kan kombinere tilmeldingsformularen med tekst, billeder, video, lister, knapper, sociale links, en abonnenttæller, afstandselementer og skillelinjer.

Hold hovedbudskabet kort nok til, at det kan forstås med det samme. En tydelig overskrift, en kort forklaring og en specifik indsendelsesknap er som regel mere effektive end flere konkurrerende budskaber.

Vælg tilmeldingsformularblokken for at konfigurere felter, obligatoriske oplysninger, skjulte tags, statusindikator, abonnenttæller, inputfelter og indsendelsesknap. Åbn “Page settings” for at ændre pop op-vinduets overordnede baggrund og standardindstillinger for udseendet.

Pop op-vinduet vises oven på websitet med en lukkekontrol. Sørg for tilstrækkelig visuel plads omkring vigtig tekst og felter, så formularen er nem at bruge på en lille skærm.

Konfiguration af pop op-adfærd

Vælg tilmeldingsformularblokken, og åbn “Widget Settings”. Denne sektion styrer, hvornår pop op-vinduet vises, og hvor ofte en besøgende kan se det.

Visningsforsinkelse

“Display Delay” angiver, hvor mange sekunder Maildroppa venter, før pop op-vinduet vises på en indlejret webside.

Indtast 0 for at vise det uden yderligere forsinkelse. Brug en større værdi, når besøgende skal have tid til at læse siden, før tilbuddet vises. Builderen accepterer en forsinkelse på op til 86.400 sekunder.

Vælg forsinkelsen ud fra siden. En kort forsinkelse kan være passende på en fokuseret kampagneside, mens en længere forsinkelse kan føles mindre forstyrrende i en artikel.

Visningshyppighed

“Display Frequency” styrer den periode, der skal gå, før pop op-vinduet kan vises for den samme besøgende igen. De tilgængelige muligheder er:

• Always
• Once per hour
• Once per day
• Once per week
• Once per month

Brug “Always” med omtanke. En pop op, der gentagne gange afbryder den samme besøgende, kan blive frustrerende. En daglig eller ugentlig hyppighed er ofte et bedre udgangspunkt for et generelt tilbud på et website.

Hyppigheden gemmes i den besøgendes browser. Test i en anden browser, et privat browservindue eller med ryddet browserlager kan derfor give et andet resultat.

Brug af exit intent

Aktivér “Exit Intent Popup”, når pop op-vinduet skal åbnes, efter at den besøgende flytter markøren ud af sidens område, hvilket indikerer, at vedkommende måske er på vej til at forlade siden.

Når exit intent er aktiveret, venter pop op-vinduet på denne adfærd i stedet for at følge den normale forsinkede visning. Den valgte visningshyppighed forhindrer stadig, at det vises igen for hurtigt.

Exit intent er baseret på markørens bevægelse og er derfor primært relevant i desktop- og laptopbrowsere. Touch-enheder giver ikke det samme exitsignal. Sørg altid for, at mobilbesøgende stadig kan finde dit tilmeldingstilbud via selve siden eller en anden passende formular.

Åbning af en pop op manuelt fra et sideelement

En pop op kan åbnes, når en besøgende klikker på en bestemt knap, et billede eller et link på dit website. Dette er den manuelle klikudløser. Den adskiller sig fra “Exit Intent Popup”, som reagerer, når en besøgende flytter markøren ud af siden.

Konfigurer og installer den manuelle klikudløser sådan:

1. Åbn pop op-vinduet i Signup Form Builder.
2. Klik på tilmeldingsformularblokken på lærredet, og åbn “Settings” til højre.
3. Udvid “Widget Settings”, og aktivér “Open popup when a customer clicks a page element”.
4. Klik på “Save changes”.
5. Gå tilbage til oversigten over Signup Forms, og aktivér pop op-vinduet, hvis det er inaktivt.
6. Klik på “Show Code Snippet” i rækken for dette pop op-vindue.

Dialogboksen indeholder de to værdier, der kræves på dit website:

1. Kopiér den komplette kode fra fanen “JavaScript”, og føj den til den webside, hvor pop op-vinduet skal være tilgængeligt.
2. Kopiér ID'et, der vises under “Add this ID to element from which you want to manually trigger Popup”, under koden.
3. Føj den nøjagtige værdi til id-attributten for den knap, det billede eller det link, der skal åbne pop op-vinduet.

ID'et følger dette format:

maildroppa-popup-btn-[form-id]

For eksempel:

<button id="maildroppa-popup-btn-[form-id]">Get the guide</button>

JavaScript indlæser pop op-vinduet. ID'et forbinder pop op-vinduet med det valgte sideelement. Begge dele skal være til stede på den samme publicerede side. Når en besøgende klikker på elementet med det nøjagtige ID, åbner Maildroppa-scriptet pop op-vinduet.

Hvis din websiteknap allerede har et ID fra et andet pop op-system, skal du erstatte det med Maildroppa-udløser-ID'et, når Maildroppa skal håndtere klikket. Placér ikke Maildroppa-pop op-vinduet inde i et andet pop op-vindue fra din websitebuilder.

Brug hvert HTML-ID kun én gang pr. side. Hvis flere elementer skal åbne den samme pop op, skal du bede den person, der implementerer websitet, om at forbinde elementerne uden at duplikere det samme ID.

Forbindelse af tilmeldingsflowet

Gennemgå det tildelte tilmeldingsflow i builderens header. Det styrer det umiddelbare svar efter indsendelse, Double Opt-in-mailen og resultatet efter bekræftelse.

Du kan vælge et eksisterende flow, redigere det eller oprette et separat flow til denne pop op. Et dedikeret flow er nyttigt, når tilbuddet kræver sin egen bekræftelsesbesked eller levering af en leadmagnet.

Forhåndsvisning og lagring

Klik på “Preview” for at kontrollere pop op-vinduets design og adfærd uden at ændre den version, der bruges på dit website. Gennemgå layoutet, lukkekontrollen, feltrækkefølgen, pladsen til validering og svaret efter indsendelse.

Klik på “Save changes”, når pop op-vinduet er klar. Gå derefter tilbage til oversigten over Signup Forms.

Aktivering og automatisk indlejring af pop op-vinduet

Aktivér pop op-vinduet via menuen med handlinger med tre prikker, hvis det ikke allerede er aktivt. Klik derefter på “Show Code Snippet”, og kopiér den komplette kode fra fanen “JavaScript”.

Føj scriptet til alle websider, hvor pop op-vinduet skal være tilgængeligt. Koden indeholder pop op-vinduets unikke formular-ID og indlæser den aktuelt gemte konfiguration.

Fanen “HTML” indeholder den genererede markup til tilpassede implementeringer. Hvis du bruger den, skal du teste al adfærd og alle indsendelsestrin grundigt, fordi dit websites kode og typografi kan påvirke resultatet.

Dette afsnit gælder, når pop op-vinduet skal åbnes automatisk baseret på visningsforsinkelsen eller exit-intent-adfærden. Hvis en knap, et billede eller et link skal åbne pop op-vinduet ved klik, skal du følge

.

Se Opbygning og indlejring af en indlejret formular for generelle instruktioner om indlejring.

Test af pop op-vinduet på dit website

Test pop op-vinduet på den rigtige webside, når du har tilføjet koden:

1. Kontrollér den konfigurerede forsinkelse.
2. Test lukkeknappen og klik uden for formularen.
3. Hvis det er aktiveret, skal du flytte markøren ud af siden for at teste exit intent.
4. Hvis det er aktiveret, skal du klikke på det konfigurerede sideelement for at teste den manuelle udløser.
5. Kontrollér layoutet på en smal skærm.
6. Indsend formularen, og gennemfør Double Opt-in-processen.
7. Bekræft abonnenten og de skjulte tags i Maildroppa.

Indstillingen for hyppighed kan forhindre pop op-vinduet i at blive vist igen under gentagne tests. Brug et privat browservindue, eller ryd det relevante browserlager, når du har brug for et rent testbesøg.

Opdatering eller deaktivering af pop op-vinduet

Hvis du vil opdatere pop op-vinduet, skal du åbne det i Maildroppa, redigere designet eller adfærden, forhåndsvise det og klikke på “Save changes”. JavaScript-kodestykket fortsætter med at bruge det samme formular-ID.

Hvis du midlertidigt vil stoppe visningen, skal du vælge “Deactivate” i handlingsmenuen. Deaktivering bevarer pop op-vinduet og dets tidligere rapportdata. Fjern også scriptet eller udlø serelementet fra websitet, hvis de ikke længere er nødvendige.