Skyv inn
En slide-in er et panel eller en melding som glir inn fra kanten av skjermen og legger seg over siden uten sideskifte – f.eks. en kurv eller registrering.
Hva er en slide-in?
En slide-in er et panel eller en varsling som er animert fra en skjermkant – vanligvis fra siden eller bunnen – og ligger på toppen av siden uten å laste den på nytt. I motsetning til en full modal popup som legger et mørkt overlegg over hele skjermen, tar en slide-in bare opp deler av viewporten, slik at brukeren holder konteksten fra den underliggende siden.
Hvorfor er en slide-in viktig?
En slide-in blir generelt oppfattet som mindre påtrengende enn en klassisk popup fordi den ikke blokkerer hele skjermen. Dette gjør formatet egnet for å vise kurver, tilbud eller et nyhetsbrevabonnement uten å rive kunden ut av kjøpsflyten. Et godt timet innglidning kan løfte registreringer og gjennomsnittlige bestillinger, mens et dårlig implementert innglidning kan forårsake layoutskifte (CLS) og irritere på mobil.
Typiske brukssituasjoner
- Slide-in kurv (vognskuff): kurven glir inn fra høyre når kunden legger en vare i, uten å forlate produktsiden.
- Abonnement på nyhetsbrev: et diskret panel nede i hjørnet i stedet for en popup på hele skjermen.
- Oppsalg og krysssalg: relaterte produkter eller “kjøp ofte sammen” vist i tillegg i handlekurv.
- Varsler: gratis fraktterskel, lagerstatus eller begrenset tid CTA.
Shopify-perspektiv
Shopifys Dawn-tema og de fleste moderne temaer bruker en innskyvbar vognskuff som åpnes fra siden. Hvis du ønsker å legge til slide-in for registrering eller mersalg, gjøres dette vanligvis via en app eller tilpasset kode. Test alltid på mobil, sørg for at panelet kan lukkes med Esc og har riktig fokushåndtering, og split-test utløsere som rulledybde, forsinkelse og avslutningsintensjon, slik at konvertering ikke skjer på bekostning av opplevelsen.