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.
See the screenshot of the backend of Genesis theme below.
Coming back to the blog page or post of my lifestyle blog (illustration above), there are 5 widgets on the sidebar.
They are –
- the search box,
- social media buttons,
- list of posts,
- archives, and
- 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.
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.
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.
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.