Sticky bar
En sticky bar er en stolpe som festes til samme sted på skjermen mens brukeren scroller – ofte til et tilbud, en kurv eller en kjøpsknapp.
Hva er en klebrig bar?
En klebrig stolpe er en smal stolpe som er festet til samme sted på skjermen – vanligvis øverst eller nederst – mens resten av siden ruller forbi. Teknisk sett er den laget med CSS position: sticky eller position: fixed. I en nettbutikk brukes den til å holde en melding eller en handling konstant synlig, uavhengig av hvor langt kunden har scrollet ned på siden.
Hvorfor er en klebrig stolpe viktig?
En klebrig stolpe gir deg et fast sted for meldingen du helst ikke vil at kunden skal overse: en rabattkode, en gratis fraktgrense eller en tydelig call to action. Fordi den følger med nedover siden, fungerer den spesielt godt på mobil og på lange produktsider, der kjøpsknappen ellers forsvinner av skjermen. På den annen side stjeler den plass i viewporten, og hvis den settes inn for sent eller uten reservert plass, kan den utløse layout shift (CLS).
Typiske brukssituasjoner
- Kunngjøringslinje med rabattkode, kampanje eller gratis fraktgrense øverst.
- Sticky add-to-cart på mobil, slik at kjøpsknappen alltid er synlig på lange produktsider.
- Cookie- og samtykkebanner som legges ved inntil bruker har tatt standpunkt.
- Nedtelling eller lagervarsel som skaper tidspress under en kampanje.
- Vedvarende søk eller menylinje i en festet overskrift.
Shopify-perspektiv
De fleste Online Store 2.0-temaer har en innebygd kunngjøringslinjeseksjon og ofte et “sticky header”-alternativ, men en vedvarende festet stolpe eller et klebrig tillegg i handlekurven krever vanligvis temakode eller en app. Test alltid på både mobil og desktop at linjen ikke dekker viktig innhold eller kasseknapper og at den ikke trykker på oppsettet. En relatert mindre påtrengende variant er en slide-in som glir inn fra siden i stedet for å oppta en fast stolpe.