Slide-in

Hvad er et slide-in?

Et slide-in er et panel eller en notifikation, der animeres ind fra en skærmkant – typisk fra siden eller bunden – og lægger sig oven på siden uden at genindlæse den. I modsætning til en fuld modal popup, der lægger et mørkt overlay over hele skærmen, optager et slide-in kun en del af viewporten, så brugeren beholder konteksten fra den underliggende side.

Hvorfor er et slide-in vigtigt?

Et slide-in opfattes generelt som mindre påtrængende end en klassisk popup, fordi det ikke blokerer hele skærmen. Det gør formatet velegnet til at vise kurv, tilbud eller en nyhedsbrevstilmelding uden at rive kunden ud af købsflowet. Godt timet kan et slide-in løfte tilmeldinger og gennemsnitsordre, mens et dårligt implementeret slide-in kan give layout shift (CLS) og irritere på mobil.

Typiske brugssituationer

• Slide-in kurv (cart drawer): kurven glider ind fra højre, når kunden lægger en vare i, uden at forlade produktsiden.
• Nyhedsbrevstilmelding: et diskret panel nede i hjørnet i stedet for en skærmdækkende popup.
• Upsell og cross-sell: relaterede produkter eller “køb ofte sammen” vist ved add-to-cart.
• Notifikationer: fri fragt-tærskel, lagerstatus eller en tidsbegrænset CTA.

Shopify-perspektiv

Shopifys Dawn-tema og de fleste moderne temaer bruger en slide-in kurv (cart drawer), der åbner fra siden. Vil du tilføje slide-ins til tilmelding eller upsell, sker det typisk via en app eller tilpasset kode. Test altid på mobil, sørg for at panelet kan lukkes med Esc og har korrekt fokushåndtering, og split-test triggere som scroll-dybde, forsinkelse og exit intent, så konvertering ikke sker på bekostning af oplevelsen.