Opprett og vis popup-skjemaer

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

En popup vises over innholdet på nettstedet ditt. Den plasserer registreringstilbudet direkte i den besøkendes synsfelt, samtidig som siden under forblir på plass.

Popuper er nyttige for nyhetsbrevtilbud, rabatter, arrangementspåmeldinger, leadmagneter og andre fokuserte handlingsoppfordringer. Fordi de avbryter den normale sideopplevelsen, er tidspunkt og hyppighet like viktig som utformingen.

Denne veiledningen forklarer innstillinger som gjelder spesifikt for popuper. Oppsett, innholdsblokker, abonnentfelt, tagger, typografi, lag og registreringsflyter er dekket i hovedveiledningen Veiledning for bygging av registreringsskjemaer.

Opprette en popup

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

Du kan også redigere en eksisterende popup ved å klikke på navnet i oversikten over registreringsskjemaer.

Bruk et navn som forklarer tilbudet eller plasseringen, for eksempel «Homepage Discount Popup», «Webinar Registration Popup» eller «Guide Download Popup». Det interne navnet vises ikke automatisk for besøkende.

Velge en popup-mal

Popuper tilbyr et tomt skjema, et standardskjema og fire ferdig utformede maler:

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

Velg en mal der størrelse og innholdsstruktur passer til tilbudet. All tekst, felter, farger, bilder, mellomrom og layout kan endres senere.

Utforme popupen

Bruk den visuelle byggeren til å ordne popupen. Du kan kombinere registreringsskjemaet med tekst, bilder, video, lister, knapper, sosiale lenker, en abonnentteller, mellomrom og skillelinjer.

Hold hovedbudskapet kort nok til at det kan forstås umiddelbart. En tydelig overskrift, én kort forklaring og en spesifikk sendeknapp er vanligvis mer effektivt enn flere konkurrerende budskap.

Velg registreringsskjemablokken for å konfigurere felter, nødvendig informasjon, skjulte tagger, fremdriftsindikator, abonnentteller, inndatafelt og sendeknapp. Åpne «Page settings» for å endre popupens overordnede bakgrunn og standardinnstillinger for utseendet.

Popupen vises over nettstedet med en lukkekontroll. La det være nok visuell plass rundt viktig tekst og felter, slik at skjemaet forblir enkelt å bruke på en liten skjerm.

Konfigurere popupens virkemåte

Velg registreringsskjemablokken og åpne «Widget Settings». Denne delen styrer når popupen vises, og hvor ofte en besøkende kan se den.

Visningsforsinkelse

«Display Delay» angir hvor mange sekunder Maildroppa venter før popupen vises på en innebygd nettside.

Skriv inn 0 for å vise den uten ekstra forsinkelse. Bruk en høyere verdi når besøkende bør få tid til å lese siden før tilbudet vises. Byggeren godtar en forsinkelse på opptil 86 400 sekunder.

Velg forsinkelsen ut fra siden. En kort forsinkelse kan passe på en fokusert kampanjeside, mens en lengre forsinkelse kan oppleves mindre forstyrrende i en artikkel.

Visningshyppighet

«Display Frequency» styrer hvor lang tid det går før popupen kan vises for den samme besøkende igjen. De tilgjengelige alternativene er:

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

Bruk «Always» med varsomhet. En popup som gjentatte ganger avbryter den samme besøkende, kan bli frustrerende. Daglig eller ukentlig hyppighet er ofte et bedre utgangspunkt for et generelt nettstedstilbud.

Hyppigheten lagres i den besøkendes nettleser. Testing i en annen nettleser, et privat nettleservindu eller med tømt nettleserlagring kan derfor gi et annet resultat.

Bruke exit intent

Aktiver «Exit Intent Popup» når popupen skal åpnes etter at den besøkende beveger pekeren ut av sideområdet, noe som indikerer at vedkommende kanskje er i ferd med å forlate siden.

Når exit intent er aktivert, venter popupen på denne atferden i stedet for å følge den normale forsinkede visningen. Den valgte visningshyppigheten hindrer fortsatt at den vises igjen for tidlig.

Exit intent er basert på pekerbevegelser og er derfor hovedsakelig relevant i nettlesere på stasjonære og bærbare datamaskiner. Berøringsenheter gir ikke det samme signalet om at brukeren er i ferd med å forlate siden. Sørg alltid for at mobilbesøkende fortsatt kan oppdage registreringstilbudet ditt gjennom selve siden eller et annet passende skjema.

Åpne en popup manuelt fra et sideelement

En popup kan åpnes når en besøkende klikker på en bestemt knapp, et bilde eller en lenke på nettstedet ditt. Dette er den manuelle klikkutløseren. Den skiller seg fra «Exit Intent Popup», som reagerer når en besøkende beveger pekeren ut av siden.

Konfigurer og installer den manuelle klikkutløseren slik:

