Widget Areas

2 min read Updated

Widget areas show widgets around your page content. Unwind has three of them, Sidebar, Footer and Masthead, and WooCommerce adds a fourth called Shop. You can add widgets at AppearanceWidgets or at AppearanceCustomizeWidgets, where you see each change in the preview.

The Widgets screen with the Sidebar, Footer, Shop and Masthead areas

The Footer widget area in the Customizer with three columns in the preview

The Sidebar area shows beside the content of posts, pages, the blog page, archives, search results and the 404 page, on the right by default. It shows only when it has at least one widget, and only on pages that use the Default or Full Width, With Sidebar layout. Widgets stack one above the other.

On screens 768px wide or narrower, the sidebar moves below the content.

The Footer area shows above the bottom bar with the footer text. Unwind gives each widget its own column, so three widgets make three columns of equal width, up to 10 columns. On screens 768px wide or narrower, the columns stack. If the area is empty, only the bottom bar shows.

To hide the footer widgets on one page, clear Footer Widgets in Page Settings; the bottom bar still shows. For the footer text, width, padding and margin, see Footer.

Masthead

The Masthead area replaces the logo and site description in the header. Use it for a banner image, a text widget with your phone number, or a custom logo layout, for example “Northfield Studio, Wilmington, DE. Call 302-555-0142”. Widgets sit side by side, up to 10, and stack on screens 768px wide or narrower.

The area works with every Header Design except Menu inline with logo, which always shows the logo. Set the header design in Header.

Shop

This area shows only when WooCommerce is active. It shows on the Shop page and on product category and tag pages, on the left by default. It does not show on single product pages. If the Shop area has no widgets, these pages have no sidebar; the Sidebar widgets do not take its place. Cart and checkout pages are normal pages, so they use the Sidebar area.

To move it to the right, set Shop Sidebar Position (Left or Right, default Left) in WooCommerce. To remove it from the Shop page, set Page Layout to No Sidebar in the Type: Products section of Page Template Settings.

Widgets in Page Content

To place widgets inside a page instead of a widget area, use Page Builder and the SiteOrigin Widgets Bundle.