How to Make Any Sidebar Widget “Sticky” In WordPress

Make WordPress Sidebar Widget Sticky

A sidebar is an essential part of a blog. But most of the time it remains unnoticed.

People come to your blog to read the content. They open the post, scroll and read the content. By the time they are at the bottom of the post, they no longer can see the sidebar. It’s out of their screen.

And your sidebar doesn’t get noticed. It happened to me. But I was able to fix it by using “Sticky Widget” plugin.

The idea is to make any sidebar widget sticky that floats next to the content as the user scrolls down. It’s not possible to make every widget sticky. What you can do is make the most important widget sticky. For example, if you want more subscribers than make your ‘Subscription Form’ sticky.

Q2W3 Fixed Widget is the WordPress plugin that allows you to add floating sidebar widget in WordPress. In this post, I will show you how to make any sidebar widget “Sticky” in WordPress. Before moving to the tutorial, I’d like to give some ideas on how you can use the plugin.

  • You can make “Affiliate Banner” sticky to increase affiliate sale.
  • You can make ‘Adsense Ads’ sticky to increase CTR.
  • You can make ‘Subscription Form’ sticky to get more subscribers.
  • You can make “Like Box” sticky to get more likes.
  • You can make “Popular Posts” widget sticky to decrease bounce rate.
  • You can make anything sticky that benefits you.

Sticky Widget will double your conversion rates. Let’s see how to set up the sticky widget.

How to Make Sidebar Widget “Sticky” in WordPress

At first, you need to install the Q2W3 Fixed Widget plugin. (Read: How to Install a Plugin)

Once you’ve activated the plugin, go to WordPress Admin Panel > Appearance > Widgets. Then click on the widget that you want to make sticky. You will notice “Fixed widget” option there. Just check the box and click on “Save.”

WordPress Sticky Widget

Now go to your site and scroll down. The sticky widget will be scrolling with you.

Sticky Widget Plugin also allows you to configure the position of the fixed widget. Go to Appearance > Fixed Widget Options and set the margin top and margin-bottom.

  • Margin Top: This property defines the vertical distance from the top border edge of an element to the edge of its containing block. You have to optimize margin-bottom properly to prevent widget overlapping with the footer.
  • Margin Bottom: This property defines the vertical distance from the bottom border edge of the element concerned to the edge of its containing block.

Fixed Widget Options

You can go with default settings for other options.

You can make multiple widgets sticky by using the plugin. But make sure your sidebar is not annoying. I prefer making one widget sticky.

[thrive_text_block color=”note” headline=””] Tip: Another WordPress plugin I am using with Sticky Widget is Thrive Clever Widget. It allows me to add relevant widgets to the relevant posts/pages. It’s better to show highly relevant widget content on sidebar rather than showing the same widget on every blog post. It converts like crazy. Check this plugin here [/thrive_text_block]

A Q2W3 Fixed Widget Alternative

A lot of people complain that Q2W3 Fixed Widget is not working on their WordPress site. If you are one of them, here is an alternative for you.

Theia Sticky Sidebar for WordPress is another plugin that allows you to make existing sidebar sticky and keep it permanently visible. It’s compatible with all WordPress themes. It’s a premium plugin that will cost $18 of you. I’ve not used the plugin on my blog. But I think it will work for you. This plugin is rated 4.26 out of 5 stars.

Theia Sticky Sidebar