1. Åpne popupen i Signup Form Builder.
2. Klikk på registreringsskjemablokken på lerretet og åpne «Settings» til høyre.
3. Utvid «Widget Settings» og aktiver «Open popup when a customer clicks a page element».
4. Klikk på «Save changes».
5. Gå tilbake til oversikten over registreringsskjemaer og aktiver popupen hvis den er inaktiv.
6. Klikk på «Show Code Snippet» i raden for denne popupen.

Dialogboksen inneholder de to verdiene som kreves på nettstedet ditt:

1. Kopier hele koden fra fanen «JavaScript», og legg den til på nettsiden der popupen skal være tilgjengelig.
2. Kopier ID-en som vises under «Add this ID to element from which you want to manually trigger Popup» under koden.
3. Legg den nøyaktige verdien til i id-attributtet til knappen, bildet eller lenken som skal åpne popupen.

ID-en følger dette formatet:

maildroppa-popup-btn-[form-id]

For eksempel:

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

JavaScript-koden laster inn popupen. ID-en kobler popupen til det valgte sideelementet. Begge må være til stede på den samme publiserte siden. Når en besøkende klikker på elementet med denne nøyaktige ID-en, åpner Maildroppa-skriptet popupen.

Hvis nettstedsknappen allerede har en ID fra et annet popup-system, må du erstatte den med Maildroppa-utløser-ID-en når Maildroppa skal håndtere klikket. Ikke plasser Maildroppa-popupen inne i en annen popup som leveres av nettstedbyggeren din.

Bruk hver HTML-ID bare én gang per side. Hvis flere elementer skal åpne den samme popupen, bør du be personen som implementerer nettstedet, koble disse elementene uten å duplisere samme ID.

Koble til registreringsflyten

Se gjennom den tilordnede registreringsflyten i toppteksten i byggeren. Den styrer det umiddelbare svaret etter innsending, Double Opt-in-e-posten og resultatet etter bekreftelse.

Du kan velge en eksisterende flyt, redigere den eller opprette en separat flyt for denne popupen. En egen flyt er nyttig når tilbudet trenger sin egen bekreftelsesmelding eller levering av en leadmagnet.

Forhåndsvise og lagre

Klikk på «Preview» for å kontrollere popupens utforming og virkemåte uten å endre versjonen som brukes på nettstedet ditt. Se gjennom layouten, lukkekontrollen, rekkefølgen på feltene, plassen for validering og svaret etter innsending.

Klikk på «Save changes» når popupen er klar. Gå deretter tilbake til oversikten over registreringsskjemaer.

Aktivere og bygge inn popupen automatisk

Aktiver popupen fra handlingsmenyen med tre prikker hvis den ikke allerede er aktiv. Klikk deretter på «Show Code Snippet», og kopier hele koden fra fanen «JavaScript».

Legg skriptet til på alle nettsider der popupen skal være tilgjengelig. Koden inneholder popupens unike skjem ID og laster inn den gjeldende lagrede konfigurasjonen.

Fanen «HTML» inneholder den genererte markeringen for tilpassede implementeringer. Hvis du bruker den, må du teste all virkemåte og alle trinn i innsendingen nøye, fordi nettstedskoden og stilene dine kan påvirke resultatet.

Denne delen gjelder når popupen skal åpnes automatisk basert på visningsforsinkelsen eller exit-intent-funksjonen. For en knapp, et bilde eller en lenke som åpner popupen ved klikk, kan du følge

.

For generelle instruksjoner om innebygging kan du se Bygge og bygge inn et innebygd skjema.

Teste popupen på nettstedet ditt

Test popupen på den faktiske nettsiden etter at du har lagt til koden:

1. Kontroller den konfigurerte forsinkelsen.
2. Test lukkeknappen og klikk utenfor skjemaet.
3. Hvis funksjonen er aktivert, beveger du pekeren ut av siden for å teste exit intent.
4. Hvis funksjonen er aktivert, klikker du på det konfigurerte sideelementet for å teste den manuelle utløseren.
5. Kontroller layouten på en smal skjerm.
6. Send inn skjemaet og fullfør Double Opt-in-prosessen.
7. Bekreft abonnenten og de skjulte taggene i Maildroppa.

Hyppighetsinnstillingen kan hindre popupen i å vises igjen under gjentatte tester. Bruk et privat nettleservindu eller tøm den relevante nettleserlagringen når du trenger et helt nytt testbesøk.

Oppdatere eller deaktivere popupen

Hvis du vil oppdatere popupen, åpner du den i Maildroppa, redigerer utformingen eller virkemåten, forhåndsviser den og klikker på «Save changes». JavaScript-kodebiten fortsetter å bruke samme skjem ID.

Hvis du vil stoppe visningen midlertidig, velger du «Deactivate» fra handlingsmenyen. Deaktivering bevarer popupen og tidligere rapportdata. Fjern også skriptet eller utløseren fra nettstedet hvis de ikke lenger trengs.