Latest SeedProd News

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Add a Custom Sidebar to WordPress (No Coding)

How to Add a Custom Sidebar in WordPress (No Coding) 

Written By: author avatar Stacey Corrin
author avatar Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: reviewer avatar Turner John
reviewer avatar Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

TL;DR: How to Add a Sidebar in WordPress

  1. SeedProd Theme Builder: Build a fully custom sidebar with drag-and-drop and assign it to any page or post.
  2. WordPress Customizer: Use your classic theme settings to set sidebar layout and add widgets.
  3. Widgets Screen: Go to Appearance → Widgets to add blocks directly to your sidebar area.
  4. Block Theme Site Editor: Use Appearance → Editor to add a Columns block to your template for a sidebar effect.

On my early sites, I remember struggling to fit menus and forms into the layout until I discovered how powerful a sidebar could be. Learning how to add a sidebar in WordPress turned out to be one of the best changes I made for keeping visitors engaged.

It’s the spot where you can keep readers engaged with navigation links, recent posts, or even a newsletter form. In this guide, I’ll show you how to add a sidebar in WordPress step by step using 4 methods I rely on for all my projects.

You can add a sidebar in WordPress in a few clicks using SeedProd’s visual builder, the Appearance → Customizer for classic themes, or the Appearance → Editor for block themes. No coding required for any of them.

What Is a WordPress Sidebar?

A WordPress sidebar is a vertical section that sits beside your main content, usually on the left or right side of the page. It’s a widget area where you can display extra content like menus, recent posts, ads, or newsletter forms without cluttering the main article space.

Unlike your main content, which changes from page to page, a sidebar often stays the same across your site. You can also set up different sidebars for different pages if you need more flexibility.

Your WordPress theme controls whether sidebars are available, how many you can use, and where they appear. Some themes include them by default, while others may require you to add your own.

Most default sidebars come with basic widgets that don’t always fit your goals. If you want more control, you can create a custom sidebar and choose exactly what shows up for your visitors.

What Can You Use Your WordPress Sidebar For?

You can add almost any content to your sidebar using WordPress widgets. Here are some examples:

  • Navigation – You can use navigation menu widgets to help users find relevant pages or a menu to filter your blog posts by category.
  • Search – Adding a search box to your sidebar is an excellent way to help users find what they’re looking for fast.
  • Email subscription – Add an opt-in email form to your sidebar to collect email addresses and grow your list.
  • Featured content – Your sidebar is a great place to showcase single posts that are more valuable to users than others.
  • Social media – You can easily add social follow buttons and a social media share widget to boost your followers and increase brand awareness.
  • Ads – Your sidebar is an excellent place to display ads if you use them to generate revenue.
  • Calls to action (CTA) – If you have a new online course, product, or offer, you can add a CTA to your sidebar to encourage readers to check it out.

By now, you know what a sidebar is and how it’s an easy way to display valuable content to your website visitors. Now let’s look at how to add a sidebar in WordPress.

We share 4 methods below, using the WordPress Customizer, the Widgets screen, the Site Editor, and a visual website builder. None of them require coding.

Which method is right for you depends on your setup. If you want design control and unlimited sidebars, use SeedProd (Method 1).

If you’re on a classic theme, the Customizer is the fastest option (Method 2). If you’re on a block theme like Twenty Twenty-Five, go straight to Method 4.

How Do You Build a Custom WordPress Sidebar With SeedProd?

Do you want to create a custom sidebar or use multiple sidebars simultaneously on your WordPress site?

For that, you’ll need a WordPress plugin or the knowledge to create a new sidebar from scratch with code. Luckily, you can easily create custom sidebars for WordPress with one powerful and lightweight plugin: SeedProd.

SeedProd Drag-and-drop WordPress website builder

SeedProd is the best drag-and-drop WordPress website builder. You can use it to create custom WordPress themes and page layouts without code.

SeedProd uses individual templates to create all the parts of your theme. One of those templates is the Sidebar, which lets you add a custom sidebar to your site with just a few clicks.

