PopSearch Live for WooCommerce
PopSearch Live for WooCommerce
Description
PopSearch Live gives your WooCommerce store a beautiful fullscreen search experience. When a visitor clicks the search icon, a smooth overlay opens showing:
- Live product search — results appear as they type (searches name, description and SKU)
- Category filter — dropdown to narrow results to one category before searching
- Trending tags — auto-generated from your real product categories and names; hidden if the store is empty
- Popular Categories — displayed as a grid (≤6) or a slider with black arrow buttons (7+)
- One-click shortcodes — copy any shortcode directly from the Settings page
Key Features
- Zero configuration required — works out of the box
- Inherits your theme’s global font family — no visual conflicts
- Accent color picker in Settings — match your brand in seconds
- Category images pulled from WooCommerce Product Categories thumbnails
- Slider activates automatically when you have more than 6 categories
- Mobile responsive — stacks cleanly on small screens
- Fully accessible — ARIA roles, keyboard navigation, ESC to close
- Compatible with Elementor, Divi, Astra, OceanWP, GeneratePress, Flatsome, Storefront, Avada, Kadence, Blocksy, Hello Theme and more
- HPOS (High-Performance Order Storage) compatible
- GPL-2.0 licensed
How to Add the Search Button
After activation go to Settings PopSearch Live and copy any shortcode.
[pslw_search_button] — icon only (recommended for headers)
[pslw_search_button label="Search"] — icon with label
[pslw_search_button label="Find Products"] — icon with custom label
Paste the shortcode into an Elementor HTML widget, a Classic widget, or any PHP template:
<?php echo do_shortcode('[pslw_search_button]'); ?>
Requirements
- WordPress 5.8+
- WooCommerce 5.0+
- PHP 7.4+
Installation
- Upload the
popsearch-live-for-woocommercefolder to/wp-content/plugins/
OR install via Plugins Add New Upload Plugin and upload the ZIP. - Activate the plugin through the Plugins menu in WordPress.
- Make sure WooCommerce is installed and active.
- Go to Settings PopSearch Live.
- Copy a shortcode and paste it in your header (Elementor HTML widget or any widget area).
Faq
No. The plugin requires WooCommerce to fetch products and categories.
Categories are pulled from WooCommerce Product Categories. Make sure you have created categories under WooCommerce Product Categories. All categories are shown regardless of product count.
Go to WooCommerce Product Categories Edit each category and upload a Thumbnail image.
The category grid switches to a slider automatically when you have more than 6 categories.
Trending tags are hidden when the store has no products. Once you add products and/or categories they will appear automatically. You can also set manual tags in Settings PopSearch Live.
Go to Settings PopSearch Live and use the Accent Color picker.
Yes. Add an HTML widget in your Elementor header template and paste [pslw_search_button].
Go to Settings PopSearch Live — each shortcode has a Copy button next to it.
Reviews
Changelog
1.2.0
- Renamed plugin to “PopSearch Live for WooCommerce” per WordPress.org review guidelines
- Updated plugin slug to popsearch-live-for-woocommerce
- Replaced inline script tag with properly enqueued admin.js
- Replaced inline style tag with wp_add_inline_style()
- Updated function/option prefix from ssp_ to pslw_ (minimum 4 characters)
- Updated shortcode to [pslw_search_button]
- Updated contributor username to aizazali017
- Updated Author URI to active project URL
1.1.0
- Added readme.txt for WordPress.org submission
- Added one-click shortcode copy buttons on Settings page
- Added plugin action link to Settings from Plugins list
- Declared HPOS compatibility
- Improved accessibility — ARIA roles and labels
1.0.0
- Initial release