Wordpress Tips, Tricks and Tutorials

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

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

 

 

 

 

 

 

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.

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.

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.

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.

Comments
Share