Even better, you can create as many sidebars as you like with SeedProd, and display them on specific pages and posts on your website.

So follow the steps below to add a sidebar to WordPress with SeedProd.

Step 1. Install the SeedProd Website Builder

The first step is to install the SeedProd Website Builder plugin.

Note: You’ll need a SeedProd Pro or Elite license to use the Theme Builder feature.

You can follow this guide on installing a WordPress plugin if you need help with this step.

After installing and activating the plugin .zip file, go to the SeedProd ≫ Settings page and enter your license key details. You can find your license key on the SeedProd website in your account dashboard.

Entering your SeedProd license key in WordPress settings

Step 2. Create Your WordPress Theme Templates

To create a custom sidebar with SeedProd, you’ll first need to create the different parts of your theme. Don’t worry; it’s super easy to do and won’t require editing any template files directly.

First, go to the SeedProd » Theme Builder page. You’ll see a list of templates for your current SeedProd theme on this page.

Because we haven’t started yet, we only have a Global CSS template.

To get started, you have two options.

  1. Use one of the ready-made SeedProd themes as a starting point
  2. Manually create theme templates from scratch

We suggest starting with a premade theme template. It allows SeedProd to automatically generate all the template files, giving you a head start in editing the templates to your requirements.

Adding a custom WordPress theme template in SeedProd Theme Builder

To choose a theme template, click on the Themes button and select one of the available themes. There are different themes for different websites, so choose one that best matches your needs.

Choosing a SeedProd theme template to build a WordPress sidebar

After choosing a theme, SeedProd will automatically create all the theme templates for you. As a result, you can now edit each template individually in the visual drag-and-drop editor.

SeedProd theme template parts for a WordPress custom sidebar

Step 3. Customize Your WordPress Sidebar

To customize your sidebar with SeedProd, find the Sidebar template and click the Edit Design link.

How to add a sidebar in WordPress with SeedProd sidebar template

Doing that will launch your sidebar in SeedProd’s drag-and-drop builder. You’ll see a live preview of your sidebar template in the right column with an editing panel in the left column.

SeedProd drag-and-drop sidebar editor

Changing an item in your sidebar is as simple as pointing and clicking. For example, you can click the trashcan icon to delete blocks.

You can delete content by clicking the trashcan icon

Or you can click any block to see its settings in the left panel.

SeedProd custom block settings panel in the WordPress sidebar editor

You can add a wide variety of content to your sidebar using SeedProd’s theme blocks. Just drag a block from the left and drop it into place on your sidebar.

drag and drop content to your WordPress sidebar

Some of the blocks you can choose from include:

  • Template Tags – Blocks that let you add dynamic content from WordPress, such as blog posts, comments, featured images, etc. This is a great way to create a dynamic sidebar.
  • Standard Blocks – These are popular web design elements that most websites use, like images, buttons, text, and videos.
  • Advanced Blocks – Advanced lead generating features such as contact forms, social profiles, sharing buttons, optin forms, Google Maps, and more.
  • WooCommerce – If you run an online store, you can use WooCommerce blocks to display popular products, shopping carts, and other store features in your sidebar.

Besides adding content to your sidebar, SeedProd also lets you customize its colors, fonts, spacing, borders, and much more.

For example, if you click on a section’s settings icon, you can see options to change the background color, upload a background image, and change the width. Then there are more settings in the Advanced tab that allow you to control the borders, spacing, and more.

Customizing sidebar background color in SeedProd’s drag-and-drop WordPress builder

When you’re happy with your new sidebar, click the green Save button in the top-right corner of your screen.

Now repeat this process for the other templates in your theme, including:

As a result, you can create a custom WordPress theme that fits all your business needs.

Step 4. Publish Your Custom Sidebar in WordPress

When you’re happy with your custom WordPress sidebar, the final step is to activate it on your WordPress site.

In SeedProd, you can ​​apply your custom WordPress sidebar with a simple switch.

Simply go to the SeedProd » Theme Builder page and toggle the switch next to the ‘Enable SeedProd Theme’ option to ‘Yes’.

