The first step is to ensure our WooCommerce integration is enabled.

Enable the Integration

Head to wp-admin -> Search & Filter -> Integrations and ensure the WooCommerce integration is enabled.

Create a Query

To link our fields with the WooCommerce Shop query, we need to create a query integration.

Head to wp-admin -> Search & Filter -> Queries -> Add New to create a query.

Ensure Location is set to WooCommerce Shop.

Add Fields with the Block Editor + FSE

If you’re using a block editor theme with FSE enabled, the way to modify your shop page is via the site editor.

Head to your shop page and find the Edit Site link in the admin bar:

Add Blocks – Search, Choice, Range & Control

Use our Search, Choice, Range and Control field blocks to build your layout and search form:

Ensure the Fields you create are set to use the WooCommerce Shop query you created earlier, this can be found in the inspector panel:

Add Fields – Classic Themes / Admin UI

If you’re not using the block editor you might be able to use one of our page builder integrations, or you can build your fields directly in our admin UI and add them later to your pages.

After you’ve created your query in our admin dashboard, you can create fields directly below:

Once you’ve created a field, you can use it’s shortcode (found underneath the field editor) to place them anywhere on your site:

Adding Fields to your Shop Page

Depending on your theme you might be able to add fields to your sidebars via the widget editor, or you can edit your shop page directly.

Head to wp-admin -> Pages -> Shop Page

Add your Field Shortcodes: