How to Add Fixed Widgets to Your Sidebar in WordPress

Last Updated on September 22, 2022 by 13 Comments

How to Add Fixed Widgets to Your Sidebar in WordPress
Blog / Resources / How to Add Fixed Widgets to Your Sidebar in WordPress

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.

fixed widgets

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.

fixed widgets

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.

fixed widgets

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.

fixed widgets

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.

fixed widgets

Create Your Sidebar

Remove Unwanted Widgets in Sidebar

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.

fixed widgets

Add New Widgets to Sidebar

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.

fixed widgets

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.

fixed widgets

Make Selected Widgets Fixed

Placement of Fixed Widgets in Sidebar

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.

fixed widgets

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!

fixed widgets

Preview

Now that we’ve gone through all the steps, let’s take one final look at the result. Easy, quick but definitely helpful!

fixed widgets

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

Divi

Want To Build Better WordPress Websites? Start Here! 👇

Take the first step towards a better website.

Get Started
Divi
Premade Layouts

Check Out These Related Posts

9 Non-Profit Child Themes for Divi

9 Non-Profit Child Themes for Divi

Updated on January 23, 2023 in Resources

There are lots of nonprofit organizations across the globe. Just about every one of them needs a well-designed website to tell their story and receive donations to help their causes. Divi is an excellent theme for nonprofits such as charities. Fortunately, you don’t have to start from scratch for...

View Full Post

13 Comments

  1. 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 ?

  2. 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.

  3. What is a pity is that it does not work in sidebar added by divi …

  4. What is a pity is that it does not work in sidebar added by divi …

  5. How can I add a contact form as a fixed widget?

  6. What about how to change widgets to full-width pages. I tried 2 different codes, but it did not work. Thanks

  7. Very interesting.

  8. This is an especially useful plugin for sidebar shopping cart widgets.

    • For sure!

  9. Very interesting & useful article on Q2W3 Fixed Widget Plugin. Many thanks

    • You’re welcome, Alex!

  10. 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!

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi