2 Comments / last updated August 19, 2020

How to Edit Your Sidebar in WordPress

how to edit sidebar in wordpress

D o you want to learn how to edit your WordPress sidebar? Customizing your WordPress sidebar can help you build your email list, encourage visitors to engage with your website, and more.

WordPress comes with a ton of really cool features for people who want to start a new blog that’s jam-packed with originality. One such feature is the WordPress sidebar. Sidebars have a variety of uses that put all of the customization tools in the hands of you, the blogger.

But understanding how to navigate your sidebar can be a challenge. There are a mind-boggling number of options and settings, and it can seem overwhelming at first.

Don’t worry, we have your back. Today we are going to look at the following topics:

Let’s get started!

A sidebar is a part of your website where you can display other information that’s not part of the main content on your website. Your sidebar can appear on a specific blog post or on every page of your website.

Most people consider sidebars to only take up, well, the side portions of their website. But the truth is, other areas qualify as sidebar space. Here’s a simple graphic to show you where sidebars are located when you use WordPress

wordpress-sidebar-definition

You can add widgets within the sidebar to create a website that is truly one of a kind.

We bet you’re wondering, “Okay, but what are sidebar widgets?”

We’re glad you asked!

What are WordPress Widgets?

Widgets are basically small blocks that you can add to your sidebar. Each widget has a unique function, such as showing blog posts, website forms, ads, or social media content. When you combine widgets, you can create a layout that’s unique to your blog.

It’s important that you add sidebar functions that compliment your brand. For example, suppose you frequently use social media to reach your audience. In that case, it may be a good idea to include your social feed on your sidebar.

Adding a widget like that to your sidebar not only makes your blog look nice, but it can help you increase your followers and boost engagement on your social media profiles.

Interested in what else sidebar widgets can help you with?

Let’s take a look at some other benefits you can get from customizing your sidebar. 

Benefits of Customizing and Editing Your Sidebar

As a blogger, there are a ton of ways you can benefit from editing your sidebar. Some of the major benefits include:

  • Improved navigation

Several widgets let you add a list of your best blog posts, a search bar, and direct links to your contact page. All of these features make it easier for new readers to navigate and interact with your blog.

  • Get more email subscribers

Engaging with email subscribers is a great way to build brand loyalty. Your sidebar is the perfect place to ask your readers to subscribe to your newsletter and get future blog posts delivered straight to their inbox.

  • Start making money online

Do you want to use Google Adsense to make money online? Great! A sidebar is a perfect place to place ads which is one of the easiest ways to make your blog profitable.

  • Create personalized experiences for your users

Changing your WordPress sidebar for individual pages lets you create unique experiences for your visitors based on the content they’re reading.

Now, let’s show you how to start editing the sidebar on your blog. 

How to Edit Your Sidebar in WordPress: The Basics

Now that you understand the definition of a WordPress sidebar and can see the benefits of editing this part of your website, let’s show you how it’s done. 

Adding Widgets to the Sidebar

The first thing you need to do is to go to your WordPress dashboard. Look at the menu on the left side of the screen.

Click Appearance » Widgets.

wp-dashboard-appearance-widgets

After clicking the Widgets button, you’ll land on a page that looks something like this:

widgets-section-wp

On the left, you’ll see a list of available widgets you can insert on your WordPress sidebar. On the right side, you’ll see a sidebar column.

To add the widgets to your sidebar, you simply have to drag and drop it from the available widgets column to the sidebar column.

In our example, we decided to add a search bar to our blog. As you can see, when you drag and drop a widget to the sidebar column, you’ll have the option to tweak the settings to your liking. We decided to add a title. Click Save after choosing the options you want for the widget.

add-search-widget

There are plenty of different widget options depending on the plugins you have installed and your WordPress theme. We want to briefly go over some of the more important WordPress widget options so you can understand what you’re including on your sidebar.

  • Archives – A summary of your published posts over the last month. 
  • Audio – Add audio clips to your sidebar. Great for bloggers that also have a relevant podcast
  • Categories – Use your most popular blog topics to create a category list. This feature makes it easier for visitors to find content that they want to read. 
  • Gallery Show off some pictures that relate to your content or industry. You can use this feature to show off more engaging content. 
  • Navigation Menu – Move your navigation bar to your sidebar. 
  • Recent Comments – Spark a conversation by allowing your users to see what other people are saying on your posts. 
  • Search – Add a search bar directly to your blog so users can find specific posts. 

