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. Browse all WordPress themes at seosthemes.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.