How to Add a Floating Button Without Plugins on WordPress

How to Add a Floating Button Without Plugins on WordPress

Having a floating button on your WordPress website is something handy.Without a plugin it’s even better ! How can it happen without a plugin ? Very easy.With our tutorial you don’t even need to have HTML/CSS knowledge and skills.You only need to follow and repeat like a parrot.Sounds cool ? Glad to hear that ! 

Before we start we would like to advice you to check our list of the Best Web Hosts

When having your website on WordPress you will need to choose a Good Looking Optimized theme , Speed optimization plugin and understand How to do Good SEO 

How to Add a Floating Button Without Plugins on WordPress

3 Ways To Add Floating Go To Top Button In WordPress Blogs

1. Add Simple Code To Your Blog (Best Way)
2. Use Scroll To Top WordPress Plugin
3. Use Go To Top WordPress Plugin

1. Add Simple Code To Your Blog.

This is simple way to add go to top button, best way to add code to your blog. This will also add a cool image but you can change it to your own image.

  • Goto WordPress Dashboard > Appearance >Widget
  • Drop a Text Widget to your sidebar.
  • Now Paste below code in Text Widget

 

  • Click on Save Button and See the magic!

2. Use Scroll To Top WordPress Plugin.

Fully written in jQuery, the plugin adds a floating box centered in the footer of your site that only appears when you scroll the page down, and when clicked gently roll the site to the top. All this without any modification to your template.

How To use it?
Scroll To Top

  • Download Plugin Here
  • You can either use the automatic plugin installer or your FTP program to upload it to your wp-content/plugins directory the top-level folder. Don’t just upload all the php files and put them in /wp-content/plugins/.
  • Activate the plugin through the ‘Plugins’ menu in WordPress
  • Visit your Scroll to Top Options (Options – Scroll to Top)
  • Configure any options as desired, and then enable the plugin
  • That’s it!

3. Use Go To Top WordPress Plugin.

This plugin will Add a “Go to top” link to your posts. This is a wordpress plugin which based on jQuery, jQuery Easing and Scroll to Top v3

How To use it?Goto Top WP plugin

  1. Download Plugin Here
  2. Upload the plugin folder to the /wp-content/plugins/ directory or use Dashboard Method
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Leave a Reply