Note: When you add WordPress plugins to the mix, your sidebar possibilities become virtually endless. Make sure you stick around, because later we are going to look at several clever ways you can use plugins to add value to your WordPress sidebar.

Now that we added our first widget, let’s add a couple more by dragging and dropping them to the sidebar column.

In the screenshot below, you can see that we added a search bar, a contact form, and a video to the sidebar:

3-widgets

Of course, add whatever widgets you want to your sidebar.

After you add more than one widget to the sidebar, the options collapse into drop-down menus. Click each widget to see the corresponding options underneath. When you’re done making changes, don’t forget to click the blue Save button under each widget menu.

widget-drop-down-options

Changing the Order of Widgets

You can also change the order that widgets appear by clicking, dragging, and repositioning your choices within the sidebar menu. So, if you want to move your contact form to the top of your sidebar, click on that widget and drag it to the top of the list. All other options will shift below the contact widget.

Once you’re done adjusting your widgets, save your work. Now you can go to your blog and see if the changes appear the way you planned. Don’t feel discouraged if you have to make some minor tweaks, this is normal.

Removing Your WordPress Sidebar 

Now that we showed you how to add a sidebar to your WordPress blog, let’s look at how you can remove the widgets from your site.

Start by accessing your WordPress dashboard and click on Appearance » Widgets. You’ll land on the same page as before, except now you’ll see the widgets that you added under the sidebar column.

Delete the widgets from your sidebar by clicking the drop-down menu under each widget, and clicking the Delete button. 

delete-widget

Repeat this step until all of the widgets are deleted from your sidebar.

It’s important to note that you can save widgets that you like in case you want to use them later. This option is great for people that spent time perfecting their widget settings, but want to wait before they use it.

All you have to do is click and drag the widget you want to save from the sidebar column down to the bottom of the page under the Inactive Widgets column.

inactive-widgets

Using this method, we were able to remove our sidebar and keep our search, category, and form widget settings for a later date.

How to Edit Your Sidebar Using Beaver Builder 

If you don’t want to use the default WordPress customization options to edit your sidebar, you can make the same changes using Beaver Builder.

beaver-builder-plugin

Beaver Builder is a WordPress page builder plugin that lets you quickly and easily edit your website from the front end.

The intuitive drag and drop interface means you can see your changes in real-time. As an added bonus, you’ll spend less time creating your website and more time writing blog content!

After downloading and activating the Beaver Builder plugin, go to your WordPress dashboard. In the top corner, under your website name, click Visit Site from the drop-down menu.

visit-site

Next, your site will load. At the top of the screen, you’ll see the regular WordPress menu with a new Beaver Builder button. Click the Beaver Builder button.

Now you’ll see your site load in with the Beaver Builder menu. The menu looks like this: 

bb-currently-editing-menu

To add a sidebar, click on the (+) button at the top of the screen, then click on the Rows button on the builder, and you’ll see a list of different options for sidebars.

beaver-builder-rows

You can use the sidebar option that fits your blog, but we prefer the right sidebar. We tend to read from left to right, so it makes sense that any extras on display appear to the right of the main content.

Once you decide on the row you want to use, click and drag it to the right side of the screen so that it clicks in the highlighted area.

The next thing you should do is click the Modules button on the builder. You’ll see a drop-down at the top that says Standard Modules. Click the menu and select WordPress Widgets

beaver-builder-modules

You’ll now see all of the WordPress widgets we added to the site when we customized the sidebar from the backend.

beaver-builder-widgets

You can add these widgets to your site with Beaver Builder by dragging and dropping the corresponding widget to the right side of your newly created row.

We are going to add the search widget and show you how it looks once you drop it on the sidebar column:

bb-search-widget

As you can see, the search box popped right in. The only issue is it looks like the sidebar takes up just as much space as the primary content. You can fix this issue by clicking the divider between your sidebar and content and dragging your content box to the right.

Let’s see how it looks now:

adjust-divider

You can add multiple widgets to this sidebar space by simply dragging and dropping the widgets you want to the right column. For example, if you drag the archives widget to the sidebar column, it will snap into place above or below the search bar, depending on where you release your click.

You’ll have the opportunity to use Beaver Builder to completely customize your entire website layout and it’s particularly helpful for setting up a unique sidebar layout. 

