{"id":97371,"date":"2019-01-31T08:54:41","date_gmt":"2019-01-31T08:54:41","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ar-back-to-top\/"},"modified":"2026-03-28T08:44:33","modified_gmt":"2026-03-28T08:44:33","slug":"ar-back-to-top","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/ar-back-to-top\/","author":15503858,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.3","stable_tag":"3.0.3","tested":"6.9.4","requires":"4.8","requires_php":"7.4","requires_plugins":null,"header_name":"AR Back To Top","header_author":"Anisur Rahman","header_description":"AR Back To Top is a standard WordPress plugin for back to top. AR Back To Top plugin will help them who don't wants to write code. For use this plugin simply download or add new plugin from WordPress plugin directory.","assets_banners_color":"bcbcbc","last_updated":"2026-03-28 08:44:33","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/anisur2805\/ar-back-to-top","header_author_uri":"https:\/\/github.com\/anisur2805","rating":5,"author_block_rating":0,"active_installs":10,"downloads":3664,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.10.0":{"tag":"2.10.0","author":"anisur8294","date":"2025-05-24 11:14:07"},"2.11.7":{"tag":"2.11.7","author":"anisur8294","date":"2025-06-09 17:54:39"},"2.9.0":{"tag":"2.9.0","author":"anisur8294","date":"2025-05-24 11:14:07"},"3.0.0":{"tag":"3.0.0","author":"anisur8294","date":"2026-03-26 07:57:12"},"3.0.1":{"tag":"3.0.1","author":"anisur8294","date":"2026-03-26 08:15:15"},"3.0.2":{"tag":"3.0.2","author":"anisur8294","date":"2026-03-26 08:20:38"},"3.0.3":{"tag":"3.0.3","author":"anisur8294","date":"2026-03-28 08:44:33"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"2"},"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":2022521,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":2022521,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":2022521,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":2022521,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.10.0","2.11.7","2.9.0","3.0.0","3.0.1","3.0.2","3.0.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3491539,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3491539,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3491552,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3491552,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"General settings tab with enable\/disable toggle, async loading, and live preview panel.","2":"Appearance settings \u2014 choose from SVG Icon, Text Only, Image, Both, External URL, or Custom Upload.","3":"Visibility settings \u2014 control display mode, device-specific hiding, and custom breakpoints.","4":"Frontend output \u2014 the back-to-top button displayed on a live WordPress site."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[10418,1791,10421,1792,243459],"plugin_category":[],"plugin_contributors":[167405],"plugin_business_model":[],"class_list":["post-97371","plugin","type-plugin","status-publish","hentry","plugin_tags-back-to-top","plugin_tags-scroll-to-top","plugin_tags-scroll-top","plugin_tags-scroll-up","plugin_tags-smooth-top-button","plugin_contributors-anisur8294","plugin_committers-anisur8294"],"banners":{"banner":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/banner-772x250.jpg?rev=2022521","banner_2x":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/banner-1544x500.jpg?rev=2022521","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/icon-128x128.jpg?rev=2022521","icon_2x":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/icon-256x256.jpg?rev=2022521","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/screenshot-1.png?rev=3491539","caption":"General settings tab with enable\/disable toggle, async loading, and live preview panel."},{"src":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/screenshot-2.png?rev=3491539","caption":"Appearance settings \u2014 choose from SVG Icon, Text Only, Image, Both, External URL, or Custom Upload."},{"src":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/screenshot-3.png?rev=3491552","caption":"Visibility settings \u2014 control display mode, device-specific hiding, and custom breakpoints."},{"src":"https:\/\/ps.w.org\/ar-back-to-top\/assets\/screenshot-4.png?rev=3491552","caption":"Frontend output \u2014 the back-to-top button displayed on a live WordPress site."}],"raw_content":"<!--section=description-->\n<p>AR Back To Top plugin will help them who don't wants to write code. For use this plugin simply download or add new plugin from WordPress plugin directory.<\/p>\n\n<h3>AR Back To Top Features<\/h3>\n\n<ul>\n<li>Displays a <strong>Back to Top<\/strong> button when the user scrolls down the page.<\/li>\n<li>Smooth scroll animation with <strong>multiple easing effects<\/strong> (linear, ease-in, ease-out, ease-in-out).<\/li>\n<li>Fully customizable \u2014 no coding required.<\/li>\n<li><strong>Modern tabbed settings UI<\/strong> with live preview panel.<\/li>\n<li>Choose from <strong>19 Font Awesome 6 icons<\/strong> via an interactive icon picker.<\/li>\n<li><strong>Custom icon upload<\/strong> \u2014 upload PNG, JPG, GIF, or SVG from your media library.<\/li>\n<li><strong>Button shape presets<\/strong> \u2014 circle, square, rounded square, or custom border-radius.<\/li>\n<li>Supports <strong>custom button size<\/strong>, <strong>icon size<\/strong>, and <strong>padding<\/strong>.<\/li>\n<li>Customize <strong>background<\/strong>, <strong>text<\/strong>, <strong>border colors<\/strong> with separate <strong>hover states<\/strong>.<\/li>\n<li>Set the <strong>button position<\/strong> \u2014 left, right, or center bottom.<\/li>\n<li><strong>Separate mobile positioning<\/strong> \u2014 independent bottom\/side offsets for mobile.<\/li>\n<li>Define <strong>scroll offset<\/strong> \u2014 control when the button appears.<\/li>\n<li>Adjustable <strong>scroll duration<\/strong> for a smoother UX.<\/li>\n<li><strong>Auto-hide<\/strong> button after configurable seconds of inactivity.<\/li>\n<li><strong>Scroll progress indicator<\/strong> \u2014 circular SVG progress ring around the button.<\/li>\n<li><strong>Page\/post display filter<\/strong> \u2014 show or hide on specific pages\/posts with Select2 search.<\/li>\n<li><strong>Device visibility<\/strong> \u2014 hide on desktop, tablet, or mobile with custom breakpoints.<\/li>\n<li><strong>Show in WP admin area<\/strong> \u2014 enable the button in the WordPress dashboard.<\/li>\n<li>Enable or disable the button with a single click.<\/li>\n<li><strong>Font Awesome version control<\/strong> \u2014 choose FA 6, FA 5, or skip loading if already enqueued.<\/li>\n<li>Supports <strong>custom CSS<\/strong> for advanced styling with CSS hook hints.<\/li>\n<li><strong>Tooltip text<\/strong> and <strong>z-index control<\/strong>.<\/li>\n<li><strong>Reset to defaults<\/strong> with one click.<\/li>\n<li>Option to load JavaScript <strong>asynchronously<\/strong> for performance.<\/li>\n<li><strong>Zero jQuery on frontend<\/strong> \u2014 vanilla JavaScript, requestAnimationFrame throttled.<\/li>\n<li><strong>Conditional asset loading<\/strong> \u2014 CSS\/JS not loaded on pages where button is hidden.<\/li>\n<li><strong>SVG upload support<\/strong> for custom icons (admin-only for security).<\/li>\n<li><strong>Accessible<\/strong> \u2014 semantic <code>&lt;button&gt;<\/code> element, ARIA labels, screen reader text, keyboard navigation.<\/li>\n<li><strong>PHP 8.2+ compatible<\/strong> \u2014 no deprecated dynamic properties.<\/li>\n<li>Compatible with all modern WordPress themes.<\/li>\n<li>Cross-browser compatible (Chrome, Firefox, Safari, Edge, etc.).<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h3>Install via WordPress Dashboard<\/h3>\n\n<ol>\n<li>Log in to your WordPress admin panel.<\/li>\n<li>Navigate to <strong>Plugins \u2192 Add New<\/strong>.<\/li>\n<li>In the search field, type <strong>AR Back To Top<\/strong>.<\/li>\n<li>Locate the plugin in the results and click <strong>Install Now<\/strong>.<\/li>\n<li>Once installed, click <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3>Manual Installation (ZIP Upload)<\/h3>\n\n<ol>\n<li>Visit the <a href=\"https:\/\/wordpress.org\/plugins\/\">WordPress.org Plugins Directory<\/a> and search for <strong>AR Back To Top<\/strong>.<\/li>\n<li>Download the plugin <code>.zip<\/code> file to your computer.<\/li>\n<li>In your WordPress admin panel, go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Click <strong>Choose File<\/strong>, select the downloaded ZIP file, and click <strong>Install Now<\/strong>.<\/li>\n<li>After installation, click <strong>Activate Plugin<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3>Install via FTP or File Manager<\/h3>\n\n<ol>\n<li>Download the plugin ZIP file from <a href=\"https:\/\/wordpress.org\/plugins\/\">WordPress.org<\/a>.<\/li>\n<li>Extract the contents of the ZIP file to your computer.<\/li>\n<li>Open your preferred FTP client (e.g., FileZilla, Cyberduck) or use your hosting provider\u2019s File Manager.<\/li>\n<li>Upload the extracted folder to your WordPress plugin directory:<br \/>\n   wp-content\/plugins\/<\/li>\n<li>Log in to your WordPress admin dashboard.<\/li>\n<li>Navigate to <strong>Plugins \u2192 Installed Plugins<\/strong>.<\/li>\n<li>Find <strong>AR Back To Top<\/strong> in the list and click <strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20does%20this%20plugin%20do%3F\"><h3>What does this plugin do?<\/h3><\/dt>\n<dd><p>AR Back To Top adds a customizable \"Back to Top\" button to your WordPress site. When visitors scroll down the page, the button appears and smoothly scrolls them back to the top when clicked.<\/p><\/dd>\n<dt id=\"how%20do%20i%20enable%20the%20button%3F\"><h3>How do I enable the button?<\/h3><\/dt>\n<dd><p>After activating the plugin, go to <strong>Back To Top<\/strong> in your WordPress admin menu. Toggle <strong>Enable Back To Top<\/strong> on the General tab and click <strong>Save Changes<\/strong>.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20icon%20or%20image%3F\"><h3>Can I use my own icon or image?<\/h3><\/dt>\n<dd><p>Yes. On the Appearance tab, set <strong>Button Style<\/strong> to \"SVG Icon\" to pick from 19 built-in icons, \"Image Only\" for bundled images, \"External Image URL\" for a remote image, or \"Custom Upload\" to upload your own PNG, JPG, GIF, or SVG icon from the media library.<\/p><\/dd>\n<dt id=\"how%20do%20i%20change%20the%20button%20colors%3F\"><h3>How do I change the button colors?<\/h3><\/dt>\n<dd><p>Go to the <strong>Colors &amp; Style<\/strong> tab. You can set background, text\/icon, and border colors for both normal and hover states using the color picker.<\/p><\/dd>\n<dt id=\"can%20i%20hide%20the%20button%20on%20mobile%20or%20tablet%3F\"><h3>Can I hide the button on mobile or tablet?<\/h3><\/dt>\n<dd><p>Yes. On the <strong>Visibility<\/strong> tab, toggle <strong>Hide on Tablet<\/strong> or <strong>Hide on Mobile<\/strong> and set the breakpoints to control at which screen widths the button is hidden.<\/p><\/dd>\n<dt id=\"can%20i%20show%20the%20button%20only%20on%20specific%20pages%3F\"><h3>Can I show the button only on specific pages?<\/h3><\/dt>\n<dd><p>Yes. On the <strong>Visibility<\/strong> tab, change the <strong>Display Mode<\/strong> to \"Show only on selected pages\" or \"Hide on selected pages\" and search for the pages\/posts you want.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20slow%20down%20my%20site%3F\"><h3>Does this plugin slow down my site?<\/h3><\/dt>\n<dd><p>No. The frontend uses zero jQuery \u2014 it is written in pure vanilla JavaScript with <code>requestAnimationFrame<\/code> throttling and passive event listeners. Assets are only loaded on pages where the button is displayed. You can also enable async script loading for additional performance.<\/p><\/dd>\n<dt id=\"can%20i%20add%20a%20scroll%20progress%20indicator%3F\"><h3>Can I add a scroll progress indicator?<\/h3><\/dt>\n<dd><p>Yes. On the <strong>Scroll Behavior<\/strong> tab, enable <strong>Scroll Progress<\/strong> to display a circular progress ring around the button that fills as the user scrolls down the page.<\/p><\/dd>\n<dt id=\"how%20do%20i%20change%20the%20button%20position%3F\"><h3>How do I change the button position?<\/h3><\/dt>\n<dd><p>On the <strong>Position &amp; Size<\/strong> tab, choose <strong>left<\/strong>, <strong>right<\/strong>, or <strong>center<\/strong> bottom placement. You can also adjust the bottom and side offsets in pixels, and set separate offsets for mobile devices.<\/p><\/dd>\n<dt id=\"can%20i%20use%20this%20button%20in%20the%20wordpress%20admin%20area%3F\"><h3>Can I use this button in the WordPress admin area?<\/h3><\/dt>\n<dd><p>Yes. On the <strong>General<\/strong> tab, enable <strong>Show in Admin Area<\/strong> to display the back-to-top button inside the WordPress dashboard.<\/p><\/dd>\n<dt id=\"how%20do%20i%20reset%20all%20settings%20to%20defaults%3F\"><h3>How do I reset all settings to defaults?<\/h3><\/dt>\n<dd><p>Click the <strong>Reset to Defaults<\/strong> button at the bottom of the settings page. A confirmation dialog will appear before resetting.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20accessible%3F\"><h3>Is the plugin accessible?<\/h3><\/dt>\n<dd><p>Yes. The button uses a semantic <code>&lt;button&gt;<\/code> element with ARIA labels, screen reader text, and a <code>:focus-visible<\/code> outline for keyboard navigation.<\/p><\/dd>\n<dt id=\"is%20this%20plugin%20compatible%20with%20my%20theme%3F\"><h3>Is this plugin compatible with my theme?<\/h3><\/dt>\n<dd><p>AR Back To Top is compatible with all standard WordPress themes. It uses high-specificity CSS selectors with <code>!important<\/code> to ensure the button displays correctly regardless of your theme's styles.<\/p><\/dd>\n<dt id=\"where%20can%20i%20report%20bugs%20or%20suggest%20features%3F\"><h3>Where can I report bugs or suggest features?<\/h3><\/dt>\n<dd><p>Please email anisur2805@gmail.com for any questions, bug reports, or feature suggestions.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0.3<\/h4>\n\n<p><strong>Compatibility Fix<\/strong>\n* Lower minimum WordPress requirement from 6.8 to 4.8 \u2014 restores compatibility with the vast majority of WordPress sites\n* Add automatic upgrade routine that populates missing option defaults for users upgrading from v2.x, preventing broken buttons after update\n* Fix stable tag to match 3.0.3<\/p>\n\n<h4>3.0.2<\/h4>\n\n<p><strong>Bug Fixes<\/strong>\n* Fix stable tag for WordPress.org plugin directory\n* All fixes from 3.0.1 included<\/p>\n\n<h4>3.0.1<\/h4>\n\n<p><strong>Bug Fixes<\/strong>\n* Fix color and breakpoint fields not saving \u2014 add fallback defaults to all render fields\n* Fix icon hover color inline default mismatch (#fff \u2192 #000)\n* Fix icon picker not updating the live sidebar preview immediately\n* Reduce default button offsets from 100px to 30px for better out-of-the-box positioning\n* Add autocomplete=\"off\" to color picker inputs\n* Update screenshots and expand FAQ section<\/p>\n\n<h4>3.0.0<\/h4>\n\n<p><strong>Major Release \u2014 Complete Overhaul<\/strong><\/p>\n\n<p><strong>Accessibility<\/strong>\n* Use semantic <code>&lt;button&gt;<\/code> element instead of <code>&lt;div&gt;<\/code> for the back-to-top button\n* Add <code>aria-label<\/code>, screen reader text, and <code>aria-hidden<\/code> on decorative elements\n* Add <code>:focus-visible<\/code> outline for keyboard navigation<\/p>\n\n<p><strong>Performance<\/strong>\n* Remove jQuery dependency \u2014 rewrite frontend JS in vanilla JavaScript\n* Add <code>requestAnimationFrame<\/code> throttling on scroll events\n* Use passive event listeners for scroll\/resize\n* Conditional asset loading \u2014 skip CSS\/JS on pages where button is hidden<\/p>\n\n<p><strong>New Features<\/strong>\n* Page\/post display filter \u2014 show or hide button on specific pages\/posts (Select2 search)\n* Auto-hide timer \u2014 button fades out after configurable seconds of inactivity\n* Button tooltip text and z-index control\n* Multiple scroll easing effects (linear, ease-in, ease-out, ease-in-out)\n* Button shape presets \u2014 circle, square, rounded square, or custom\n* Center bottom position option\n* Hide on desktop toggle with breakpoint\n* Custom icon upload via WordPress media library (PNG, JPG, GIF, SVG)\n* Separate mobile positioning controls (bottom and side offsets)\n* Show button in WP admin area\n* Font Awesome version control \u2014 choose FA 6, FA 5, or skip if already loaded\n* Auto-detect existing Font Awesome enqueue to avoid duplicates\n* Reset to defaults button with confirmation<\/p>\n\n<p><strong>UI Redesign<\/strong>\n* Modern tabbed admin settings (General, Appearance, Colors, Position, Scroll, Visibility, Advanced)\n* Live preview panel with browser chrome mockup\n* Select2 searchable multi-select for page\/post filter\n* Scroll progress forces circle shape with locked dropdown and notice<\/p>\n\n<p><strong>Upgrades<\/strong>\n* Upgrade Font Awesome from 4.7 to 6.5.1 with automatic icon migration\n* SVG upload support for admin users\n* PHP 8.2+ compatible \u2014 no dynamic property deprecation warnings<\/p>\n\n<p><strong>Bug Fixes<\/strong>\n* Fix dependent fields visibility (auto-hide, display pages, mobile offsets)\n* Fix button shape not applying on frontend\n* Fix scroll progress overriding shape selection\n* Add <code>!important<\/code> with high-specificity selectors for theme compatibility<\/p>\n\n<h4>2.11.4<\/h4>\n\n<ul>\n<li>Added Website Status Page<\/li>\n<\/ul>\n\n<h4>2.11.3<\/h4>\n\n<ul>\n<li>Added Progress Bar Options<\/li>\n<li>Added Button Image Position options<\/li>\n<li>Improve Code Structure<\/li>\n<\/ul>\n\n<h4>2.11.2<\/h4>\n\n<ul>\n<li>Added Load JS Async\/Defer Option for Performance<\/li>\n<li>Added Custom CSS<\/li>\n<li>Added Hide Button On Mobile &amp; Tablet<\/li>\n<li>Added Button Style<\/li>\n<li>Improve Code Structure<\/li>\n<li>Fixed previous error<\/li>\n<\/ul>\n\n<h4>2.10.0<\/h4>\n\n<ul>\n<li>Added Missing Readme.<\/li>\n<\/ul>\n\n<h4>2.0.9<\/h4>\n\n<ul>\n<li>Added Single Post View Page Word(s), Character(s), View(s) Count.<\/li>\n<li>Added Meta Info View Position Like: Top\/Bottom\/Both of Content.<\/li>\n<li>Code Structure Improve.<\/li>\n<\/ul>\n\n<h4>2.0.4<\/h4>\n\n<p>Update WordPress and PHP compatible version.\nImprove code structure and more.<\/p>\n\n<h4>2.0.2<\/h4>\n\n<p>There is no need to upgrade just yet.<\/p>","raw_excerpt":"AR Back To Top is a standard WordPress plugin for back to top.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/97371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=97371"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/anisur8294"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=97371"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=97371"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=97371"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=97371"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=97371"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=97371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}