How To Add A Floating Sticky Sidebar Widget On Your WordPress Blog [With Free Plugin]

Ever wonder how to add a sticky sidebar widget in your WordPress blog? If YES, get ready to do it. Today I will show you,how you can create a sticky sidebar widget in WordPress.

By the way, why do want to make a sticky sidebar widget for your blog ?

… Bcoz it looks cool ?

Well, you are right. It looks pretty cool. But apart from a nice visual appearance there are many other benefits of using a floating sidebar on your blog.

Let me tell you about these advantages which you can take by using a sticky sidebar on your blog. After that, I will show you how to create a sticky sidebar widget on your blog in less than, say – 5 Minutes.

Why You Should Add A Sticky Sidebar Widget ?

A)  Promote your content:

A sticky sidebar widget is a perfect way to highlight your top content on your blog. Promote your top and most popular posts,guides or tutorials.

If a link or any element remains in front of user’s eyes (sticky) they are most likely to click it.

B) To speed up your sales and Increase Ads click-through & conversion rates:

You can increase the click through rate and conversion rate of ads and certain elements on your blog by making them sticks to your screen all the time (during scroll up-down).

This is the reason why many popular sites and blogs have floating sticky sidebars.

C) To increase your subscribers and fans:

Make your optin-forms and subscription forms sticky to increase your email-list.

Use your social media widget like twitter cards,Facebook like buttons and other social media buttons to get more hits.

D) To enhance visual appearance:

Usually the posts are lengthy and when the users scroll-down during reading white space appears on the sidebar which is visually odd. But you can utilize that waste white space by adding useful widget which sticks to your sidebar and not only add value to the user-interface but also increase the click-through-actions.

Note : Use only useful web elements or widgets on your floating sidebar. Do not use unnecessary web elements which doesn’t add any value to your users, such as Alexa Rank Widget, Search Box etc.

WordPress plugin To Make your Widget Sticky:

We are going to make the sidebar widget sticky with the help of a WordPress plugin :

Q2W3 Fixed Widget Plugin

q2w3-fixed-widget-plugin( sticky sidebar widget )

This is a free plugin which is simple and easy to use without any necessary setup-configuration.

Follow the steps given below to make this plugin fix any widget on your sidebar.

1

The first thing you need to do is to install the plugin from the official WordPress plugin repo and activate it.

2

After installation, go to your widgets section under appearance on your dashboard.

***The plugin will add a checkbox under every widget to make it sticky.

fixed-widget-checkbox

3

Now click on any widget area to explore its options.You will see an option “Fixed Widget” with a checkbox. You can fix multiple widgets in your sidebar.

4

Click on the checkbox in front of “Fixed Widget”of any widget you want to make sticky and save the settings.

5

Go to your live blog and scroll down…..(we made it ! )

Customization & Configuration:

You can also alter the position of the sticky widget by adding top and bottom margins so that it does not overlap your header or footer widget sections.

q2w3-fixed-widget-plugin-margin-options

Place the widget (you want to make sticky) last/below every other widget in the sidebar, so that it does not overlap with other widgets and elements on your sidebar.

Hide On Mobile Devices

You can also disable the sticky widget disable on tablets and mobile devices.

Actually when enables on mobile devices, the fixed widget keeps fluctuating and blinking continuously. So its better to disable it on mobile and tablets devices.

Just add the minimum screen-width of device for you want to enable the plugin. When the screen-width is less than the specified value, the plugin will be disabled automatically.

q2w3-fixed-widget-plugin-disable-on-mobile-devices

Read the policies of the ad networks you are using before making the ads sticky. Some ad-networks including the giant Google AdSense does not allow this practice.

Hope this article helped you to create a floating sticky sidebar widget on your WordPress blog sidebar.

If you find this useful, like and share this article.

For any question and thought, let us know in the comment section below.

Article written by:

Pankaj is a passionate blogger and an engineer. He writes about WordPress, SEO and blogging-stuff.He is a coffee lover and bogging addict who spend most of his time in reading, writing and surfing around the World Wide Web.

Join the discussion

  1. Janice Wald|MostlyBlogging

    Hi Panks,
    I have the widget, and I love it for all the reasons you mentioned! Great choice for free plug in to recommend.
    Janice

  2. Naman Kumar

    Hi Pankaj, that is a great plugin man, I use it on almost all of my websites. It is really easy to setup and use. Very nice plugin.

    Thanks for your guide too. Will be a great help to people.

    • Pankaj Kumar

      Hey Naman,
      Agree with you mate. It’s a neat & simple free WordPress plugin. Easy configuration.
      Thanks for the appreciation.
      Cheers!

  3. Jolene killinger

    Interesting blog! Is your theme custom made or did
    you download it from somewhere?
    A theme like yours with a few simple tweaks would really make my blog jump out.
    Please let me know where you got your design.
    – With thanks.

  4. Smith

    I’m truly enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often.
    Did you hire out a developer to create your theme?
    Outstanding work!

  5. Harsh

    You have brought up some very superb details.
    Thank you for the post.

  6. Daren

    “Great Blogpost! Thanks for sharing your info. I really appreciate your efforts.”

  7. Rojor

    I love your blog.. very nice colors & theme.
    Did you make this website yourself or did you hire someone to do it for you?
    Plz reply as I’m looking to create my own blog and would like to find out where u got this from. kudos

    • Pankaj Kumar

      Hello there.
      Thanks for the good words.
      And yeah, I did not hire anyone. I modified the site myself.
      If you want my help in creating or modifying your blog, reach out to us through our CONTACT US page.

  8. Marlys

    It’s hard to find knowledgeable people on these type of topics, however,
    you sound like you know what you’re talking about!
    Thanks.

  9. Jelina Roy

    Hey Pankaj,

    Thanks for the Plugin. I am working on affiliate blogs to sticky sidebar becomes important as it can help me increase conversion, so again thanks for the plugin suggestion.

  10. Jaclyn

    Woah! I’m really loving the template/theme of this
    blog.
    It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between usability and visual appearance.
    I must say you have done a great job with this.
    Additionally, the blog loads extremely quick for me on Safari.
    Superb Blog!

Leave a Reply

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

Give Your Inbox Some Awesome !

Give Your Inbox Some Awesome !

Don't Worry, We Hate Spam Too.

You Are Awesome !