How to add a Sticky Sidebar in WordPress

"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page".

sticky notes on a wall with light bulb

Do you want to add a sticky sidebar in WordPress to display important widgets? Here is how to create a sticky floating sidebar widget in WordPress with a plugin effortlessly. You don’t need to be a developer to do this – I will show you how to do it with a plugin.

If you’re a regular reader of this blog, or even if this is your first visit, you might have noticed some sticky elements on the blog sidebar?

One of which is the newsletter subscription form.

Sometimes, I replace it with other important elements I want to showcase. Like during the black Friday deals. I had the blog post category of black Friday sticky on the sidebar.

You can make any element on your blog sticky, regardless of what that might be. It could be the blog navigational menu, sidebar items, footer menu, floating widgets, etc.

The main goal is to make it visible at all times to your blog users.

Whether they scroll up or down, the sticky element remains in position and visible at all times. This helps attract more attention to the sticky item, improve conversion rate, boost engagements, etc.

But first, especially for beginners, let’s define what the sticky sidebar is? And why do you need to make an element of your blog sticky on the sidebar?

What is Sticky Sidebar in WordPress?

A sticky sidebar in WordPress or fixed Sidebar is a sidebar element that remains visible or remains in a position while users scroll up and down through the website web pages.

It leads to improving the call-to-action engagement rate, boost conversion, and improve the overall user experience.

For example, a sticky sidebar ensures that users have quick access to your important messages.

Rather than scrolling back to the top to click on the desire sidebar menu, users can quickly locate the sidebar item and click on what really matters without scrolling up the page.

Why Should You Implement Sticky SideBar on Your Blog?

I have touched on the benefits of implementing a sticky sidebar on your website in the above section a bit. But it is worth going a bit further down here.

As someone who has had practical experience with sticky sidebar on his blog, I can tell you more of its benefits from my own experience.

First, whatever elements you make sticky on your blog, that element remains visible at all times to anyone that visits your website.

With this, you’re bringing more attention to that particular element. So you must prioritize what you need to make sticky.

Also, when users visit your website, you want to make sure they have quick access to your most important information/pages/content, etc. You can achieve this by making those important elements sticky on the page.

This helps improve user engagements, boost conversion rate, increase awareness, etc…

However, I do not recommend making too many elements sticky in the same website location. For instance, on the sidebar, the maximum recommendation should be two sticky elements.

If you have too many sticky elements competing for attention in the same spot, you’re not going to get a better conversion rate for your most important message.

I only have the search box and the blog newsletter subscription form sticky on the sidebar of this blog.

The blog newsletter subscription form is the most important element on the sidebar. As you can see, I ensure it gets the overall attention in that spot.

This is because building an email list is on top of the priority list.

How to Make Sticky Sidebar With a WordPress Plugin

One of the advantages of WordPress over other blogging platforms is the ability to quickly enable your desire blog functionality without knowing how to code.

Whatever function you want to add to your WordPress blog, there is ever a plugin for it. You only need to install, activate, and enable/configure the settings.

That’s what makes WordPress the leading content management system in the world today. A large community of developers well supports it.

WordPress plugins make it super easy to make any elements sticky on your blog. There’s no coding knowledge required. You only need to install and activate.

However, finding the right WordPress plugin for the task could be a tedious search experience. You could spend hours searching for the right plugin.

So what I intend to do here is save you the guesswork.

There are many Sticky Sidebar WordPress Plugins today, but I have found the My StickySidebar WordPress plugin to be quite easy to use and configure.

The plugin makes it easy to creates floating sidebar elements in minutes. You can create a sticky floating sidebar widget in WordPress with the My Sticky Sidebar plugin.

It makes the process straightforward, even for beginners.

Installing My StickySidebar Plugin

The first thing you need to do to set up your sticky sidebar item is installing the plugin. After that, you activate it…

Here is the link to MyStickySidebar on the WordPress.org plugin repository. Download the plugin from WordPress.org or your WordPress admin area.

After installing and activation, you need to open the settings page to configure the plugin.

My Sticky Sidebar WordPress plugin settings page

There are two CSS element classes or IDs you’ll need to find.

The sidebar element you want to make sticky, and the container elements class or id contain in the sidebar element.

In the Sidebar elements CSS class or ID field, you’ll need to enter the sidebar element class or ID you want to make sticky.

