joesexton00

Scroll Back to Top is a WordPress plugin to add a button that appears only when users scroll down the page allowing them to scroll to the top of the page. The plugin comes pre-configured and is fully functional on activation. The plugin offers a number of webmaster-friendly features to completely customize the look, position, and animation. In addition, there is a setting to allow you to put the button in preview mode so it only appears when logged in, which is great for configuration, then fully enable it for everyone to see! This button is built on jQuery and is designed to be dead easy, without the need to modify any markup or the theme.
<h4>Usage</h4>
This was built for anyone to use, with no knowledge of HTML or CSS required!
<ul>
<li>Install the plugin through the Plugins interface or by uploading the <code>scroll-back-to-top</code> directory to your <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the Scroll Back to Top plugin.</li>
<li>You’re done, the scroll back to top button should appear on all pages after you scroll down a little bit. If you’d like to customize the design you may continue.</li>
</ul>
Optional Customization Steps
<ul>
<li>A new setting page will be located within Settings > Scroll Back to Top, navigate to that page to for customization options.</li>
<li>Change enabled status, size, color, opacity, location, icon/text, or fades.</li>
</ul>
<h4>More Support</h4>
More support can be found at <a href="http://www.webtipblog.com/scroll-back-top-wordpress-plugin" rel="nofollow ugc">our plugin support page</a>.
This plugin is developed by <a href="http://www.josephmsexton.com" rel="nofollow ugc">Joe Sexton</a>
<h3>Localization</h3>
<h4>Available in English</h4>
Want to contribute with a translation to your language? Please contact me at joe@josephmsexton.com

Scroll Back To Top

This plugin will add a button that allows users to scroll smoothly to the top of the page.

Anisur Rahman

AR Back To Top adds a beautiful, customizable scroll to top button to your WordPress site — no coding required. Install it in seconds from the WordPress plugin directory and configure everything through a modern settings panel with live preview.
Perfect for blogs, business sites, portfolios, and WooCommerce stores. The button appears when visitors scroll down and smoothly returns them to the top with a single click. Includes a scroll progress indicator, device-specific positioning, page-level visibility controls, and 19 built-in icons — all powered by lightweight vanilla JavaScript with zero jQuery dependency.
<h3>AR Back To Top Features</h3>
<ul>
<li>Displays a Back to Top button when the user scrolls down the page.</li>
<li>Smooth scroll animation with multiple easing effects (linear, ease-in, ease-out, ease-in-out).</li>
<li>Fully customizable — no coding required.</li>
<li>Modern tabbed settings UI with live preview panel.</li>
<li>Choose from 19 Font Awesome 6 icons via an interactive icon picker.</li>
<li>Custom icon upload — upload PNG, JPG, GIF, or SVG from your media library.</li>
<li>Button shape presets — circle, square, rounded square, or custom border-radius.</li>
<li>Supports custom button size, icon size, and padding.</li>
<li>Customize background, text, border colors with separate hover states.</li>
<li>Set the button position — left, right, or center bottom.</li>
<li>Separate mobile positioning — independent bottom/side offsets for mobile.</li>
<li>Define scroll offset — control when the button appears.</li>
<li>Adjustable scroll duration for a smoother UX.</li>
<li>Auto-hide button after configurable seconds of inactivity.</li>
<li>Scroll progress indicator — circular SVG progress ring around the button.</li>
<li>Reading progress bar — horizontal bar at the top of the page showing how far the visitor has scrolled, with configurable color and height.</li>
<li>Scroll to bottom button — optional second button that scrolls to the bottom of the page, with the same easing and styling.</li>
<li>Button entrance animations — fade-in, bounce, or scale animation when the button appears on scroll.</li>
<li>Smart show/hide — hide the button when scrolling up, show when scrolling down for a cleaner UX.</li>
<li>Click analytics — track how many times the button is clicked, viewable in the admin settings.</li>
<li>Keyboard shortcut — press Home key to scroll to top (when enabled).</li>
<li>WooCommerce integration — hide the button on shop, product, cart, and checkout pages.</li>
<li>Touch gesture support — swipe up on mobile devices to scroll to top.</li>
<li>Page/post display filter — show or hide on specific pages/posts with Select2 search.</li>
<li>Device visibility — hide on desktop, tablet, or mobile with custom breakpoints.</li>
<li>Show in WP admin area — enable the button in the WordPress dashboard.</li>
<li>Shortcode support — use <code>[ar_back_to_top]</code> to place the button anywhere in your content.</li>
<li>Enable or disable the button with a single click.</li>
<li>Font Awesome version control — choose FA 6, FA 5, or skip loading if already enqueued.</li>
<li>Supports custom CSS for advanced styling with CSS hook hints.</li>
<li>Tooltip text and z-index control.</li>
<li>Reset to defaults with one click.</li>
<li>Option to load JavaScript asynchronously for performance.</li>
<li>Zero jQuery on frontend — vanilla JavaScript, requestAnimationFrame throttled.</li>
<li>Conditional asset loading — CSS/JS not loaded on pages where button is hidden.</li>
<li>SVG upload support for custom icons (admin-only for security).</li>
<li>Accessible — semantic <code><button></code> element, ARIA labels, screen reader text, keyboard navigation.</li>
<li>PHP 8.2+ compatible — no deprecated dynamic properties.</li>
<li>Compatible with all modern WordPress themes.</li>
<li>Cross-browser compatible (Chrome, Firefox, Safari, Edge, etc.).</li>
</ul>

AR Back To Top

Add a lightweight, fully customizable scroll to top button with smooth animation, scroll progress indicator, and mobile-friendly positioning.

Scroll Back To Top vs AR Back To Top