[thrive_link color=’blue’ link=’https://roadtoblogging.com/go/sticky-sidebar/’ target=’_blank’ size=’medium’ align=’aligncenter’]More Details[/thrive_link]

I hope this post helped you add a floating sidebar widget in your WordPress blog. Do let us know if you find any issues while using the plugin. If you find this post helpful, please help me by sharing this post on Facebook, Twitter or Google+.

43 responses to “How to Make Any Sidebar Widget “Sticky” In WordPress”

  1. Sharon Rao Avatar

    This is amazing information, I used to wonder how to have a sticky widget and this thing solved my problem

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad I could help.

  2. Khakan Avatar

    I want to do the same thing for my amazon affiliate site, but I am unable to that. Please tell me how can I do this. I want same sidebar style like the URL placed in sample.
    Sample: https://10beasts.com/best-gaming-mouse/
    My Site: https://techypes.com/best-external-sound-cards/

  3. Mark Avatar

    Nowadays many plugins available for sticky sidebar and I personally use newspaper theme, they have an inbuit function for sticky.

  4. Ratan Avatar
    Ratan

    Istiak Brother, Is there any way to make sticky sidebar without a plugin? Please let me know.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      There might be some other ways. But I am not aware of those ways.

  5. John Smith Avatar

    Thanks for this post. I always saw sticky sidebar on websites but never knew how to make it. Thanks once again.

  6. damiroquai Avatar
    damiroquai

    There is another alternative plugin called myStickysidebar, difference is that myStickysidebar will use the whole widget area instead of one widget… https://wordpress.org/plugins/mystickysidebar/

  7. Anuj Dawar Avatar
    Anuj Dawar

    How to hide or display any sidebar widget?

  8. RubioG Avatar
    RubioG

    Very useful, but I’m trying to find another way to get the same effect but just by code, not with plugin. Thanks for your help!

  9. anwar Avatar

    Very well written Istiak vai. Everyday I learn a lot from your site. You write really good. I was looking for this tricks. I will apply now in my site. again Thanks a lot.

  10. Asif Irtiza Hussain Avatar

    Hi,

    Thank you for this plugin. But I was looking for a way to do this without a plugin.

    Thank you

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Actually I am not a coding pro. I won’t be able to help you on that.

  11. munna Avatar

    It is confirmed that if you use adsense code and fix its position to draw unnatural attension can lead us to trouble. I read it from adsense product forum. Can you confirm me please if it is safe or not?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Yeah, it’s safe. Actually I noticed that 9gag.com sticks Adsense on its sidebar.

  12. Iulian Grigorescu Avatar
    Iulian Grigorescu

    This quite a helpful plugin, but i think we can get the same effect only with CSS.

  13. Sai sandeep Avatar
    Sai sandeep

    Hey Rayhan that was an useful post. I had seen some sticky widgets in some blogs, But using this make any conflicts ?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      No, it won’t make any conflict. It is always better to make last widget sticky on your sidebar.

  14. Janmejai Avatar

    ok it works but the problem is that the widget which has been fixed start scrolling as i move down from it i want that the widget which has been fixed should start scrolling when all the other widget have been over.
    to overcome this i have to keep the fixed widget in the end.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Hey Janmejai, You got it. You have to fix last widget of your sidebar to stop overlapping.

  15. Sreejesh Avatar
    Sreejesh

    Thats awesome, very useful to show ads or some banners.

    I’m going to use this and put a text a text: Wherever you scroll I’m with you :P

  16. Thanh Tuan Avatar
    Thanh Tuan

    it is not working on my blog

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Did you try this with different widget? Sometimes it doesn’t work with some widgets.

  17. Taimoor Avatar
    Taimoor

    Hello bro, I have tried this plugin but it is not working on my blog. I have latest wordpress and I think it’s compatible with it. But even after selecting a widget to get fixed, it is not displaying that widget after scrolling.

  18. Akshay Dalal Avatar
    Akshay Dalal

    That was a good! Do you have any plugin for Blogger?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Blogger doesn’t have the option to use plugin. But you can do it via coding.

  19. isaac Avatar

    Hey thanks for this article it was very help full , i got my Sticky Sidebar jejeje

  20. Randy Avatar
    Randy

    I tried this plugin, and it works great. Unfortunately if it use it on my left sidebar then it rolls down over my content on mobile devices :(

    Anybody know how to fix?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Hey Randy, Sorry to hear that this plugin messed over your content on mobile devices. I think it’s a better idea to submit your problem to the developer’s support page of this plugin. Here is the support page: http://wordpress.org/support/plugin/q2w3-fixed-widget
      Hope they will solve your problem.

    2. Max Bond Avatar

      Hi!
      I am the developer of the Sticky Widget plugin. Found this post in Google )

      One thing to note. The last version (2.1) has new option for disabling plugin on mobile devices. You may try it again )

      1. Istiak Rayhan Avatar
        Istiak Rayhan

        Hey Max,
        Thanks for the update. I have added the information in the post.

  21. rakesh kumar Avatar
    rakesh kumar

    That’s a great widget. Thanks for sharing with us.

  22. Okto Avatar

    Thanks Istiyak.

    This method absolutely useful for monetizing blog. And glad you share it here

  23. Khaja moin Avatar
    Khaja moin

    Never heard about this plugin, thanks Istiak for sharing.

    Will definitely try out.
    ~@Khajamoin1

  24. Amol @ ConnectAmol Avatar
    Amol @ ConnectAmol

    That’s really a great tips Istiak, Thanks for sharing. I think I should apply this on my blog. let’s how it will be helpful to me.

  25. Barry Wells Avatar

    Hi Istiak,

    This looks like a great plugin that will benefit everyone that uses it.

    You make a good point that as our readers get to the end of our posts they no longer see our sidebars so this is really going to help.

    Thanks for the detailed explanation of how to set it up :)

    Have a great week my friend,
    Barry

  26. Taswir Haider Avatar

    That’s a cool tips Rayhan! I was thinking for couple of weeks to do this but couldn’t find a plugin for that. I am gonna surely apply it soon. Using it with adsense seems more appealing. However is it compatible with Adsense policy to stick ads?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad to know that you find this post useful. On the Adsense issue,I think it won’t be a problem. I noticed that 9gag.com sticks Adsense ads in their sidebar.

      1. Taswir Haider Avatar

        That’s really great. Will check it out.

  27. Raplus Avatar
    Raplus

    This is a great plugin. I also use this plugin for my blog.

  28. Raaj Trambadia Avatar
    Raaj Trambadia

    Helpful. Thank you Istiak. Have started using the plugin on MyBlogIsMyMoney.Com – lets see if it works out well? :)

    BTW, take part in our giveaway!

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Let me know it works or not.

Leave a Reply

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