1. Documentation /
  2. WooCommerce Product Search /
  3. Shortcodes


WooCommerce Product Search comes with several shortcodes that you can use to insert live search and live filtering facilities inside pages and posts. It also provides shortcodes to build dynamic shop pages. The search engine also provides equivalent Blocks.

Live Product Search Field Shortcode

↑ Back to top

Use this shortcode to show an input field which displays matching results while the customer types. By default, it displays the product titles, a short description on each entry, the prices of the products and it also shows the “Add to Cart” buttons for each entry. You can use it anywhere on your site and allow your customers to search and add products to the cart with it easily.

Live Product Filter Shortcodes

↑ Back to top

Use these filters in conjunction with the [woocommerce_product_filter_products] shortcode which displays the products and updates dynamically while the customer types in the search filter, chooses a range of prices or selects a term from the attribute, category or tag filters.

Live Product Display / Dynamic Shop Page Shortcodes

↑ Back to top

Please visit their documentation pages for detailed information about each shortcode.

Widgets, Shortcodes and Themes

↑ Back to top

The options of these shortcodes are very similar to those described for the Widgets – giving you the option to choose a widget or a shortcode depending on which is more suitable. If you are a developer and familiar with theme templates, the plugin also offers you the same features through its API.

WordPress Blocks – Gutenberg

↑ Back to top
As of WordPress 5.8 and WooCommerce Product Search 4.0.0, the search engine provides exclusive Blocks that we recommend to use instead of shortcodes placed within blocks.

The shortcodes can also be used with the block editor introduced in WordPress 5.

In the following video, you can learn how to build a custom shop page using blocks and the the shortcodes provided by the extension.