Please, enter a valid email!
00 days
00 hours
00 minutes
00 seconds

How to Add a Back-to-Top Button to Your WordPress Website?

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.

wordpress themes

The Basic section contains some options.

how to add back to top button wordpress

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.

how to add back to top button wordpress

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.

how to add back to top button wordpress

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.

Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service - to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership - to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins - to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites - to create amazing visuals. You’ll get access to to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service - to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service - to increase UX of your site and get a better Google PageSpeed score.

Alex Bulat

Writing a blog post or building a micro niche WordPress website is something Alex can do bare-handed. You're welcome to contact him via Telegram, Facebook, or LinkedIn.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

One response to “How to Add a Back-to-Top Button to Your WordPress Website?”

  1. Lentinecxe says:

    ways of Win Back The Woman You Love

    You really need ideas on how to get your girl back. It been awhile now since the break up but you no more over her today than you were the day a lot of stuff fell apart. it really is hardly eat, You can sleep every waking moment is consumed with thoughts of her. the thing you need right now is a clear path back to her. you realize that trying to move on without her isn going to work. excellent, There are some simple things you can do now that will make her fall back in love with you again.

    Here are 3 helpful how to get your ex girl back:

    The main reason you such an emotional mess these days is that you clinging onto a thin thread of hope that you get her back. from the event let her go, Completely, for the, You feel stronger and you be in a better place emotionally to win her back. Face that experts claim right now she not your girlfriend. If you can do that, And she senses there are, You both relax and be more open to the idea of a reunion sooner or later.

    Stop reaching out to her.

    The obvious way to get back the woman you love is to continue to talk to her and try and convince her you can sell organic another chance. That why you been spending so much time running after her after the break up. you’ll get better results if you stop talking to her altogether for a few weeks. My advice is to distance yourself from her for about two weeks. Three weeks is highly advanced. By doing this you be showing her that you respect her need for space and that you not going to spend the entire content of your life trying to get her back. That will actually have a very strong, Positive influence on her.

    Become her platonic friend.

    Even though your main goal is to be with your girlfriend in a romantic sense again, You have to make progress slowly. One the easiest way to establish a new connection with her is to become friends. Almost all women love this idea after a break up because chnlove real or fake they want to stay in contact with their ex. By continue as friends you be able to show her how supportive and compassionate you can be.

    Following these proven methods to get your girl back will give you the advantage you need. With the right insight and attitude she can be yours from the start.

Leave a Reply

Your email address will not be published. Required fields are marked *