Enabling the SeedProd theme to publish a custom WordPress sidebar

SeedProd will now replace your existing design with the new WordPress theme and sidebar.

Now you can visit your website to see your custom WordPress sidebar in action.

how to add a sidebar to WordPress

How to Add Multiple Sidebars in WordPress with SeedProd

Now that you have a custom sidebar, you can edit the design any time you like. But what if you want more than one sidebar and want to show it on different sections of your website?

For instance, you may want to create a sidebar for pages different from your blog sidebar. You can do that by using SeedProd’s Global Template parts.

Here’s part 13 of our theme builder tutorial that shows you how global parts work:

Alternatively, you can follow the written instructions below.

First, go to the SeedProd » Theme Builder page and click the Add New Theme Template button.

Adding a new SeedProd global part template for a second WordPress sidebar

From there, choose the Global Part option and click Save.

New global part theme template

Now you can build your custom sidebar as you did in the previous step.

After creating your new sidebar, open the Single Page template in SeedProd’s drag-and-drop editor.

Edit the single page template

To make room for your sidebar, you’ll need to replace the existing layout with a 2 column section.

Add a 2 column section to your single page

Next, drag the Template Part block into the second column of your new section.

Add a new template part block

From there, you can choose the new sidebar you made from the dropdown menu.

Choose your custom WordPress sidebar

Click Save to store your changes, then when you navigate to a page, it will display your new custom sidebar automatically, while your blog posts will display your first sidebar.

Custom sidebar for WordPress pages

How Do You Add a Sidebar Using the WordPress Customizer?

The built-in WordPress customizer makes adding a custom sidebar to your WordPress site easy. The customizer uses your default WordPress theme settings to control your sidebar layout, content, and placement.

To use this method, you’ll need a WordPress theme that includes sidebar widget areas. If you don’t have a theme yet, here are the most popular WordPress themes for small businesses.

For this guide, we’re using the Astra WordPress Theme.

Step 1: Add Your WordPress Sidebar Layout

After installing your theme, go to Appearance ≫ Themes and click the blue Customize button.

Opening the WordPress Customizer to add a sidebar layout

This will take you to the WordPress Customizer page, where you can edit your theme’s layout and design. The settings you see on this page will vary for different themes, but we’ll show you how to add a sidebar using the Astra theme, so you have an idea of what to do.

Look at the left-hand panel inside the customizer and find the ‘Sidebar’ heading. Click that heading to open the customization options for your sidebar.

click the sidebar heading in the theme customizer

On the next screen, you can choose from the following sidebar options:

  • Default Layout – No sidebar, right sidebar, or left sidebar.
  • Pages – Where to display the sidebar on single pages.
  • Posts – Where to show your sidebar on single posts.
  • Archives – How your sidebar looks on archive pages like your blog page.
customizer sidebar layout settings

You can also choose your sidebar width on the same page. When you’re happy with your sidebar’s layout, click the Publish button.

Step 2. Add Widgets to Your Sidebar with Customizer

After choosing your sidebar layout, you can start adding widgets to it. To do that, find the ‘Widgets’ heading in the WordPress Customizer menu and click to open the settings.

WordPress customizer widgets

On the next screen is a list of sidebars currently available for that particular page, so click the sidebar you wish to customize.

choose a sidebar in the theme customizer

Now you’ll see a sidebar builder, ready to display the widgets you choose. Click the plus (+) icon to search for a block or widget you wish to show in your sidebar.

Click the plus icon to add widgets to your sidebar

Clicking a block will add it to your sidebar automatically.

Keep adding widgets to your sidebar until it looks the way you want. Then click the Publish button to save your changes.

Now, when you visit your page, you’ll see your custom WordPress sidebar.

A completed WordPress sidebar displayed on the front end using the Customizer

How Do You Add Widgets to Your WordPress Sidebar?

The following method uses the WordPress widgets screen to add a sidebar to WordPress. It’s similar to the previous method, but it only allows you to add widgets to your sidebar instead of letting you change your sidebar placement.

