How Can You Make Your Widget Sticky in Your WordPress Sidebar?

For those who love the sidebar and are not just yet ready to do away with it altogether from their WordPress blog, it makes sense to try to maximise its advantage to its full potential. The sidebar continues to be one of the most-loved elements of a WordPress site and despite many people being against it citing reasons ranging from viewer distraction to giving a cluttered and busy feel, for many bloggers, it remains a crucial aspect for more conversion and lead generation.

Make your widget stickyIf you are using a sidebar as a part of your marketing or content strategy, I assume that you are already taking a lot of care about how you place it and how you put the widgets there. However, it is seen that many bloggers do not realise a sidebar’s potential as far as getting more business conversion is concerned. For them, the sidebar is there because everybody else has it and it is mostly populated by many ads and widgets that do nothing to give a better user experience.

Sidebars for better conversion

Rather than simply keeping the sidebar with no clear intent, I would recommend that you start paying more attention to how you are placing your widgets there. You should be placing only those elements that aid in getting more subscribers or followers. You can even optimise the sidebar to get more page views of specific pages or place ads to earn more revenue. A cluttered and busy-looking sidebar never looks good. Try to have the most important elements there instead of placing widgets that do not add any value to the readers.

Sticky sidebar widget

Sticky sidebar widgetWhen people visit your blog to read a content there, they simply click on a post and start reading by scrolling down the content. Do you notice that as you scroll down, the sidebar also moves along with the main content? There’s nothing wrong with that. But when the content is long, and the user comes down to the bottom of the post, the sidebar is no longer seen. It has disappeared. This is because the sidebar is not as long as the content itself. Instead, what you see is a tall white space where the sidebar should have been. Is there a way to remove this white space in the sidebar area even if the reader keeps on scrolling down the content? There is. This is where the Q2W3 Fixed Widget plugin comes in.

The Q2W3 Fixed Widget plugin

This free plugin is an extremely useful tool to make a widget in your sidebar “sticky”. This means, when you use this plugin, you can make any sidebar widget float next to the content as the user scrolls down so that there is no white space at all in the sidebar area no matter how long the post is. It is up to you to decide which widget you want to make sticky. Is it going to be an affiliate banner? Is it going to be the opt-in form? The popular posts? Some of the ways by you can optimise the sidebar with Q2W3 Fixed Widget plugin are:

  • Increase affiliate sales by making the Affiliate Banner sticky.
  • Get more subscribers by making your Subscription Box sticky.
  • To decrease bounce rates or increase page views by making Popular Posts sticky.
  • Get more Facebook likes by making the Facebook widget sticky.
  • Encourage an immediate response by making a Click-to-Action (CTA) banner sticky.

In short, you could make anything sticky if you think it’s going to benefit you.

Installation instructions for Q2W3 Fixed Widget plugin

Follow the standard WordPress plugin installation process.

#1: In your WordPress admin area, go to Appearance –> Plugins –> Add NewFixed Widget plugin

#2: Search for “fixed widget” and look for Q2W3 Fixed Widget.Fixed Widget plugin

#3: Click “Install Now”.

#4: Click “Activate” tab to activate the installed plugin.Activate Fixed Widget plugin

#5: From the Widgets in the sidebar, pick the widget you want to make sticky and check “Fixed widget” box.Sticky widget

#6: Save.

#7: Voila! Your widget is sticky now.

How to prevent the sticky widget from overlapping with the footer?

In many instances, the default Q2W3 Fixed Widget settings make the sticky widget overlap with the footer area. Or it might even make the widget float very near to the main menu or header area. To prevent these, you might want to change the settings in the Fixed Widget Options. In the WordPress admin area, go to Appearance –> Fixed Widget Options. Add margin top and bottomThere, you have the option to define the top and bottom margins of the widget. Normally, you need to set the bottom margin >= footer height. In my case, I was happy with a Margin Bottom value of 100 px. However, it differs from theme to theme. You can keep on changing the values as a hit-and-trial way and check for yourself where the widget fits perfectly according to you. The same is the case for the Margin Top value. Try various values to see the best option. Mine worked perfectly at 50 px. Yours could be different. Don’t forget to save the settings before checking the changes made.

What to do if the footer height is different for different pages?

