tools

Back to Top Widget for Website

Smooth, lightweight back-to-top button with progress ring.

A floating back-to-top widget that appears after scrolling, respects reduced motion, and can show a scroll progress ring.

Back to Top Preview Background

Edit Your Back to Top Widget

Choose widget layout and add it to your website for free!

gizmosauce.com/preview/back-to-top
Edit Widget

What Our Customers Say

Back to Top Preview Background
Back to Top Active

Key features

  • Scroll threshold controls
  • Optional progress ring
  • Reduced-motion friendly

Use cases

  • Long-form pages
  • Blogs and changelogs
  • Mobile readability

How to embed

  1. Open the editor and create a new Back to Top widget.
  2. Customize theme, triggers, and data sources.
  3. Copy the embed snippet and paste it into your site.
  4. Verify in staging; publish with lazy loading enabled.

Shadow DOM isolation ensures your styles never leak.

Works everywhere

View all →

Install your Back to Top widget on any platform in minutes.

FAQ

How do I add a Back to Top widget to my website?

Customize the widget in the editor, copy the embed snippet, and paste it into your site (WordPress, Webflow, Shopify, or plain HTML).

Do I need a paid plan to publish a Back to Top widget?

You can start on the free plan to publish a widget. Paid plans unlock higher limits and more advanced platform features.

Will this widget hurt performance?

GizmoSauce embeds are designed to be CLS-safe and lazy loaded. Always verify on a staging URL to confirm it fits your layout.