If you chose to look through the page source code to find the Sidebar element CSS class or ID, it could be tedious. You can find it through the page source code, but it takes a few tech skills to look up the class id through the source page.

However, you can learn how to find CSS class or id in this post.

Once you locate the CSS class or id, you need to enter the value in the field, as shown in the image above.

Then scroll down the page to click on the Save button.

Additional Settings

You may want to look into other settings, like the top and bottom of the page margin. Here you can define the top and bottom margin in Pixel.

Also, you can set the rule to disable if the user’s screen width is smaller than an xxx pixel.

My Sticky Sidebar WordPress plugin settings page 2

Adding Custom CSS Style

If you’re using the paid version of MyStickySidebar, you can edit the CSS, add or create custom CSS entirely.

These extra features are useful if you’re good at coding and know what you’re doing.

There is the option to disable MyStickySidebar on selected pages. This is in case you don’t want the sticky elements WordPress plugin on certain pages.

Remember to always hit the save button down the page after making any changes to the default settings.

My Sticky Sidebar WordPress plugin settings page 3

Conclusion…

There are many reasons you may want to make an element(s) sticky on the sidebar. Whatever it is, make sure you’re not interrupting the user experience on your blog.

If done right, a sticky sidebar should improve the user experience and bring your important message to the front and center of your audience’s view.

My Sticky Sidebar is one of the best free WordPress Sticky plugins you can use to achieve your goal.

9 thoughts on “How to add a Sticky Sidebar in WordPress”

  1. Shamsudeen,

    Most of the WordPress themes come with sidebar widgets to add recent posts, texts, email opt-in forms by default. Still, this MyStickysidebar plug-in sounds good since we can have it or disable the sidebar for any specific pages. Helpful plug-in for free theme users.

    1. Thanks, Mark,

      Yes, most themes come with a sidebar widget for anything you can think of, but MtStickySidebar does a lot more than just adding a sidebar widget. You can make any elements of the sidebar sticky on the scroll.

      So it get more attention, engagements, and boosts in conversion.

      Thanks for reading through, Mark.

  2. Sure, sticky or fixed sidebar bar with relevant banner can appeal to the readers and make them to click through. Especially, this feature greatly would greatly work for affiliate marketing niche blogs. Thanks for sharing this plug-in and guide to use it, Shamsudeen.

  3. Hey Shamsudeen,

    All of us are things, sidebar widgets are a normal way to adding widgets only.
    But the power of sticky sidebar is affiliate marketers know very well. Because they promote the product on the sidebar with a sticky bar.

    Now only I know the sticky sidebar having a free plugin.

    Thanks for sharing an article.

  4. Hey SHAMSUDEEN ,

    Excellent post with Fab-work. I thoroughly enjoyed reading this post and also liked the tips that you have provided for making a sticky sidebar in WordPress using a plugin. While scrolling through your blog post i have noticed that you have also discussed about Sticky sidebar and importance of implementing sticky sidebar on blogs that are really making a good concept and true enough to understand. Yes i completely agree with your words that including a sticky sidebar in WordPress provide good advantages and helps in improving overall user-experiences, CTA engagement rate and also boost conversion. Your each listed steps ( including images ) for creating sticky sidebar using MyStickySidebar plugin are so clear, well-elaborated and offcourse easy to understand & follow. Following the steps will be helpful for users. Your each listed tips are important and must be considered while creating sticky sidebar in WordPress site.

    After going through this complete guide i really gain ideas and am sure that this post will definitely help lots of people , readers in understanding the importance of Sticky sidebar in WordPress site. Good work and keep sharing more similar post.

    Eventually thanks for sharing your knowledge, ideas and such an engaging post.

    Regards
    -Aadarsh

    1. Hey, Aadarsh,

      Thanks for read reading through.

      Sticky sidebar helps brings attention, it also serve as a call to action elements to important things on the website.

      Thanks, Aadarsh.

  5. Hello Shamsudeen,

    We all are things, sidebar gadgets are an ordinary method to adding gadgets in particular.

    Yet, the force of tacky sidebar is associate advertisers know well indeed. Since they advance the item on the sidebar with a tacky bar. Presently just I realize the tacky sidebar having a free module.
    A debt of gratitude is in order for sharing an article

Leave a Comment

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.