Install on ShopifyBack to Top — a button that shows the way back
A floating back-to-top button wrapped in a ring that fills as customers scroll — a quiet cue for how far down the page they are. Add it once to your footer and it floats site-wide; one tap returns to the top.
Back to Top drops a small floating button into the corner of your store. As shoppers scroll a long page, a ring around it fills clockwise — a quiet read on how far down they are — and one tap returns them to the top.
Add it once, shows everywhere. Place it in your theme's Footer area and it floats on every page. No per-page setup.
Put it where it won't get in the way. Bottom left, center, or right, with adjustable distance from the edges so it clears chat widgets and cart drawers. Separate sizes for desktop and mobile.
Make it yours. Recolor every part — the circle and its hover state, the ring before and after scrolling, and the arrow and its hover. Tune the ring thickness from a hairline to a bold gauge, and choose how far down the page it appears before sliding into view.
Smooth and considerate. The button eases in past your chosen scroll depth and smooth-scrolls back to the top. It's keyboard-accessible with a clear focus ring, adds zero layout shift, and respects reduced-motion settings — no smooth-scroll or animation for visitors who ask for less. Ships polished with zero setup.