Syam Mohan

Enhance user experience and site navigation with a lightweight, customizable “Scroll to Top” button. This plugin adds a smooth-scrolling button that appears as users scroll down the page and disappears when they return to the top.
Designed for speed and seamless integration, it works with any WordPress theme and includes options for custom icons, button position, color, animation, and intelligent display rules. No coding required—just install and configure in minutes.
Perfect for blogs, long-form articles, eCommerce sites, or any website where easy navigation improves usability.
<h3>Key Features & Customization</h3>
<ul>
<li>Intelligent Display: Automatically appears as users scroll down, then disappears when at the top.</li>
<li>Smooth Scroll Animation: Provides a fluid and pleasant “back to top” experience.</li>
<li>Flexible Destinations:
<ul>
<li>Internal Page Scroll: Link the button to any specific element within the current page.</li>
<li>External Page Redirection: Redirect users to any other page or URL.</li>
</ul>
</li>
<li>Customizable Button Design:
<ul>
<li>Choose between text, custom image (PNG/SVG), or Font Awesome icons.</li>
<li>Use any image URL for complete branding control.</li>
</ul>
</li>
<li>Responsive Control:
<ul>
<li>Mobile-Friendly: Option to hide the button on smaller devices/windows for better mobile UX.</li>
<li>iFrame Compatibility: Ensures it doesn’t appear inappropriately within iframes.</li>
</ul>
</li>
<li>Targeted Visibility: Easily show or hide the button on specific pages or posts.</li>
<li>Temporary Display: Auto-hide the button after a set duration for a cleaner interface.</li>
<li>Optimized Performance: Utilizes Async JavaScript to ensure fast page loading.</li>
<li>Accessibility Focused: Built with ARIA labels and screen reader text for inclusive navigation.</li>
<li>SEO-Friendly Markup: Employs semantically correct HTML elements for optimal search engine and accessibility performance.</li>
<li>Optimized Performance: Adds functionality without slowing down your site.</li>
<li>Easy-to-Use Admin Panel: Configure all settings intuitively from your WordPress dashboard.</li>
</ul>

WPFront Scroll Top

I'm curious, why did you choose to insert the <div> element into the DOM with some JS to handle scrolling. No keyboard focus, no accessible label/name/content, no HTML semantics, no ARIA to fix this.In fact DO NOT use ARIA to override./hide your problems. The best ARIA is no ARIA. Use an <a> element, it's also quick to write and has it all by definition. You can easily add span inside the link element with translatable content and hide it visually with "sr-only" class (from Bootstrap). You could detect the first link on the page and make it an anchor if there's no id attribute.

Keyboard inaccessible, bad HTML. WCAG fails immediately.

Adds a lightweight and smooth "Scroll to Top" button to your WordPress site, improving navigation and user experience with customizable options.

Tanvirul Haque

Smooth Back To Top Button is a premium-quality WordPress plugin designed to improve website navigation and user experience. It adds a stylish, customizable back-to-top button with a unique scroll progress indicator, helping your visitors navigate long pages with ease.
Effortlessly customize every aspect of your button to match your brand’s identity. From shapes and colors to responsive visibility, this plugin provides all the tools you need in one lightweight package.
<h4>Features</h4>
<ul>
<li>
Modern & Elegant Design 
A sleek back-to-top button that enhances your site’s aesthetics.
</li>
<li>
Interactive Scroll Progress 
Unique progress indicator that visually tracks scroll depth.
</li>
<li>
Fully Customizable Shapes 
Choose from Circle, Square, or Rounded Square to match your branding.
</li>
<li>
Smart Responsive Controls 
Effortlessly show or hide the button on Desktop, Tablet, and Mobile devices.
</li>
<li>
Advanced Accessibility 
Fully optimized for keyboard navigation and screen readers (Aria-label support).
</li>
<li>
Live Color Customizer 
Unlimited color options for the button, icons, borders, and progress bar.
</li>
<li>
Smooth Animations 
High-performance, butter-smooth scroll animations for a premium feel.
</li>
<li>
Custom Positioning 
Place your button on the left, right, or centered at the bottom of the screen.
</li>
<li>
Icon Library: 
Choose from a variety of modern font icons.
</li>
<li>
Auto-Hide Functionality 
Automatically hide the button when not needed for a cleaner look.
</li>
<li>
Developer Friendly 
Custom CSS support for advanced styling and overrides.
</li>
<li>
Admin Dashboard Support 
Option to enable the button within the WordPress admin area.
</li>
<li>
Lightweight & Performance Focused 
Minimal footprint with optimized scripts for blazing-fast load times.
</li>
<li>
Theme & Browser Compatible 
Works flawlessly with all modern WordPress themes and browsers.
</li>
<li>
Translation Ready 
Easily translate the plugin into any language.
</li>
</ul>
<h4>Most useful WooCommerce plugins for your store</h4>
<ul>
<li><a href="https://wordpress.org/plugins/add-quantity-field-on-shop-page-for-woocommerce/" rel="ugc">Quick Buy Now Button for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/advanced-google-recaptcha-for-woocommerce/" rel="ugc">reCaptcha for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/disable-variable-product-price-range-show-only-lowest-price-in-variable-products/" rel="ugc">Variation Price Display For WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/quick-buy-now-button-for-woocommerce/" rel="ugc">Add Quantity Field on Shop Page for WooCommerce</a></li>
</ul>

Smooth Back To Top Button

Smooth Back To Top button with scroll progress indicator.

WPFront Scroll Top vs Smooth Back To Top Button