Scrolly: Back to Top Button, Add-on for BigCommerce
Quote from rawi on September 29, 2025, 6:28 amA lightweight add-on that lets your customers quickly scroll back to the top of any page, improving navigation and user experience in your BigCommerce store.
Easily upload your own custom arrow icon and set it up using BigCommerce Page Builder—no coding required.
Key Features:
Fully Compatible with Page Builder: Simply drag, drop, and customize your arrow.
Lightweight & Fast: Optimized for speed so it won’t slow down your store.How to Add JS in Script Manager
Copy the JS file URL:
[spoiler title="HTML"]https://addons.themeness.com/scrolly.js[/spoiler]
Or download the JS file: DOWNLOAD
Open your Script Manager.
Add a new script, and paste the above URL.
Save and publish the changes.
How to Add Scrolling Arrow Using Page Builder
In your Page Builder, add a new Layout at Global region.
Set the Layout Name to: scrolly
[spoiler title="HTML"]scrolly[/spoiler]
Inside the layout, add an Image Widget and upload your arrow. we use iconfinder for PNG icon.
A lightweight add-on that lets your customers quickly scroll back to the top of any page, improving navigation and user experience in your BigCommerce store.
Easily upload your own custom arrow icon and set it up using BigCommerce Page Builder—no coding required.
Key Features:
Fully Compatible with Page Builder: Simply drag, drop, and customize your arrow.
Lightweight & Fast: Optimized for speed so it won’t slow down your store.
How to Add JS in Script Manager
-
Copy the JS file URL:
Or download the JS file: DOWNLOAD
-
Open your Script Manager.
-
Add a new script, and paste the above URL.
-
Save and publish the changes.
How to Add Scrolling Arrow Using Page Builder
-
In your Page Builder, add a new Layout at Global region.
-
Set the Layout Name to: scrolly
HTMLscrolly -
Inside the layout, add an Image Widget and upload your arrow. we use iconfinder for PNG icon.