Sidebars are an important part of many WordPress websites. They are useful for all kinds of websites but especially loved by bloggers. A sidebar can contain various widgets which give website owners the possibility to link other posts, add social media channels, generate leads, share additional content and more. By default, these widgets stay in the same place throughout your entire page or post. They remain at the top of your page even when your visitors are further down reading all the content youβve shared. This adds an extra and unnecessary barrier for your visitors. If theyβre halfway through, they have to scroll back to the beginning of the post or page to access these widgets.
A great solution to this problem is using fixed widgets. These fixed widgets will follow your visitors down the page or post which makes it easier for them to find exactly what theyβre looking for at any time. In this post, weβre going to show you how to create fixed widgets with little effort needed. Weβll use the Q2W3 Fixed Widget plugin which you can download and use for free.
Letβs get to it!
Preview
Before we go through all the steps, letβs take a look at the result. Further down this post, weβll provide you with two options. The first one is making all widgets fixed and the second one allows you to only make one or a few of these widgets fixed. In the GIF below, weβve made all the widgets in our sidebar fixed.
Download & Install the PopularΒ Q2W3 Fixed Widget Plugin
Download the Q2W2 Fixed Widget Plugin
The first thing you will need to do is download the Q2W2 Fixed Widget plugin by going to the following page and clicking on the download button which you can see in the print screen below. This is a free plugin with over one hundred thousand downloads and mostly 5-star reviews. Itβs easy to use and solves a concrete problem without having to waste any time. No wonder this widget is so popular.
Upload the Plugin & Activate it
Once youβve downloaded the plugin, you can go ahead and upload it to your plugins by going to your WordPress Dashboard > Plugins > Add New. After uploading the plugin, make sure you activate it as well so you can use its functionalities right away.
Add Top Margin to Fixed Widgets Plugin Settings
Go to Plugin Settings
Before we focus on the sidebar and widgets, weβll need to make some small modifications to the pluginβs settings. To do that, navigate to the settings by going to your WordPress Dashboard > Appearance > Fixed Widget Options.
Add Top & Bottom Margin
You can assign a top and bottom margin to your fixed widgets. These values will depend on the way you want your sidebar to look, your primary menu height and your footer height. Play around with these values to see which work best for your website. To achieve the same result as in the preview of this post, use β100pxβ for the top and bottom margin. This is the only modification youβll need to make in your plugin settings so after adding the margin, save your plugin settings.
You can now modify the sidebar according to your needs. A WordPress sidebar contains some default widgets. However, feel free to delete the ones you feel are not necessary for your websiteβs purposes. You can get as creative as you want in the sidebar and try out different approaches to see which work best.
Likewise, you can also add new widgets to your sidebar. You can, for instance, add an Image Module and a Text Module where you share more information about yourself if you own a personal blog. In the next part of this post, weβll show you how to make some of these widgets or all of them fixed.
Make All Widgets Fixed
Placement of Widgets Doesnβt Matter
Want to make all of your widgets fixed? No problem. In this case, the position of your widgets doesnβt matter. You can arrange them the way you want to. While scrolling down the page, the position of your widgets will remain the same.
Enable βFixed Widgetβ for Each One of the Options
Once youβve arranged all of your widgets, youβll need to enable the βFixed Widgetβ option for each one of your widgets. This functionality was added after uploading and activating the Q2W2 Fixed Widget plugin.
Make Selected Widgets Fixed
It could also be that you only want to make a few of the widgets in your sidebar fixed. It is a nice way to highlight some of the widgets in your sidebar and keep other widgets only accessible at the top of the page or post. If you want to make this happen, the position of your widget is really important, though. To make sure your fixed widget doesnβt overlap the widgets that arenβt fixed while scrolling, itβs recommended to place the widgets you want to be fixed at the bottom of your sidebar.Β That way, youβll make sure no overlapping happens within your sidebar. The widgets will only become fixed once you scroll past them.
Enable βFixed Widgetβ for Selected Widgets
And of course, youβll need to enable the βFixed Widgetβ option for the widgets (located at the bottom of your sidebar) that you want to appear fixed in your sidebar. Thatβs it!
Preview
Now that weβve gone through all the steps, letβs take one final look at the result. Easy, quick but definitely helpful!
Final Thoughts
WordPress sidebars allow visitors to easily navigate through your posts, go to your social media channels and a lot more. By default, the widgets in your sidebar remain at the top of your post or page. Turning certain or all widgets in your sidebar into fixed ones can help your visitors reach the content they want in an easier and more user-friendly way. To create these fixed widgets, weβve used a highly-popular plugin called theΒ Q2W3 Fixed Widget Plugin. This is a free plugin and helps you get things done quickly so you and your visitors can enjoy the stay on your website even more. If you have any questions or suggestions, make sure you leave a comment in the comment section below!
Featured Image by DniproDD / shutterstock.com
Yeah, its not working for me.
I followed the guide and wanted to have a side navigation menu.
That didn’t work, it ruined my CSS and I got the menu under my footer, and now I cant get it to go away. I even deleted the plug in but the menu under my footer is still there.
Any suggestions ?
Hi,
Good article but it does not seem to work for me. Followed the guide but the side navigation menu ends up in the footer on the website, and not to the left of the page. It also seems to ruin my CSS.
What is a pity is that it does not work in sidebar added by divi …
What is a pity is that it does not work in sidebar added by divi …
How can I add a contact form as a fixed widget?
What about how to change widgets to full-width pages. I tried 2 different codes, but it did not work. Thanks
Very interesting.
This is an especially useful plugin for sidebar shopping cart widgets.
For sure!
Very interesting & useful article on Q2W3 Fixed Widget Plugin. Many thanks
You’re welcome, Alex!
I would have been interested previously but now I’ve decided to turn off the sidebar for my website. Let’s see how that works out.
Definitely worth trying out!