AR Back To Top

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.).