Glid-in
En slide-in är en panel eller ett meddelande som glider in från skärmens kant och lägger sig över sidan utan sidbyte – t.ex. en korg eller registrering.
Vad är en slide-in?
En slide-in är en panel eller ett meddelande som animeras från en skärmkant – vanligtvis från sidan eller botten – och som ligger ovanpå sidan utan att ladda om den. Till skillnad från en fullmodal popup som lägger ett mörkt överlägg över hela skärmen, tar en slide-in bara upp en del av visningsporten, så att användaren håller sammanhanget från den underliggande sidan.
Varför är en slide-in viktig?
En slide-in upplevs generellt som mindre påträngande än en klassisk popup eftersom den inte blockerar hela skärmen. Detta gör formatet lämpligt för att visa korgar, erbjudanden eller en nyhetsbrevsprenumeration utan att slita kunden ur köpflödet. En vältajmad slide-in kan lyfta registreringar och genomsnittliga beställningar, medan en dåligt implementerad slide-in kan orsaka layoutskifte (CLS) och irritera på mobilen.
Typiska användningssituationer
- Slide-in-korg (vagnlåda): korgen glider in från höger när kunden lägger i en vara, utan att lämna produktsidan.
- Prenumeration på nyhetsbrev: en diskret panel nere i hörnet istället för en skärmtäckande popup.
- Merförsäljning och korsförsäljning: relaterade produkter eller “köp ofta tillsammans” som visas i kundvagnen.
- Meddelanden: fri fraktgräns, lagerstatus eller en begränsad tid CTA.
Shopify-perspektiv
Shopifys Dawn-tema och de flesta moderna teman använder en inskjutbar vagnlåda som öppnas från sidan. Om du vill lägga till slide-ins för registrering eller merförsäljning sker detta vanligtvis via en app eller anpassad kod. Testa alltid på mobilen, se till att panelen kan stängas med Esc och har korrekt fokushantering och split-test triggers som rullningsdjup, fördröjning och utgångsavsikt, så att konverteringen inte sker på bekostnad av upplevelsen.