Make More Sales with Sidebar Fixed on Scroll on Your WordPress Posts

Sidebar fixed on scroll

Whether you call it sidebar fixed on scroll or (sticky) fixed sidebar widget on your WordPress posts and pages, there isn’t a doubt that it’s a potent tool to attract your visitor’s attention as they scroll down your posts.

You must have seen sidebar fixed on scroll on many websites, and now in this article I will explain how you can do this easily on your WordPress website.

To understand how this works, watch the animated illustration below taken from my lifestyle bog, Kolkata Musing.

As you can see, the last widget remains fixed or sticky even as I scroll down the page.

Watch the last widget on sidebar fixed on scroll

Many WordPress themes have clearly demarcated widget areas for sidebar and footer, and even for header.

See the screenshot of the backend of Genesis theme below.

List of widgets and widget areas on a typical Genesis WordPress theme

Coming back to the blog page or post of my lifestyle blog (illustration above), there are 5 widgets on the sidebar.

They are –

  1. the search box,
  2. social media buttons,
  3. list of posts,
  4. archives, and
  5. the text content for my popular e-book titled, Monetize the Teacher in You.

This last widget, Widget 5, appears on the sidebar fixed on scroll. The image below explains that.

Remember, you can have as many widgets on the sidebar as you want, however it is a better idea to have fewer widgets to avoid distraction.

5 sidebar widgets of which one is on the sidebar fixed on scroll

Positioning the widget on the sidebar fixed on scroll

To be honest, using a plugin to position the widget on the sidebar that remains fixed on scroll is not a big deal. Will explain this shortly.

However, there are a few issues, which you need to look at closely, especially when you use custom HTML as you see in the example above, and on this page also on the left sidebar when you scroll down.

The main issues to watch out are –

  • Keeping clear space from the top of the view screen, especially when you use a ‘sticky’ top menubar as on this page.
  • Keeping clear space from the footer area at the bottom of the page so that there is no overlap.
  • Clear, unobstructed view on smaller screens.
  • Different widget for subscribers, members or other logged-in users, this I’ll explain in a future post.

Look at the following screenshots showing the first 2 above issues that you may NOT want when you use a widget on the sidebar fixed on scroll.

You don't want this sidebar fixed on scroll
↑ You do NOT want this ↑
You want this sidebar fixed on scroll
↑ You DO want this ↑

Okay, let’s move on to the use of the plugin, and the steps you should take to ensure that the widget looks good fine when used on the sidebar fixed on scroll.

The plugin makers have a demo here in case you want a preview.

In the demo they have shown simple widgets on the sidebar fixed on scroll.

But I’m going to use custom HTML, which is bit of a different ballgame.

Install and activate the plugin

The first step will be to install the plugin for sidebar fixed on scroll.

The process of installing a new plugin on your existing WordPress site has been explained in detail in this article.

So, let’s get started.

Read the full post as a subscriber and enjoy these benefits!

  • All the supercool content creation hacks
  • Ready-to-use templates for video, animation, etc.
  • Quick tips to drive your business
  • Mini courses to help you succeed
  • Priority assistance for specific needs, and more..

Scroll to top