Also, Beaver Builder offers a free version of the plugin for those that want to try before they buy.

7 Ways to Customize Your WordPress Sidebar

Once you understand how to edit your sidebar, you can begin thinking about using what you’ve learned to grow your blog. We thought we would help out and show you 7 ways to start getting more value from your sidebar space.

1. Add Menus to Your Sidebar

Most bloggers choose to include links to all major pages in the header on their website. This is often called a navigation menu and it helps users find their way around your blog. Check out this tutorial that shows you how to add a navigation menu in WordPress.

Depending on the style you want for your blog, you can also choose to add the menu to your sidebar.

You can add your navigation bar to the sidebar in just a few clicks. Start by clicking on Appearance » Widgets from your WordPress dashboard. Next, drag the Navigation Menu widget to the sidebar column.

Create a title for your new widget and select the menu you want to display from the drop-down menu. Click Save to confirm your changes. 

navigation-menu-sidebar

2. Add an Email Optin

Growing your email list is an excellent way to increase your blog traffic and visibility. You can increase your chances of getting visitors to subscribe by adding an email optin to your sidebar.

Several different plugins allow you to easily convert readers into subscribers. The quickest and easiest way to get your email optin ready to go is with OptinMonster.

OptinMonster allows you to make visually appealing, functional email optins that you can add to a number of different places on your blog, including your sidebar.

Here’s an example of a sidebar email optin form from their website:

om-email-form-optin-sidebar

Before you can add OptinMonster to your WordPress sidebar, you have to install the plugin and create your first campaign. 

Check out this post to learn how to create an email optin campaign using OptinMonster.

Once you’ve downloaded OptinMonster and created the form you want to display, click on Appearance » Widgets from your WordPress dashboard.

The next thing you need to do is drag and drop the OptinMonster widget to your sidebar, like we’ve done with other widgets. Next, you’ll pick a name for your newly created OptinMonster widget.

om-widget-title

Then, you’ll select the campaign you want to display on your sidebar by clicking your newly created form from the Campaign drop-down menu. Click Save and you’re all set! 

3. Show a Contact Form

Do you have a quick and easy way for readers to contact you through your website? You can streamline the way visitors engage with your brand by adding a contact form to your sidebar.

We suggest using the WordPress plugin WPForms as your go-to form solution. You can easily create fully customized contact forms using the simple drag and drop builder. 

Now, if someone has a great idea for a future post, wants to share their thoughts on something you published, or simply want to thank you for your work, they can reach you in just a few clicks.

To add a WPForms contact form on your website, you have to download the plugin and sign up for a WPForms account. Now you can create your first contact form in the builder.

Once your form is created, you can go to your WordPress dashboard and head back to the Widgets tab. Look for the WPForms widget in your available list and drag it to the sidebar column.

Name your widget and select the form from your account that you would like to add to your blog.

wpforms-sidebar-contact-form

Click Save to finalize your new contact form and view your website to see how the contact form looks in the sidebar.

contact-form-sidebar-live

4. Display Your Social Media Feed 

Social media marketing is one of the easiest ways to promote your blog. The more eyes you can get on your content, the better chance you have of getting more shares, comments, and subscribers.

If you want to grow your blog’s social media following, you can display your social media feed in your sidebar.

A tool like Smash Balloon’s Custom Facebook Feed lets you quickly add your Facebook feed to your WordPress sidebar.

Here’s how your Facebook feed could look on your sidebar:

facebook-feed-sidebar

Now, when a visitor lands on your blog, they will see your most recent posts. This keeps users engaged with your website and encourages them to interact with you on social media.

It’s worth noting that Smash Balloon also makes social media plugins for people that use YouTube, Twitter, and Instagram as well, meaning there are multiple options depending on which social media sites you use.

Before you can add your Facebook page or group feed to your sidebar, you have to sign up for an account on Smash Balloon and download the Facebook Feed Pro plugin for your website.

You’ll notice a new menu on your WordPress dashboard that reads Facebook Feed. Click the button and you’ll see a list of options with a button that says Connect a Facebook Account. Follow the prompts to connect your Facebook account to your blog.

 connect-facebook-account

Now that you’re connected, you can add the [custom-facebook-feed] code to your pages to display your social feed. If you want to add the feed to your sidebar, go to Appearance » Widgets from your dashboard.