If your footer height is changing from page to page, there is another option to prevent the widget from overlapping with the footer. In the General Settings of Fixed Widget Options, you can use the Stop ID option. In this case, you will need to provide the HTML tag id. Your bottom margin value will be determined by the position of the HTML id provided. Stop ID footerFor instance, let’s take the example of the Nisarg default WordPress theme. In that, if I inspect the Theme Footer (footer.php) in the Editor, I can see that the theme’s footer has an id=”colophone”. So, what you’ll be doing is simply enter colophone in the Stop ID option without any symbols. This will ensure that the sticky widget does not overlap with the footer irrespective of whether the size is different for different pages.

Disabling the plugin on mobile and portable devices

When you use a footer widget, the sticky sidebar widget overlaps with it on mobile devices. This looks ugly. The way to go about with it is to disable the plugin on mobile devices. Disable plugin for mobilesHere, you have two options. You can choose either Disable Width or Disable Height in the General Settings of the plugin. They work the same way. If the browser width/height is less than or equals the specified value, the plugin is disabled on mobile devices.

Benefits of having a sticky widget

First of all, the Q2W3 Fixed Widget plugin is extremely easy to use. Without a sticky widget, when a reader is reading and enjoying a post, and as he scrolls down the content, he might not see the sidebar. All that is visible to him is a tall white space which makes the layout rather dull and uninspiring. But with this plugin, you can now keep things in your control and keep something valuable sticky beside the reading area. So, even if the user scrolls down the post, the Subscription Box or any such widget could be fixed in the sidebar. Neat, isn’t it?

Learn internet businessThis is a great way to make your older posts visible to the users. This ensures more reads and more page views of the older posts. The plugin helps your evergreen content to stay in the spotlight. Rather than your old posts getting buried under the heap of newer posts, if you can make those important posts visible always to the user, I think there’s no way you should not be using this beautiful plugin.
Post a comment below and let’s hear what you think of this plugin. Which sidebar widget are you making sticky or planning to make sticky? Why did you choose that particular element from all the widgets in your sidebar?

