Opret og placér slide-in-formularer

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

En slide-in er en kompakt tilmeldingsformular, der vises ved kanten af eller på en valgt placering i browservinduet.

Den tiltrækker mere opmærksomhed end en formular, der er placeret inde på siden, samtidig med at den dækker mindre af webstedet end en centreret popup. Slide-ins fungerer godt til påmindelser om nyhedsbreve, rabatter, produktopdateringer og korte tilbud, der skal forblive synlige, mens den besøgende læser siden.

Denne vejledning forklarer de indstillinger, der er unikke for slide-ins. De almindelige funktioner til layout, indhold, felter, tags, typografi, lag og tilmeldingsflow gennemgås i den primære vejledning til opbygning af tilmeldingsformularer.

Oprettelse af en slide-in

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

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

Brug et navn som “Blog Newsletter Slide-in”, “New Product Reminder” eller “Summer Coupon Slide-in”. Det interne navn hjælper dig med at administrere formularen og vises ikke automatisk for besøgende.

Valg af slide-in-skabelon

Slide-ins har en tom formular, en standardformular og fire designede skabeloner:

• Ren påmindelse
• Mørkt tilbud
• Varm kupon
• Minimal note

Skabelonerne er designet til kompakte budskaber, men alle elementer kan stadig redigeres. Du kan ændre indhold, felter, farver, typografi, kant, afstand og indsendelsesknap, efter du har valgt et udgangspunkt.

Design af slide-in

Brug den visuelle builder til at arrangere slide-in-formularen. Den kan indeholde tilmeldingsformularen sammen med tekst, et billede, en video, en liste, en knap, sociale links, en abonnenttæller, et tomt mellemrum eller en skillelinje.

Der er mindre plads end på en landingsside eller en bred integreret formular. Hold tilbuddet fokuseret, og undgå at tilføje indhold, der tvinger besøgende til at lede efter felterne eller indsendelsesknappen.

Vælg blokken til tilmeldingsformularen for at konfigurere felter, obligatoriske oplysninger, skjulte tags, statusindikator, abonnenttæller, inputfelter og indsendelsesknap. Åbn “Page settings” for at ændre slide-in-formularens baggrund og standardindstillinger for det overordnede udseende.

Et layout med én kolonne er som regel det tydeligste valg. Hvis du bruger flere kolonner, skal du nøje kontrollere, hvordan de stables på smalle skærme.

Valg af placering på skærmen

Vælg blokken til tilmeldingsformularen, og åbn “Widget Settings”. Placeringsvælgeren viser et gitter med tre gange tre positioner:

• Øverst til venstre, øverst i midten eller øverst til højre
• Midt til venstre, i midten eller midt til højre
• Nederst til venstre, nederst i midten eller nederst til højre

Vælg en placering, der ikke dækker vigtige kontroller på webstedet. Kontrollér cookie-meddelelser, chatwidgets, navigation, indkøbskurvknapper og andre faste elementer, før du beslutter dig.

På smalle mobilskærme forenkler Maildroppa placeringen, så slide-in-formularen passer til den tilgængelige bredde. Placeringer øverst forbliver øverst; andre placeringer vises fra den nederste kant. Test altid resultatet på en lille skærm i stedet for kun at stole på placeringen på computeren.

Indstilling af visningsforsinkelse

“Display Delay” angiver, hvor mange sekunder Maildroppa venter, før slide-in-formularen vises på en side med integreret kode på et websted.

Brug 0, når slide-in-formularen skal være tilgængelig med det samme. Indtast en længere forsinkelse, når besøgende først skal have tid til at engagere sig i siden. Builderen accepterer en forsinkelse på op til 86.400 sekunder.

En kort forsinkelse kan fungere godt til en enkel påmindelse om et nyhedsbrev. For en længere artikel kan en senere visning føles mere naturlig og gøre tilbuddet mere relevant for engagerede læsere.

Indstilling af visningsfrekvens

“Display Frequency” styrer den periode, der skal gå, før slide-in-formularen kan vises for den samme besøgende igen. Du kan vælge:

• Altid
• Én gang i timen
• Én gang om dagen
• Én gang om ugen
• Én gang om måneden

Brug en frekvens, der passer til tilbuddet. En midlertidig kampagne kan have brug for et kortere interval, mens en generel påmindelse om et nyhedsbrev som regel ikke behøver at blive vist ved hvert besøg.

Frekvensen gemmes i den besøgendes browser. En anden browser, et privat browservindue eller slettet browserlager betragtes som en anden besøgshistorik.

Forbindelse af tilmeldingsflowet

Gennemgå det tildelte tilmeldingsflow i builderens toptekst. Det definerer svaret efter indsendelse, Double Opt-in-e-mailen og det, der sker efter bekræftelsen.

Du kan vælge et eksisterende flow, redigere det aktuelle flow eller oprette et specifikt flow til denne slide-in. Hvis flowet deles af flere formularer, påvirker ændringer i det dem alle.

Forhåndsvisning og gemning

Klik på “Preview” for at gennemgå slide-in-formularen, før du føjer den til dit websted. Kontrollér den valgte placering, åbningsadfærd, rækkefølgen af felter, lukkekontrollen og det fulde svar efter tilmelding.

Klik på “Save changes”, når formularen og Widget Settings er klar. Gå derefter tilbage til oversigten over tilmeldingsformularer.

Aktivering og integrering af slide-in-formularen

Aktivér slide-in-formularen fra menuen med handlinger via de tre prikker, hvis den ikke allerede er aktiv. Klik på “Show Code Snippet”, og kopiér den komplette kode fra fanen “JavaScript”.

Tilføj dette script på alle sider på webstedet, hvor slide-in-formularen skal være tilgængelig. I modsætning til en integreret formular bestemmer scriptets nøjagtige placering på siden ikke slide-in-formularens synlige placering. Den placering, der er valgt i Widget Settings, styrer, hvor den vises.

Fanen “HTML” indeholder den genererede markup til brugerdefinerede implementeringer. Test hele interaktionen og tilmeldingsflowet grundigt, hvis dit websted bruger denne mulighed.

Se Opbygning og integrering af en integreret formular for generelle instruktioner om placering af kode.

Test af slide-in-formularen på dit websted

Når du har tilføjet koden, skal du teste den faktiske side på webstedet:

1. Kontrollér, at slide-in-formularen vises efter den valgte forsinkelse.
2. Bekræft dens placering på en bred skærm.
3. Kontrollér den tilpassede placering og bredde på en smal skærm.
4. Sørg for, at den ikke dækker navigation, cookie-kontroller, chatknapper eller andre vigtige handlinger.
5. Test, at slide-in-formularen kan åbnes og lukkes.
6. Indsend formularen, og gennemfør Double Opt-in-processen.
7. Kontrollér abonnenten og de skjulte tags i Maildroppa.

Frekvensindstillingen kan forhindre formularen i at blive vist igen under gentagne tests. Brug et privat browservindue, eller ryd det relevante browserlager, når du vil simulere en ny besøgende.

Opdatering eller deaktivering af slide-in-formularen

Åbn den samme slide-in i Maildroppa, foretag ændringerne, forhåndsvis dem, og klik på “Save changes”. JavaScript-udsnittet fortsætter med at bruge det samme formular-id og indlæser den gemte konfiguration.

Vælg “Deactivate” i oversigten over tilmeldingsformularer, når slide-in-formularen skal tages offline uden at blive slettet. Fjern også scriptet fra webstedet, hvis du ikke længere planlægger at bruge den der.