Connect with us

Sidebar

How To Make Your Sidebar Sticky In WordPress?

Published

on

How To Make Your Sidebar Sticky In WordPress?

You might have wondered how sites make their Sidebar Sticky in WordPress. They appear to be floating on the side of your screen while the rest of the content is scroll able. Floating Sidebar or Sticky Sidebar is one of the most useful things you can do on your WordPress Website. As it is seen that elements in the Sticky Sidebar tend to have higher Click-Thru-Rates than the ones that are not Sticky.

This is because as the user is reading your blog or scrolling through your website, the sidebar is stay floating or it will appear to be sticky on the side. This makes different WordPress elements or Widgets like Opt-in forms, Related posts or even Advertisements or any element you put in the sidebar stick on the side and become visible to your readers throughout their reading session. This not only increases Click-Thru-Rates but it also increases CPM Impressions.

I personally use sticky sidebars all the time as it really boosts revenue and of course Advertisements earnings.

Some great sites that heavily use Floating Sidebars or Sticky Sidebars are:

TechRadar.com

As you can see how TechRadar is utilizing the two Vertical Ad Spaces on both the sides of the screen and making them sticky or floating. Both of them are Google Adsense Ads and they are visible to the user as the user scrolls down.

Also one thing to note that some themes like mine which is the JNews WordPress theme comes with in-built Sticky Sidebar Feature that by default makes all your sidebars become sticky. So, you don’t really have to worry about how to make your sidebar sticky. However, if you have a theme that doesn’t come with this feature then this tutorial is for you.

Install the Q2W3 Fixed Widget (Sticky Widget) plugin.

The first thing you want to do to install the plugin called Q2W3 Fixed Widget (Sticky Widget). This is a very lightweight plugin, and it’s probably one of the best Sticky Widget Plugin that lets you make your site’s sidebar Sticky or Floating.

Click on this link – https://wordpress.org/plugins/q2w3-fixed-widget/ and download the Q2W3 Fixed Widget Plugin on your PC or Mac.

Go to and Click on Dashboard.

Next go to “Plugins” then Click on “Add New”. This will bring you to the plugins page where you can add new plugins.

Next, Click on the “Upload” Button.

Go to “Browse” and select the Q2W3 Fixed Widget file that you just downloaded. Normally, it gets downloaded in the “Downloads” folder.

Next, click on “Install Now” Button. This will install the plugin into your WordPress site.

Once, the plugin is Installed, Click on the “Activate Plugin” Button.

Now you have successfully installed the Q2W3 Fixed Widget on your WordPress Site.

Locating the Q2W3 Fixed Widget Plugin

One of the biggest problems that most of the new WordPress users face is basically locating the plugin that they just installed. I know it sounds “Stupid” but trust me, if you were a beginner, it can takes hours for you to just find where the plugin options are located in your WordPress Dashboard.

To locate the plugin, Go to “Appearance” => “Fixed Widget Options”.

You see how confusing that was. Because normally, most people would think that the main options for the Q2W3 Fixed Widget Plugin would be located in the Plugins Section and yes, you will find the plugin, however, the main options will be located in the “Appearance” section.

Setting up the Settings

Normally, you can just leave the settings as it is and actually you do not need to change anything. However, sometimes, the theme that you have installed might have different padding, margin and spacing properties. In that case, you might want to change the values of “Margin Top” and “Margin Bottom”.

Margin Top will create a space on top of the sidebar while Margin Bottom creates a space in the bottom of the sidebar.

Normally, I include values like 60 px for Margin Top and 100 px for Margin Bottom. This does the work for me, 99% of the time so you can try with these values.

But if you don’t like the positioning, you can always play around with the values until you arrive at a good position.

Making your Sidebar Sticky

Now, although, you have changed the values of the Fixed Widget Options, this doesn’t mean that your sidebar is automatically going to be sticky.

There is one more step that you will need to do in order for you to make your sidebar sticky. This step involves choosing the sidebar that you want to be sticky or floating and making it sticky by checking one option, which i will show you right now.

Now, go to Appearance => Widgets.

Next, Choose the Sidebar that you want it to be Sticky. In my case, I want my “Default Sidebar Widget Area” to be sticky.

Next Choose the “Widget” Element that you want to be sticky. In my case, I want my “Zox Press: Ad Widget” to be sticky. Of course, I want to make the maximum money from my blog.

Now, the last step is to check the “Fixed Widget” Checkbox option. This will make that particular widget sticky or floating.

And then hit the “Save” Button.

There you have it, your sidebar area is now sticky and the widgets and the elements in the sidebar will be floating.

Also, if you want multiple widgets to be sticky, you just need to choose the other widgets and check “Fixed Widget” option on their boxes.

Now, you can go back to your site and see if the Sidebar is sticky or not.

Let me check mine!.

BEFORE

AFTER

Click to comment

Leave a Reply

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

Trending