Drag and drop a basic text block over to your sidebar column. In the text box, insert the new [custom-facebook-feed] shortcode and click Save.

text-widget-smash-balloon-shortcode

For complete, step-by-step instructions, check out this post.

5. Make Money with Google AdSense 

Most bloggers want to make money with their website, right?

Google AdSense is a program that allows you to place ads on your site. When someone lands your website, they will see ads based on their shopping habits or from a pool of pre-selected advertisements. If the visitors clicks one of the ads on your sidebar, you make a commission.

The good news is if you’re using WordPress, you can easily add Google AdSense to your website. It may take a while before you start making a steady income with AdSense. Still, it’s absolutely possible if you’re consistently promoting your brand and creating new content.

To display ads in the sidebar, click on Appearance >> Widgets. Now click on the Custom HTML widget and drag it to your sidebar.

You can name your custom HTML widget, we named ours Google Adsense. Next, you’ll want to add your Google Adsense code to the content box.

google-adsense-code

Click Save to finalize your changes. 

6. Show Popular Blog Posts

Are you still looking for ways to get more value from your sidebar? Believe it or not, you can add a ton of value to your website by including popular blog posts for visitors to read.

Now, if someone finds one of your blog posts on Google and clicks through, they will see a list of the most popular posts on your sidebar. The result is more readers will spend more time engaging with your website because they can quickly move on to another blog post once they finish the one they landed on.

Here’s a great example of what a popular posts sidebar widget looks like:

popular-articles-sidebar

If you want to add your popular posts, you can download a plugin like WordPress Popular Posts.

Once the installation is complete, you have to go back to the Widgets page from your WordPress dashboard.

Next, drag and drop the Popular Posts widget on your sidebar. Now you can name your widget like before, and choose how many popular posts you want to display in the widget space from the drop-down menu. Click Save, and you’re good to go! 

Or, you can use MonsterInsights to display popular posts in your sidebar. MonsterInsights’ popular posts features lets you display up to 10 posts in a widget container.

You can also display popular posts right inside the body of a post/page, show teaser images, and showcase popular products.

display popular products with monsterinsights

7. Create Different WordPress Sidebars for a Specific Page/Category

Finally, you can display unique WordPress sidebars depending on the specific page or category your visitors are browsing. This tip is great if you want to change the email optin, popular posts, or contact forms for individual pages.

Let’s say you have a blog about gardening. You can create slight variations in your email optin form to entice visitors to subscribe based on the content they are reading. Imagine if someone found your post about handling and growing roses, and they are met with an optin form that says, “Subscribe for more tips on growing beautiful roses.”

You can take that optin and create slight variations for all of the topics you cover in your blog. This will keep your sidebar content relevant to the main post, which is important for keeping your bounce rate low, and your engagement rate high.

Add a custom sidebar to specific pages by downloading a plugin like Easy Custom Sidebar and set up the pages you want to show a custom sidebar on by following this step by step guide.

Once you pick the pages and get everything set up, it’s time to go back to the Widgets page on your website. You’ll notice that there’s a new column with the custom sidebars you created during the setup. Drag and drop the widgets you want to use to the new custom column. 

There you have it! Now that you know how to edit your sidebar in WordPress, it’s easy to see why many bloggers think a customized sidebar is essential for their website. The various uses make sidebars one of the most valuable tools for new and veteran bloggers.

As your site evolves, you’ll make changes to your sidebar and get comfortable with the different customization options. Take it slow and follow our guide, and before long, you’ll have a great looking sidebar that will help you grow your blog.

If you liked this post and want to learn more about WordPress, check out our list of the best WordPress plugins for blogs!

And don’t forget to sign up for our email newsletter for more helpful blogging tips!

2 Comments

Join in. The comments are closed after 30 days.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Shayur Maharaj on August 21, 2020

    As a marketing analyst who routinely requires these tools I found it to be very insightful, thanks

  2. Shayur Maharaj on September 4, 2020

    As a marketing analyst familiarising themselves with the tools of the trade i found this piece to be very insightful.

BlogTyrant on Tablet and Mobile
Free Ebook Guide
Ultimate Blogging Toolkit + Bonuses

Join our 30,000+ email subscribers for blog updates and get instant access to a 10,000-word guide on how to start a blog and build a sustainable business using keyword research, Google traffic, and a lot of tested strategies. Let us help you build a blog to support your family's income and help the community while you're at it!