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.

AR Back To Top Features

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