Widgets & Sidebars

Widgets

Widgets are pieces of content that can be added to specific areas of your site, such as the sidebar or footer.

While previously limited to adding a specific list of widgets to your site via Appearance → Customize → Widgets, you may now add any block to your site’s widget areas too. This greatly enhances how you can customize the widget areas of your site.

Any existing widgets you’ve added to your site will still work as normal and will not be affected by adding blocks.

Table of Contents

How To Add Widgets

Visit Appearance → Customize → Widgets to view the available widget areas of your theme. The most common widget areas are the footer and sidebar, but you may see others depending on the theme you are using:

A list of widget areas, showing Sidebar, Footer 1, Footer 2, and Footer 3.

Click either of the + block inserter buttons to add a widget.

To view the complete list of blocks you can add, click Browse all. You may use the search box at the top to find a block easily, or scroll down to browse all the blocks by category.

The legacy widgets from before the introduction of blocks are listed under the ‘Widgets’ category and are still available to add.

Click any block to add it to your widget area and click Save Changes when you’re ready to save your changes to the site.

Two + buttons are highlighted with orange arrows to add widgets.

↑ Table of Contents ↑

Block Widget Options

After adding a block, click on it once and a toolbar will appear with several options specific to that block. For even more options, click the … (three dots) to choose from:

  • Show more settings: Access additional settings specific to that block.
  • Copy: Copy the block to later paste it somewhere else.
  • Duplicate: Make a duplicate of the block appear immediately below the one you’re working on.
  • Insert before: Insert a new block immediately before the block you’re working on.
  • Insert after: Insert a new block immediately after the block you’re working on.
  • Move to: Move the block to a specific point in that widget area.
  • Group: Add the block to a Group block.
  • Remove block: Delete the block from your widget area.

↑ Table of Contents ↑

Move Blocks Between Widget Areas

If you added a widget to one area, but later decide to move it to a different area, follow these steps:

  1. Click on the block.
  2. In the toolbar that appears, click the Move to widget area icon (it looks like a squiggly arrow.)
  3. Select the widget area to move the block to.
The Move to Widget Area button is clicked n the toolbar, and the Move To options appear.
Moving a block to a different widget area.

↑ Table of Contents ↑

Remove a Widget

To remove a block you have added to a widget area, click on the block once and select the … (three dots) in the toolbar. Then, click Remove Block:

Animated GIF demonstrating how to remove a widget by clicking on the block, clicking the three dots, and selecting Remove Block.

↑ Table of Contents ↑

Widget Visibility

You can set some widgets to appear only on certain pages (or be hidden on certain pages) using the Visibility options. These options are available on any legacy widget. You can identify a legacy widget from this icon that you will see when adding the widget:

Legacy Widget icon

Visibility is controlled by six aspects: page type, category, tag, date, author, and taxonomy. For example, if you wanted the Archives widget to only appear on category archives and error pages, choose “Show” from the first dropdown and then add two rules: “Page is 404 Error Page” and “Category is All Category Pages” like this:

Widget visibility settings

You can also hide widgets based on the current page. For example, if you don’t want the Archives widget to appear on search results pages, choose “Hide” and “Page is Search Results” like this:

Hiding widgets

Each visibility rule is handled separately. There isn’t a way, for example, to only display a widget on posts that are categorized as “Summer” and also tagged with “Picnic.”

Next page: Classic Widgets.

Pages: 1 2 View All

Still confused?

Contact support.

Not quite what you're looking for?

Get Help