Website Building » WooCommerce » How Do I Add a Sidebar to My WooCommerce Shop?

How Do I Add a Sidebar to My WooCommerce Shop?

Last updated on October 1, 2022 @ 5:58 pm

Adding a sidebar to your WooCommerce shop is easy and can be done in just a few steps. By default, WooCommerce doesn’t include a sidebar on the shop page, so you’ll need to add one yourself. Here’s how:

  1. First, log into your WordPress admin panel and go to the WooCommerce settings page. You can find this page by hovering over the WooCommerce menu item in the left-hand sidebar and then selecting Settings.
  2. On the WooCommerce settings page, select the Shop tab from the top navigation.
  3. Under the Shop Page Display section, you’ll see an option labeled “Display Sidebar”. By default, this option is set to “No”, so you’ll need to change it to “Yes”.
  4. Once you’ve done that, click on the Save Changes button at the bottom of the page.
  5. Now that you’ve enabled sidebars on your WooCommerce shop pages, you can go ahead and add your widgets to the sidebar. To do this, go to the Appearance > Widgets page in your WordPress admin panel.
  6. On the Widgets page, you’ll see a list of available widgets on the left-hand side and a list of active widgets on the right-hand side. To add a widget to your sidebar, simply drag and drop it from the left-hand side into the right-hand sidebar area.

You can rearrange the order of your widgets by dragging and dropping them into place. Once you’re happy with how everything looks, click on the Save Changes button at the bottom of the page.

And that’s all there is to adding a sidebar to your WooCommerce shop pages!

PRO TIP: If you are using the WooCommerce plugin for WordPress, adding a sidebar to your shop page is a relatively simple process. However, it is important to note that there is no built-in option to add a sidebar to your shop pages. You will need to add a custom sidebar to your theme or use a plugin like WooCommerce Product Sidebar.

If you have any questions or run into any problems along the way, feel free to post a question in our support forums.

Conclusion: How Do I Add a Sidebar to My WooCommerce Shop?

Adding a sidebar to your WooCommerce shop is easy and can be done in just a few steps. By default, WooCommerce doesn’t include a sidebar on
the shop page, but you can easily add one yourself by following these steps:

  1. First, log into your WordPress admin panel and go to the WooCommerce settings (1). You can find this page by hovering over the “WooCommerce” menu item in (2)the left-hand sidebar and then selecting “Settings”. On

          (3)the WooCommerce settings page, select “Shop” tab from (4)the top navigation. Under (5)the “Shop Page Display” section, you’ll see an option labeled “Display Sidebar”. By default, this option is set (6)to “No”, so you’ll need to change it “Yes”. Once you’ve done that, click on(7)the “Save Changes” button at (8)the bottom of (9)the page.

Now that you’ve enabled sidebars on your WooCommerce shop pages, you can go ahead and add your widgets (10)to(11)”Appearance > Widgets”. On(12)”the Widgets”, drag and drop it from(13)”the left”(14)”into”(15)”the right”. You can rearrange(16)”the order”(17)”of”(18)”your widgets”(19)”by dragging and dropping them into place”. Click on(20)”the Save Changes” button at(21)”the bottom of(22)”the page.” And that’s all there is(23)! If you have any questions or run into any problems along(24)the way, feel free to post a question in our support forums. (25)

(1) Log into WordPress admin panel
(2) Go to left hand side bar
(3) Select “WooCommerce”
(4) Select Settings
(5) Hover over “WooCommerce” menu item
(6) Select tab “Shop” from top navigation
(7) Click on “Save Changes” button at bottom of page
(8) Enable sidebars on WooCommerce shop pages
(9) Add widgets to sidebar
(10) Go to Appearance > Widgets
(11) On Widgets Page, list of available widgets will be displayed on left hand side
(12) List of active widgets displayed on right hand side
(13) To add widget to sidebar , drag & drop from left hand side into right hand sidebar area.

(14)(15)(16)(17)(18)(19)(20)(21)(22)(23)(24)(25)


Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.