22 comments On How Can You Make Your Widget Sticky in Your WordPress Sidebar?

  • Hey there,

    I have to say this is one of the best websites I have visited today as far as detailed info is concerned. I see that you are quite the techy guy.

    You have simplified the steps well that it has been easy for me to follow to install and activate the plugin as well as the other steps.

    Thanks a lot, I’ll be sure to come back for more.

    • Hi Dave,
      Thanks for visiting my site. I’m glad that you liked my post. It’s such useful plugin and very easy to use. I’m sure you’ll love it.

  • Thanks a lot for the informative post!

    This is something I’ve been meaning to do for a while but haven’t got round to it yet. I’ll definitely bookmark this post for reference when I finally get around to it.

    A question I have is: is it possible to do this with code? I’m obviously trying to minimise the number of plugins I use so would like to see if there’s some other method to do this.

    • Hi Stephen,

      Thanks for reading the post and I’m glad to learn that you found it informative. I can understand your wanting to employ codes instead of having to use a plugin. But I’m sorry that I would not be able to help you with it because I do not know the code myself and I haven’t tried to find out one that provides the same functionality as this particular plugin. However, I’ll definitely get back to you through my reply here if I can find one.

  • Hi Sukumar!
    Thank you for sharing. I’ve noticed this problem on my site and didn’t know how to make my site’s sidebar ”less white.”
    Your post was handy to me. I’ll try this plugin, even though I still don’t know which widget to make sticky.
    Can I make sticky only one widget, or even more?

    • Hi Marta,

      Thanks for visiting my site. You can make more than one widget sticky if the two appear in succession on your sidebar and if you can define the top and bottom margin values. BUT why would you do that? They would look strange when rendered on portable devices like mobiles and tablets. So, my advice would be to make the bottom-most widget in your sidebar sticky. In other words, make the last widget in your sidebar sticky. However, do not make Google AdSense ads sticky as it is against their ad implementation policy. Wish you all the best!

  • I love sidebars too! I think it’s a great way to increase connectivity and make it easier for visitors to find the posts that I want them to link to e.g a money generating post with affiliate links and all. Another usage that I’m currently using with the sidebar is to put my sign up box for my newsletter. With the normal sidebar setup, the sign up widget will not be fixed and I noticed the sign up rate is very low. I’m going to give this sticky widget a try to see if it can increase the sign up rate or not. Thanks for the introduction to this plugin!

    • Thanks for reading my post, Issac. I’m sure you’ll love the plugin. I also believe that the

      sign-up rate will increase once you make your subscription box sticky. Wishing
      you the best!

  • Wow, never knew that you can make sticky widget on the sidebar. Honestly, my sidebar is so boring. Just a list of recent post and comments. When reader read my article, there is nothing shown on the sidebar since it’s not sticky. Now you have shown me the way to do it. Thank you very much for this article. It’s Q2W3 plugin, okay got it 🙂

    • Thanks for reading my post, Amer. It’s time to revamp you sidebar 🙂 Use the Q2W3 plugin to make your favourite widget sticky. Just make sure that you don’t make the Google ad sticky. It is against their ad implementation policy.

  • I agree that using your sidebar in a way that aids in getting more subscribers or followers is a good thing…but it really is important in certain blog setups for navigation through the site. 

    I primarily use my sidebar on my sites for navigation due to them being geek topic websites – therefore visitors spend a lot of time staying on the blog (which we all know is good news in the eyes of Google). They need to easily find their way to other articles linked to the subject they arrived for. 

    What would be your perfect template for a sidebar looking for followers and needing good navigation at the same time?

    • Sidebars are not needed for certain blog types. In fact, there are niches that look better when it’s a full-width layout with sidebars. Nowadays, the trend is towards the full width layout.

      People’s preferences are unique. But in general, I love to see the blog owner’s brief bio, an opt-in form for sign-ups. And maybe a banner. Thanks for visiting my side, Chris.

  • I’ve always wondered how to do this, but being new to website building, I’ve always had a hard time with it. However I must say, you break things down in a very easy to understand way. It also helps to know that there is a widget to allow you sidebar to slide down as you scroll. also thanks for the info about making sure the widget doesn’t overlap the footer, I’ve had that issue a couple times already. Thanks!

    • I’m happy that you find my post useful.The plugin I have mentioned is every simple to use. Try it. I think you’ll like it.

  • Exactly what I’m looking for. I’ve been taking care of my side bar recently. Removed favorite post and most recent posts. Now my side bar looks a lot cleaner. 

    Have a side bar that I’m satisfied with, I’m looking for ways to make it stick. The Q2W3 looks like what I need. 

    Do you happen to know other similar plugins that does the same thing? Would be nice to see some comparison.

    Oh, one more thing, how’s the effect on load speed?

    Thanks for sharing.

    • When you have a blogroll on as your “home”, having a recent posts widget in the sidebar is useless. You will be having recent posts (in revers chronological order) on your home. There must be other alternatives but I like Q2W3 for its simplicity. As for the site speed, I don’t think it hampers the speed in any noticeable way.

  • You know I have seen a few sticky widgets recently on sites and I was in two minds as to whether to implement it on my site or not. But after reading your review and the potential benefits of using a sticky widget, I think I will give it a try using your plugin. Thanks so much for this. Kenny

    • Do give it a try. And if you’re using a footer, make sure that make sticky widget inactive in mobile devices. If you don’t do that, it looks ugly when the sidebar widget and the footer overlaps each other in mobile view. Thanks for reading my post.

  • Hello there, I really love they way you given detailed information on this issue. I have never thought about this but reading your article has made the idea seem really awesome. I will definitely install it and start using it right away. As for my sidebar I always just throw in a couple of Amazon ads but now I know better. 

    Thanks for the great post and be assured you now have a fan.

    • If you’re having a sidebar, make optimum use of it. It should be there not merely for decorative purposes. The items in your sidebar should enhance the user-experience. I’m sure you have your own choice of the widget for making it sticky. Thanks for dropping by.

  • I definitely think there is a lot of sense in this. I never knew there was a plugin that can do such thing as sticky bar, now that I know better, will definitely utilise this to make my side bar better. I usually just leave my most recent posts which was set by default anyways. Had to save this post for a better time so I can use it as a guide to get my widgets to serve me better. Thanks so much for this informative post.

    • I’m glad to know that you found my post useful. Do give a try with the plugin. You’ll like it, I’m sure. Choosing which widget to make it sticky is not easy. I’d prefer using your sign up form sticky. Thanks for visiting my site.

Leave a reply:

Your email address will not be published.

Site Footer

Scroll Up