How To Add a ‘Back To Top’ Button In WordPress

We all have been there many times, getting lost in a long blog post and wishing for a quick way to get back to the top. Although studies show that longer content is more engaging and beneficial for SEO, a good User Experience (UX) is also important for maintaining and boosting website traffic.

If you have a lot of content, adding a button that allows viewers to quickly go back to the top can save them so much time. So, if you want a magic button to whisk your readers back to the top of lengthy blog posts, this quick tutorial is for you.

Today, we will see how to add a ‘Back To Top’ button in WordPress. This small tweak can have a huge impact on your readers’ user experience. So, hold tight, and let’s get right into it!

How To Add a ‘Back To Top’ Button In WordPress

To add a back-to-top button in WordPress, you will need a good plugin. You will find a few different plugins for that, but I will suggest that you go for the WPFront Scroll Top plugin. 

So first things first, you need to install the WPFront Scroll Top plugin. Just go to your WordPress Dashboard, navigate to Plugins, and then Add New Plugin (1). Search for WPFront Scroll Top (2), then click on the Install Now button (3), and lastly, Activate the plugin. 

Once the plugin is activated, you should find yourself redirected to the WPFront Scroll Top settings page. If not, go to the Settings menu and click Scroll Top. Just check the Enabled box and choose the button then click on Save Changes.

That’s it. You are good to go with the default settings. But if you want to further customize your back-to-top button, you will get to do that too.

You can set the Scroll Offset, Button Size and Opacity, Button Fade and Scroll Duration, Button Style, and many more things. You can even hide the button automatically if you select the Auto hide option and specify the time duration. 

You can also adjust the button position to the way you want it Another cool thing about it is you can choose the pages where you want to show your back-to-top button. You can either select all pages or custom pages. It lets you to exclude specific pages. Last but not least, it has a huge collection of button images freely accessible. 

So make any customization you want, click Save Changes, and you are done. 


You are now all set to add a ‘Back To Top’ button to your WordPress website. Your viewers will no longer have to scroll endlessly; with a single click, they will be back to where they started. As you know, it’s small details that make a big difference in user experience. So, go ahead and give it a try.

Hope this helped with what you were looking for. Thank you.

Read Also:

Introducing a New Table Block Plugin - Tableberg
This is default text for notification bar