The 10 Best WordPress Scroll to Top Plugins 2022

It’s always a good idea to add a scroll to top button to your blog, especially if you publish long form contents. This not only enhances user experience, but also increases conversion rate since visitors can locate your navigation menus easily. 

Nowadays, many themes come with built-in scroll to top button functionality. If your WordPress theme lacks this, a scroll to top plugin can be used instead. 

There are quite a few free and premium WordPress scroll top plugins available.

In this post, I’ve rounded up 10 of the best “back to top” plugins on the web. 

1. WPFront Scroll Top

My personal favorite back-to-top plugin is WPFront Scroll Top. It’s easy to use and offers a lot of options.

There are many different designs to choose from and many ways to adjust appearance, transparency, size, behavior, location, and so much more. Also, the icons and arrows are really neat. 

The attention to detail that has gone into this plugin is really commendable. Everything works as it should.

You get all the bells and whistles of a premium plugin without paying a dime (free plugin). There’s a lot of activity and support from the author as well.

Key Features:

  • More features than most
  • Quick and easy install
  • Fully customizable
  • Dynamic scroll to top button (back to top animation added)
  • Auto hide feature available
  • Add different types of  buttons e.g., text button, image button etc.
  • Ability to link to a specific html element within the page
  • Users can also link the button to a different page
  • Supports caching plugins e.g., Async JavaScript
  • Ability to hide the button on mobile screens and iframes
  • Ability to filter buttons by posts/pages
  • Supports Font Awesome icons
  • Easy configuration overall

2. Smooth Scroll Up

This plugin can be a great addition to your plugin toolbox. It’s a stylish out-of-the-box plugin with a fairly intuitive settings interface. 

Responsive. Therefore, it works perfectly on mobile devices. Scrolling up is quick, but it doesn’t jump. 

Scrolling plugins shouldn’t consume a lot of resources. In our testing, Smooth Scroll Up has proven to be one of the fastest. The plugin’s zip file is only around 55 KB in size. 

The developer responds to questions and requests quickly.

Main Features: 

  • Customizable back to top button
  • Scroll to top button supports on-click events
  • Allows to set distance from top
  • Various element types i.e., text, icon, image, tab, pill
  • Additional enable/disable settings for home page
  • Allows to display scroll to top button in specific posts/pages
  • Display/hide in mobile devices
  • Supports animations (fade, slide and none)
  • Option to select element position (left, center, right)
  • Supports custom image and custom text
  • Supports FontAwesome font icons
  • Allows to add custom CSS and Javascript code

3. Scroll Back To Top

The plugin does exactly what it says on the tin and works perfectly out of the box. The settings page is very simple, clean, and easy to understand. You just need to go to Settings > Scroll Back to Top to find all the customization options.

If you wish, you can also add your own CSS rules to further customize the button’s appearance. For example, simply copy paste the following code in the “Extra CSS” section to add a transparent button background:  

.scroll-back-to-top-wrapper { background:none !important; }

This plugin uses CSS with FontAwesome icons. No images. This makes it lightweight and efficient.

Main Features: 

  • Pre-configured back to top plugin
  • Appears only when users scroll down the page
  • Allows to change size, color, opacity, icon/text
  • Ability to customize the position and animation
  • Preview mode available
  • Built with jQuery

4. Dynamic “To Top” Plugin

As the name suggests, the Dynamic “To Top” plugin adds a dynamic “back to top” button to WordPress sites. 

Users can style different elements using an interactive options panel. You can specify when and where you would like it to appear. Both image and text versions are available. 

The buttons are created using CSS3. On mobile devices, you can choose whether to display or hide buttons. Most caching and CSS minification plugins are compatible with it.  

There were reports that some users were having difficulties uninstalling the plugin. The plugin now includes an uninstall feature that makes the process much easier for end users.

Also, note that the buttons are displayed dynamically using JavaScript. Therefore, if you disable JS on your browser, the buttons will not appear.  

5. jQuery Smooth Scroll

The jQuery Smooth Scroll plugin is a fantastic scroll to top plugin for WordPress, with easy customization using CSS/JS code edits. As an example, you can modify the upperLimit value in the “js/jss-script.min.js” file to adjust the time when the icon/link appears. 

It is also possible to use your own icon by overwriting the arrow.png file. It also provides smooth scrolling for all anchor links in addition to the “scroll to top” button. 

The plugin uses jQueruyUI to support RTL and custom easing effects. JS and CSS files are compressed by default. Hence, it is a relatively lightweight plugin.  

As long as there are no conflicts, it works perfectly. But sliders and tabs tend to cause compatibility issues. In order to resolve such issues, you will need to open a support ticket with them.  

6. Easy Smooth Scroll Links

Easy Smooth Scroll Links adds smooth scrolling and scroll animation effects to any anchor link on a page. So, you can use it to create a scroll to top button as well. 

This plugin allows you to add animation effects to any anchor link on a page, such as the link at the top of each page. All major browsers are supported. 

The plugin adds an anchor button to the visual editor as well. The shortcode [anchor]anchorname[/anchor] can be used to add smooth scroll links. 

With this plugin, you can also set scroll speed and offset values as well as choose from 30 different scrolling animation effects by default. 

Update: We found another similar plugin in the WordPress plugin directory. Ratings are better for this one. Check it out here: Page scroll to id

7. Scroll to Top Button

Simplifying things can make them even better! “Scroll to Top Button” is a simple but efficient scroll to top plugin. What it promises, it delivers. It takes less than 30 seconds to set up!  

Key Features: 

  • Adds a “scroll to top” button to the bottom corner of the page
  • Allows to customize button size
  • Option to choose between light or dark color schemes
  • Compatible with all major browsers and themes

Quick Tip: Go to Appearance > Scroll To Top and choose “Button Colour Scheme: Dark” and “Button Size: Large” – it will look really good on most sites, especially on minimalist websites.

8. Scroll To Top

The plugin is for those who just want a little button that would allow people to scroll up without breaking their scrolling fingers. 

No coding skills are required. Scrolling to the top of the page is very smooth. 

It allows you to choose colors, icon position, and a few different styles, so your blog design won’t be ruined. It also allows you to use custom text, icons, and widths and heights. 

9. Scroll Top

Back to top plugin includes a lot of features such as scrolling speed settings, animation ease settings, retina support, etc. Default text or icon fonts can be selected or custom text can be used. 

You can also change the animation style. The plugin’s custom CSS section allows you to insert your own CSS styles.

Main Features: 

  • Adds a custom and flexible Back To Top button
  • Display/hide on screen smaller than 600 pixels
  • Unlimited color choices
  • Option to switch positions (left or right)
  • Icon font option that supports retina devices
  • Nice application of scrolling animation

10. Smart Scroll to Top

The “Smart Scroll to Top” plugin is a paid one. You can find it on Codecanyon. The current price is only $10 (August 21, 2022). 

As a scroll to top button, you can add icons, custom text, or custom images. You can customize background color, opacity, width/height, page scroll speed, scroll visibility, etc. 

Main Features: 

  • Premium scroll to plugin with advanced customization options
  • custom template with custom design options
  • Works with all modern browsers and themes
  • Great color variations
  • Square, round, diamond button/icon styles
  • Show/hide on smaller screens
  • Easy import export feature

If you liked this post, please consider sharing it with your friends:

Pinterest

Leave a Comment