About this plugin
Back to Top Button adds a button that appears when visitors scroll down and smoothly takes them back to the top of the page. Install, activate – done. Everything else is optional and can be changed in a clear settings page with a live preview.
Made by SEOS Themes – free and premium WordPress themes for shops, news, blogs, photographers, restaurants, real estate and more. com
Icons & content
- 14 crisp built-in SVG icons (chevron, arrows, rocket, hand, home…) – no icon font needed
- 171 bundled image icons or your own image from the Media Library
- Icon + text, text only (e.g. “Back to top”) or any Font Awesome 4.7 icon
- 4 layouts for icon + text, letter case, font weight and font family
Style
- Unlimited colors, gradient backgrounds, hover colors
- Width, height, font/icon size, corner radius (square, rounded, circle, pill)
- Border, shadow, glow, glass (blur) effect, opacity and hover opacity
Animation
- Appear animations: fade, slide up, slide from the side, zoom, flip
- Hover effects: lift, grow, shrink, tilt, icon moves up
- Attention animations: pulse ring, bounce, shake, heartbeat
- Scroll progress ring around the button, optional percentage
- 9 scroll effects (swing, linear, smooth, bounce, native smooth scroll, instant…) and any duration
Behaviour
- Show after X pixels or X % of the page
- Show only when the visitor scrolls up, auto-hide after X seconds
- Scroll to the top or to any element (CSS selector) with an offset for sticky headers
- The animation stops when the visitor scrolls by hand
Position & mobile
- Left, center or right, distances from the bottom and the sides, z-index
- Separate mobile size and position, hide on mobile or on desktop, hide the text on mobile
Display rules
- Hide on the front page, blog, single posts, archives, search, 404
- Hide for logged-in users or for visitors
- Show only on / hide on specific post IDs, limit to post types
Accessibility & speed
- Real keyboard support, screen reader label, focus moves to the top after scrolling
- Respects the “reduce motion” system setting
- Lightweight vanilla JavaScript – no jQuery required
Tools
- Live preview for desktop and mobile
- Export / import settings as JSON, reset to defaults
- Custom CSS and extra CSS class
- Shortcode [back_to_top text="Back to top"] and the CSS class bttb-scroll-top for your own links
- Developer filters: bttb_settings, bttb_show_button, bttb_button_html and window.bttbScrollTop()
Translations
English and Bulgarian (Български) included.
Looking for a WordPress theme?
Visit SEOS Themes – WordPress themes for every kind of website.