The back-to-top button with 3 styles and full configuration.
Back to Top
A floating button that allows visitors to scroll back to the top of the page with a single click.
Configuration
| Setting | Options | Default |
|---|---|---|
| Enabled | On/Off | On |
| Style | Minimal / Bold / Progress | Minimal |
| Position | Bottom-right / Bottom-left | Bottom-right |
| Appearance threshold | 10-80% of scroll | 30% |
| Palette | Palette choice | Scheme 1 |
| Hide on scroll down | On/Off | On |
| Hide on mobile | On/Off | Off |
| Hide on desktop | On/Off | Off |
3 styles
| Style | Description |
|---|---|
| Minimal | Simple arrow icon, discreet |
| Bold | Larger, more visible button |
| Progress | Circular progress ring showing the scroll percentage |
💡The Progress style is the most engaging because it provides visual scroll feedback. It is recommended for long pages (product, blog).