Scroll to Top

Customize the scroll-to-top button and scroll progress bar on your storefront.
All changes saved

App status

Enable or disable the button on your storefront
Scroll to Top button

When enabled, shoppers see a floating button after scrolling past your threshold.

Quick themes

One-click presets — customize any setting afterward

Behavior

When the scroll-to-top button appears on your storefront
Scroll threshold (%)
25
Button appears when scroll progress reaches this percentage of the page (0–100%).
Button progress ring
Circular tracking for circle shape, linear border tracking for other shapes.

Scroll progress bar

A thin bar that fills as shoppers scroll down the page
Progress bar
Fixed to the top or bottom edge of the browser window.
Appearance
Position
Bar height (px)
4
Thickness of the progress bar (2–12 px).
Progress color
Track color
Background color of the unfilled portion.

Button layout

Shape, label, and icon
Shape
Button label
Optional text (e.g. TOP)
Leave empty for icon-only buttons.
Icon
Choose an up-arrow icon or paste your own image URL below.
Overrides the selected library icon on your live site.

Colors & effects

Background, borders, glow, and accent colors
Effect
Button effect
Fill
Button background
Background opacity (%)
100
Lower values make the button translucent. Use with Glass for a frosted look.
Accent colors
Icon / text color
Button progress color
Border
Show border
Border color
Glow
Glow color

Contact

Get help setting up the scroll-to-top button on your store

Having trouble setting things up? Contact us at:

WhatsApp +92 331 5986829