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