Go to Appearance ≫ Widgets from your WordPress dashboard to use this method. You can see all of the sidebars that your theme currently supports on this screen.

Open the WordPress widgets screen to customize your sidebar

In our case, the theme includes 4 customizable sidebar areas:

  1. Main Sidebar
  2. Header
  3. Footer Bar Section 1
  4. Footer Baar Section 2

Adding widgets to your sidebar is similar to the previous step. Simply click the plus icon and search for the widgets you wish to add to your sidebar.

Add blocks and widgets to your WordPress sidebar

When you’ve finished creating your sidebar, click the Update button. Now you can visit your site and see your new sidebar.

View your WordPress sidebar live on your website

How Do You Add a Sidebar in a WordPress Block Theme?

Block themes like Twenty Twenty-Five don’t use traditional sidebar widget areas. Instead, you create a sidebar effect directly inside your page templates using the Site Editor.

I’ve run into this confusion myself. When you switch to a block theme, the Customizer no longer controls sidebar placement, and that trips a lot of people up.

To add a sidebar in a block theme, go to Appearance → Editor in your WordPress dashboard. Click Templates and choose the template you want to edit, like Single Post or Page.

Selecting the single post template in the WordPress site editor

Inside the template editor, click the + button and search for Columns. Insert a two-column layout and resize so the sidebar column is narrower than the content column.

Adding columns to a template in the WordPress site editor

Add your main page content to the wider column using a Post Content block. In the narrower column, add sidebar content like Recent Posts, Search, or a Custom HTML block.

Adding recent posts to a sidebar column area in the WordPress site editor template

When you’re happy with the layout, click Save. Your sidebar will now appear on all pages using that template.

Keep in mind this applies only to block themes. If you’re using a classic theme, Methods 1, 2, or 3 above are the right choice.

FAQs on Adding a Sidebar to WordPress

How do I add a left and right sidebar in WordPress?

For a right sidebar, go to Appearance → Customize and find your theme’s Layout or Sidebar settings. Choose Right Sidebar or Left Sidebar from the layout options. With SeedProd, you set column placement directly in the drag-and-drop editor. For block themes, use the Site Editor Columns block and place sidebar content in whichever column you want.

What is a sidebar in WordPress?

A WordPress sidebar is a vertical widget area that sits beside your main content, usually on the left or right side of the page. You can fill it with navigation menus, recent posts, email opt-in forms, or ads. Most classic WordPress themes include a sidebar by default. Block themes don’t include one unless you add it through the Site Editor.

How do I edit my WordPress sidebar?

For classic themes, go to Appearance → Widgets and add or rearrange blocks in your sidebar area. In the Customizer, go to Appearance → Customize → Widgets instead. With SeedProd, open Theme Builder, find the Sidebar template, and click Edit Design to update it in the visual editor. Your changes go live when you save and publish.

What should I do if my WordPress theme doesn’t have a sidebar?

If your classic theme doesn’t include a sidebar, switch to a theme that supports widget areas or use SeedProd’s Theme Builder to create one. For block themes, the Customizer sidebar settings won’t appear because block themes use the Site Editor. Go to Appearance → Editor, open your template, and add a Columns block to create the sidebar layout.

Can I show different sidebars on different pages in WordPress?

Yes. Many classic themes let you assign different sidebar areas to specific page types, like posts, pages, and archives, through the Customizer. With SeedProd, you can create unlimited sidebars and assign each one to a specific template or page. That makes it easy to show a blog sidebar on posts and a different sidebar on your service or landing pages.

Getting sidebar control right means every page works harder for you. You can direct readers to your best content and keep them engaged without changing your main layout.

For the most design flexibility, SeedProd’s Theme Builder lets you build unlimited custom sidebars and assign them to any page or post. No code needed.

You might also like this post on the best lead magnet examples to grow your list. And if you want more customized sidebars, see this guide on How to Add a Different Sidebar for Different Pages in WordPress

Thanks for reading! We’d love to hear your thoughts, so please feel free to join the conversation on YouTubeX and Facebook for more helpful advice and content to grow your business.

author avatar
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

[weglot_switcher]