How to Make a WordPress Widget Sticky

Sticky WidgetIf it is done correctly, a sticky widget can be very effective on your blog. There are a number of methods that you can use to make a WordPress widget sticky. These include adding some code or installing a plugin that can do the job for you.

Why You Might Want to Use a Sticky Widget

The main advantages of using a sticky widget include the following:

  • If you have gone for a minimalist sidebar, then your content will often stretch well below it, leaving a lot of empty space on the side. A sticky widget can serve to fill that void so that there is always something to look at on the viewing screen. It can look more balanced.
  • If you want to entice more subscribers to your list then the traditional position for the opt in form (top right corner) might not be working as well as you would like. It is only visible while the reader is focused on the top of the page. With the use of a sticky widget you can make your opt in form stay on the screen as the reader scrolls down.
  • If you want to draw attention t a particular promotion, then a sticky widget can get the job done for you.

A Plugin Solution

I am all in favour of keeping the number of plugins that are used to a minimum so as not to slow a site. In other words, if the task can be coded then it tends to be a better way to go. However, not everyone is comfortable with the idea of getting stuck into the code side of a site. Therefore, one of the simplest solutions is to use the Q2W3 Fixed Widget (Sticky Widget) Plugin.

This plugin has been updated and improved over time. You can now configure options for responsive themes so that your blog still loads effectively on mobile devices.

You can also set the margins and make sure that there is no overlapping with the footer area.

You can see a demo of this plugin on my site now. Simply scroll down and you will see that the opt in form and the widget beneath it, my Google+ profile, remain on the screen until the footer is reached.

A Coding Solution

As mentioned above, you can instead implement a coding solution.

One such solution can be found here.


Teaser Image by Master isolated images,

Leave a comment

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

CommentLuv badge