July 17, 2023

Add a Bricks Builder Sidebar to Single Posts

Play Video

Hello there, fellow website creator! Today, we’re going to learn how to add a Bricks Builder sidebar to single posts. It’s a neat trick that can really elevate the look and functionality of your blog posts. So, let’s jump right in and learn with Web Squadron how to set it up!

Creating a Single Post Template with Bricks Builder

First off, we’re going to create a single post template. This is like the blueprint for your blog post. It’s the structure that every post will follow.

  1. Open up Bricks Builder and select the option to create a new template.
  2. Choose ‘Single Post’ as your template type.
  3. Now, add a section and a container. This is like building a house – the section is your foundation, and the container is the frame of the house.
  4. Next, drop a block into the container. This is like adding rooms to your house.

Remember, you don’t always have to go with a section and a container. You can mix and match depending on your needs. But this approach gives you more flexibility to add or change things later on.

Styling the Single Post Template in Bricks Builder

Now that we have our blueprint, it’s time to make it look pretty. This is where you get to let your creativity shine.

  1. Go to the style settings of your template.
  2. Set the layout, typography, and padding to your liking.
  3. Add relevant elements to your post, like an image, the post title, and some meta information.

Don’t forget to add the post content and some social share buttons. You want your readers to be able to share your amazing content, right?

Making the Bricks Builder Template Mobile-Friendly

In this day and age, a lot of people browse the web on their phones. So, it’s important to make sure your template looks good on mobile devices too.

  1. Go to the settings of your template.
  2. Adjust the layout and style settings for mobile view.

Creating a Bricks Builder Sidebar Template

Next up, we’re going to create a sidebar template. This is like a mini-template that you can use in different parts of your website.

  1. Go back to Bricks Builder and create a new template.
  2. Choose ‘Section’ as your template type.
  3. Add a block to the section and set the layout and style settings.
  4. Add elements to your sidebar, like an image, headers, an icon list, and a subscription form.

Integrating the Sidebar into the Single Post Template

Now that we have our sidebar template, it’s time to add it to our single post template.

  1. Go back to your single post template.
  2. Add a shortcode element to the block where you want the sidebar to appear.
  3. Paste the shortcode of your sidebar template into the shortcode element.

Voila! You now have a sidebar in your single post template.


You’ve just learned how to add a Bricks Builder sidebar to single posts. Remember, practice makes perfect. So, don’t be afraid to experiment and try different things. With Bricks Builder, the possibilities are endless. So, keep exploring, keep learning, and most importantly, have fun building!

Required Resources

Bricks Builder Logo
Payment required
Credit to Web Squadron
Web Squadron is a popular YouTube channel dedicated to providing informative tutorials, tips, and insights on web development and design. With a strong focus on WordPress and website builders like Bricks Builder, the channel aims to help users of all skill levels, from beginners to advanced developers, create and optimize their websites. By offering easy-to-understand, step-by-step guidance, Web Squadron provides practical and valuable content.
Add a Bricks Builder Sidebar to Single Posts
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.