How Effective to Create Last Widget Sticky Sidebar in GeneratePress Theme?

Do you want to make the WordPress sidebar last widget sticky in GeneratePress Theme using the plugin and without the plugin? Or wish to learn how to create a sticky floating sidebar widget in WordPress?

Let me tell you the Effective ways to execute both the features through this tutorial.

Before getting into the details, I would suggest you get GeneratePress, the fast-loading, flexible WordPress theme to get quick fixed in seconds.

I started using this light-weight theme a couple of years ago, and its performance is just amazing.

Sidebar is one of the essential parts of the blog. Using different widgets in the sidebar can make your website engaging. Sidebar helps to increase the Click Through Rate (CTR) of the website.

Here we are going to learn to create last widget sticky like in my WordPress blog.

I have recently made the below sticky widget for specific blog posts to boost our sales & conversions. Look at the sidebar in the below image!

—- IMAGE —-

You can also make a nice one like this!

So, if you are not using the GeneratePress theme, I would advise you to get this superfast loading template and take your site performance to the next level. You will get a 10% discount as well! Grab it now!

Now, I can help you add a sticky sidebar while scrolling the WordPress site!

You might be in the confusion whether to enable WordPress sticky sidebar or not! Don’t worry; look at the benefits of doing it!

Why WordPress Sticky Sidebar Or Sidebar Last Widget Sticky?

The sticky sidebar or sidebar last widget sticky  is nothing but the sidebar’s fixed navigation throughout the post, and yes, it will not disappear when your visitors scroll down the page.

It is considered as one of the essential structures of modern websites because of its anytime accessibility.

Advantages Of Sticky Sidebar (Sidebar Last Widget Sticky):

1. Improve User Experience

Through the sidebar of sticky type, you are offering your readers an opportunity to navigate your website with ease. Sometimes, they may get the exact information with it and hence save their time and efforts.

It works well on actionable sites like eCommerce since they intend to buy a product. You are making the readers oriented and providing them with more control, which finally increases the customer experience.

2. Boost Your Visibility

Branding is the recent trend of online businesses. It creates a memorable impression of your product/service among your customers.

By enforcing a specific thing like asking them to subscribe or requesting to read your eBook, you are creating brand awareness for your business website. You may add any valuable asset for your readers through the sticky sidebar, and yes, it would boost your visibility on the web.

3. High Conversions

When your visitors get specific content permanently in front of their eyes, they will react for sure. If you have a particular discount or exclusive offer related to the page they are reading, they would be keenly interested in grabbing the deal.

As you are increasing the chances of people converting, it is more likely to increase the conversion rates and boost your revenue. Sticky sidebar/widget is the best element to promote a particular product and make sales.

We are going to use two methods to make widget sticky in the GeneratePress Theme.

1. Creating last widget Sticky Using Plugin.
2. Creating last widget Sticky Without Plugin.

—- IMAGE —-

In WordPress, we can use a floating or Sticky widget in many ways. If you have longer blog posts then without a sticky widget your right sidebar will be blank while scrolling the post. so it’s better to have the floating widget.

Moreover, you can use the sticky widget on your site for the following purposes.

• Show Popular Posts.
• Display Featured Posts.
• Embed Chat Box.
• Embed Subscriber Widget.
• Display Affiliate Banner.
• Show Recent Posts.
• Social Sharing Icons.
• Advertisement Box.
• Coupon Codes.
• Stick or Float any widgets.

Create Last Widget Sticky in GeneratePress without Plugin

I hope, you are clear with the merits of making the sidebar sticky in WordPress. Now, let me tell you how to execute it without any third-party plugin.

Yeah! Most of the site owners care about the site loading speed and hence don’t want to install several plugins as they could affect the speed performance.

Making Last Widget Sticky is easy in GeneratePress using the CSS code. It is a lightweight approach and a small CSS code work likes a charm.

Let’s make the last widget sticky using CSS code in GeneratePress Theme. Note that the code is for the blog with the right sidebar. Adjust the code if you are using the left sidebar.

—- IMAGE —

Follow the step-by-step given below for GeneratePress Sidebar Sticky or Sidebar Last Widget Sticky.

• Go to Appearance > Customize > Additional CSS
• Copy and Paste the CSS code
• Adjust the value in top CSS property if required.
• Hit Publish Button.

Just add the following code to your Site Custom CSS section

To Make Sidebar Sticky With GeneratePress Theme

 @media(min-width: 769px) {

  /* stick right sidebar */

              .inside-right-sidebar,

              .inside-left-sidebar {

                         position: -webkit-sticky;

                         position: sticky;

                         top: 60px;

              }

  }

To Make Sidebar Sticky In Single Posts of GeneratePress Theme

@media (min-width: 769px) { body.single-post #right-sidebar { position: -webkit-sticky; position: sticky; top: 0; } }

To Make the Last Widget Sticky In Sidebar of GeneratePress Theme

   @media (min-width: 769px) {

    .site-content {

    display: flex;

    }

    .inside-right-sidebar {

    height: 100%;

    }

   .inside-right-sidebar aside:last-child {

   position: -webkit-sticky;

   position: sticky;

   top: 70px; /*Adjust position */

     }

   }

Create Last Widget Sticky in GeneratePress using Plugin

The non-tech users might hesitate to add or edit the codes and look for the best plugin to get the job done efficiently in minutes.

For them, here I have found two helpful sticky sidebar plugins for WordPress. These extensions are compatible with all the WordPress theme, including GeneratePress as well.

1.WPSticky

WPSticky is a blazing fast sticky sidebar plugin for WordPress that is highly compatible with all the themes, plugins, and page builders.

Not a single line of code is required for making sticky elements – everything can be visually picked from the screen, and in only a few clicks, you can set up a sticky menu, sticky header, widget, or any other element that you prefer.

More than 100 thousand users are using this plugin because of its user-friendliness and dedicated support from Webfactory Ltd.

Best Features of WPSticky

• It makes any element sticky on your WordPress site.
• No need to add or edit the codes.
• Straightforward backend settings.
• 7 days money back policy.
• 50% launch discount available.

Let’s install and implement it in your WordPress Blog.

—- IMAGE —-

• Go to Plugins > Add New
• Select the WPSticky downloaded file.
• Install and Activate it.
• Go to Appearance > Widgets
• Go to the Right Sidebar. 
• ……..

=— IMAGE 0–

2. WP Sticky Sidebar

WP Sticky Sidebar is an excellent plugin that helps you to make your floating sidebar menu permanently visible when scrolling at all times.

It has a premium version with additional features. At the time of writing this article, this WordPress sticky sidebar plugin has crossed 10,000 active installations and earned 100 5-star reviews.

Best Features of WP Sticky Sidebar

• Easy to install and use.
• Offers CSS class and ID of the sidebar element to be sticky.
• The top margin in pixels can be added to the floating sidebar.
• It gives the “Disable” option if the screen width is small.
• The menu height of the sidebar can be updated; a troubleshooting option is given.
• Contains more “Disabling” option (Pro version).
• Create and add your custom sidebar (Pro version).
• Support and updates are available for one year (Pro version)

I would advise you to use its free version first, and if you feel satisfied with the settings & features, then you may update to the Pro version of WP Sticky Sidebar.

Let’s install and implement it in your WordPress Blog.

— IMAGE—

• Go to Plugins > Add New
• Search WP Sticky Sidebar Plugin.
• Install and Activate it.
• Go to Appearance > Widgets
• Go to the Right Sidebar. 
• ……..

—-IMAGE—

3. Q2W3 Fixed Widget for WordPress

Fixed Widget plugin is a popular and widely used technique to make your sidebar sticky. For this, you need to install the Q2W3 Fixed Widget plugin. You can use the Q2w3 WordPress plugin in other WordPress Themes too.

However, you may get the compatibility issue and hence check their theme requirements. It has 100,000 active installations till now.

Best Features of Q2W3 Fixed Widget for WordPress

• Define the top and bottom margin to prevent overlapping with the footer.
• Suitable to add sticky ads for the user interaction and enhances CTR (Click-through-rate).
• Possible to fix multiple widgets.
• 100% free (No Pro version available).
• Disable the plugin on mobile devices.

Let’s install and implement it in your WordPress Blog.

— IMAGE—

• Go to Plugins > Add New
• Search Q2W3 Fixed Widget for WordPress Plugin.
• Install and Activate it.
• Go to Appearance > Widgets
• Go to the Right Sidebar. 
• Choose the last widget and you will see Fixed Widget Option
• Check the Fixed Widget Option to create Sticky. (Follow above Screenshot)
• Hit Save Button.
• Also, Go to Appearance > Fixed Widget Options
• Adjust the widget settings according to your theme needs.

— IMAGE —

Conclusion

So which method are you going to try?

If you are unfamiliar with the code then you can use the Q2W3 Fixed Widget plugin which I most recommend to use.

Personally, I have used CSS Code in my NKBTechWorld blog as you can check the last widget in the right sidebar.

In the end, I would like to thank you for reading the whole tutorial to create last widget sticky in GeneratePress theme.