Widgetized Sidebar Shortcode

Last Updated on

Widgetized Sidebar shortcode allows to include a widget area / sidebar inside a page using Visual Composer. This is helpful when building pages which needs different widgets areas.

In this article, we’ll explain about displaying and configuring Widgetized Sidebar shortcode.

In this article

Displaying Widgetized Sidebar

To add the shortcode:

Add a new page or edit an existing page.
From Visual Composer screen, click + button.

Widgetized sidebar shortcode - visual composer screen

In Add Element pop-up screen, search for Widgetized Sidebar and click on it to be added to the page.

Widgetized sidebar shortcode - add element

When the shortcode is added, a new pop-up screen called Widgetized Sidebar Settings opens. It gives you the ability to configure the shortcode settings.

Widgetized sidebar shortcode - Widgetized sidebar settings

From the Sidebar setting, choose one of the widget areas / sidebars.
Click Save Changes and publish or update the page to check the result.

Adding an Extra Class Name

Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a style sheet or JavaScript file.

You can read Adding custom CSS class to a shortcode article for further explanation.

Adding Widgets to the Sidebar

Each of the widget area / sidebar available in Sidebar setting (step 5 of above section) are a container for widgets. You can add or remove widgets in each one of them from Appearance > Widgets.

To learn more about them, read following articles.

Frequently Asked Questions

Qs: Why isn’t my Widgetized Sidebar Shortcode working?

Ans: Sidebar/widget areas are empty columns by default so you’ll need to add widgets to them in order to display information. Here is how to add Widgets to sidebars https://themes.artbees.net/docs/adding-widgets-sidebar/

Qs: I setup a Widgetized Sidebar Sidebar and also added Widgets in Appearance > Widgets still the Widgetized Shortcode is not working?

Ans: Please consider this, If you set a page as your main shop page in WooCommerce Settings, the Widgetized Sidebar will not work on that page.
You should add the content in the Woocommerce Widget Area to show it on your Shop page

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket