help center

On this page

Sidebar widget

Last Update: March 7, 2024

Add the widget

Sidebar widget
  1. In Elementor Editor, click +.
    All available widgets are displayed.
  2. Click or drag the widget to the canvas. For more information, see Add elements to a page.

What is the Sidebar widget?

The Sidebar widget lets you include any sidebar defined within your WordPress theme directly onto the page.

Many WordPress themes often come with predefined sidebars, which are areas on a webpage where you can display various types of content, such as widgets, navigation menus, or custom text. These sidebars are typically used for displaying content separate from the page’s main content area.

Common use case

Mark is building a website for his small business. They want to include a sidebar on certain pages of his website to display additional information and navigation links, such as contact information, recent blog posts, and social media links.

To achieve this, Mark decides to use the Sidebar widget. This sidebar contains widgets for displaying recent blog posts, a contact form, and links to Mark’s social media profiles.

Additional use cases

  • Use the Sidebar widget to showcase popular blog categories and recent posts on a website.
  • Integrates the Sidebar widget to showcase the menu, reservation form, and location map on the homepage of a restaurant website.
  • Utilize the Sidebar widget to feature portfolio categories, and Instagram feed alongside her portfolio images on a photography website.
Elementor’s Hello theme does not come with a widgets menu section or sidebar by default. If you are using the Hello theme, see instructions here to add the widgets menu option, which will then enable you to use the Sidebar widget.

Add a Sidebar widget: Step-by-step

  • Add the Sidebar widget to the canvas. For details, see Add elements to a page.
  • In the Content tab, under the Sidebar section, use the Choose Sidebar to select a sidebar to display on the page.
    Sidebar widget 2

Settings for the Sidebar widget

You can customize the Sidebar widget using content and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.

Content tab

Sidebar widget 1 Sidebar widget 3

Select a sidebar to display on the page.

Advanced tab

The Advanced tab provides options to control widget position, adjust spacing, add custom code, and more.

Sidebar widget 3 Sidebar widget 5

Learn more about the Advanced tab settings.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount