We are ready to provide you with a simple tutorial on how to add back-to-top button to your WordPress site.
Your site could have long pages. To get back to the top of the page you view you can use back-to-top button. So, here is an easy and fast way to do it.
The best solution for adding back-to-top button is a plugin. We recommend using Smooth Scroll Up plugin.
- Download plugin file and install it to the Plugins > Add New page in your admin panel.
- Once plugin is installed and activated, you will see new section available in your admin panel.
- You can manage plugin settings in Settings > Scroll Back to Top page.
Let's add back-to-top button to your site. Smooth Scroll Up Options page have several sections available.
The Basic section contains some options.
Here you can select your back-to-top button type. A few options are available:
- Image
- Icon
- Text Link
- Pill
- Tab
Each type has its own settings. From the text field and position options, for the text type to icon size and position of the Icon type.
Display section contains display options for Smooth Scroll Up plugin.
You can decide if you wish to display back-to-top button on your Home page.
- Display in homepage option allows you to enable/disable button for the Home page.
- Display/hide scroll up element from specific posts or pages section has several options available. They allow you to select pages where you wish to hide or show back-to-top button. Specify IDs of posts or pages (separated by commas).
- Smooth Scroll Up plugin has a great option for enabling to-the-top button on mobile devices. You can use it to add this button to your site's mobile layout.
The next Smooth Scroll Up plugin feature is Advanced section. It's used for adding custom css and js code to add custome styles or functionalities to your button.
That's it. Now you know how to add back-to-top button to your WordPress website.
We wish you good luck. Be sure to let us know if our help is required.
