Skip to content
FFuzzy

How-to

Place a Filter with a Shortcode or Widget

Place a saved Fuzzy filter on WooCommerce pages, widgets, templates, or page-builder layouts.

Updated May 25, 2026SEO-ready

When to use this

Use this when automatic page placement is not enough — for example, you want the filter inside a specific template, a page-builder section, or a sidebar, instead of letting Fuzzy place it on WooCommerce pages by rule.

Before you start

  • You have a saved, published filter set.
  • You know which page, template, or widget area should hold the filter.

Steps

  1. Open the filter set in the Fuzzy admin and find its shortcode field.
  2. Copy the shortcode shown for that filter set.
  3. Paste it where the filter belongs: into a page or post, a shortcode block,

    4. or a page-builder text/shortcode element.

  4. Or use the widget: in a widget area or block-based widget screen, add the

    5. Fuzzy filter widget and select the same filter set.

  5. Save the page or widget area and reload the storefront to confirm the

    6. filter renders in place.

Expected result

The filter appears exactly where you placed it and filters the product loop on that page. The same filter set can be placed by rule or by shortcode; choose one to avoid showing it twice.

Troubleshooting

  • Filter shows twice. Remove either the automatic page rule or the manual

    • shortcode/widget for that page.

  • Filter renders but does not affect products. The page may not contain a

    • WooCommerce product loop, or the loop uses custom markup — see *Configure AJAX selectors for a custom theme*.

  • Tutorial: Create your first WooCommerce product filter.
  • How-to: Configure AJAX selectors for a custom theme.
  • Reference: Filter Editor — Setup (placement and display options).