Customize the Beaver Builder Blog Sidebar the easy way

Customize the Beaver Builder Blog Sidebar the easy way by watching this quick video tutorial.

Learn how to use the Beaver Builder Shortcode to design your Beaver Builder Blog’s Sidebar WITHOUT using Widgets.

By the end of this tutorial you’ll be able to customize the Beaver Builder Blog Sidebar using the drag-and-drop capabilities of Beaver Builder.

The problem and limitations of using WordPress Widgets to set up your Beaver Builder Blog Sidebar

For years you and I both have set up our blog sidebars under WordPress Dashboard > Appearance > Widgets.

But I’ve always found this cumbersome, especially since I found Beaver Builder.

We use Beaver Builder not only because it’s extremely quick and well supported, but also because we can actually see what we’re doing. It’s a frontend builder for WordPress – who want’s to build their website from the backend?

No one. 

Beaver Builder is extremely flexible when it comes to editing Post Types but how good would it be to be able to edit Widget Areas using Beaver Builder?


Well, you actually can!

You can follow this video tutorial to learn how to add a Beaver Builder Template into the Blog Sidebar widget area, but you can apply this same technique to any widget area on your website!

The benefits of customizing the Beaver Builder Blog Sidebar with this method

Setting up your Beaver Builder Blog’s Sidebar using this method is great because:

  1. You’re able to use the Beaver Builder modules that come with the page builder. I specifically love that I can use the Subscribe Form module to get more people into the mailing list of the website.
  2. For client websites the client can edit their website with Beaver Builder consistently and not have to use Widgets. Widgets can be complex!

Comments and shares!

If you found this post useful, please comment below or on youtube with some future video recommendations with questions you want answered.

A share also goes along way. We’re on lots of social media channels. Your share could go on to help another Beyonder out there.

Hey! I'm Grant Ambrose,

My WordPress website generates millions of dollars in sales each year and I put together this website to help you do the same

I believe that a lot of the time, we aren't doing things that will help our business NOT because we don't know how to do it, but rather we don't even know it is possible. My website aims to change this. My website is here to help show YOU what is possible - what YOU could set up in your business with WordPress to increase sales, automate tasks and (ultimately) turn your ideas into working WordPress solutions.

3 thoughts on “Customize the Beaver Builder Blog Sidebar the easy way”

  1. Hi Grant,
    can you tell me how to customise space (left and right) between post and sidebar? Its to much space and there is no option to do that in customiser.

    1. Hi Vit,

      You will need to use some custom CSS here.

      Add this to your style.css and tweak the padding value as needed

      @media (min-width: 992px) .fl-content-left { padding-right: 40px; }

  2. Holy smokes, Grant. Very useful stuff for a feller who doesn’t develop sites for a living. So, thanks. I was especially concerned about sidebars, since I’m converting nine sites in advance of changes coming to WordPress in 2018 that will make Woothemes Canvas incompatible.

Leave a Comment

Your email address will not be published. Required fields are marked *

Grow your WordPress business by getting...
My best tips to your inbox!

I'll send you emails when I publish content I think will help you and your business. You can opt-out at any time and change the topics of emails you get.

This site is not a part of the Facebook website or Facebook Inc. Additionally, this site NOT endorsed by Facebook in any way. FACEBOOK is a trademark of FACEBOOK, Inc.

Scroll to Top