Title: Simple AJAX Product Search for WooCommerce
Author: tfbgloballtd
Published: <strong>November 19, 2025</strong>
Last modified: November 27, 2025

---

Search plugins

![](https://ps.w.org/simple-ajax-product-search-for-woocommerce/assets/banner-772x250.
png?rev=3402669)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/simple-ajax-product-search-for-woocommerce/assets/icon-256x256.
png?rev=3402606)

# Simple AJAX Product Search for WooCommerce

 By [tfbgloballtd](https://profiles.wordpress.org/tfbgloballtd/)

[Download](https://downloads.wordpress.org/plugin/simple-ajax-product-search-for-woocommerce.1.0.zip)

 * [Details](https://srd.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#description)
 * [Reviews](https://srd.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#reviews)
 *  [Installation](https://srd.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#installation)
 * [Development](https://srd.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/#developers)

 [Support](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/)

## Description

🚀 **Simple AJAX Product Search for WooCommerce** delivers a fast, modern and intuitive
product search experience that helps customers find items instantly without reloading
the page.

As the user types, results appear immediately in a clean, full screen overlay. This
provides a distraction free search experience that improves product discovery and
increases conversions.

💡 Lightweight, responsive and compatible with major themes, this plugin integrates
seamlessly with WooCommerce stores of any size.

### ✨ Free Features (✔ included)

✔ **Instant AJAX product search**
 ✔ **Full screen responsive search overlay** ✔**
Smooth animations & modern design** ✔ **Add a search toggle to your navigation menu**
✔ **Dedicated Gutenberg block for easy placement** ✔ **Shortcode support:** [sapsfwc_button
label=”Search Products”] ✔ **Works with any WooCommerce compatible theme** ✔ **Fully
responsive** (mobile, tablet, desktop) ✔ **Lightweight & fast** — minimal impact
on performance

### 🔥 Pro Features (🚀 upgrade available)

Unlock additional layout and display options with **Simple AJAX Product Search for
WooCommerce Pro**:

📐 **Advanced Layout Controls**
 – Load More results button – Products Per Page –
Columns on Desktop – Columns on Mobile – Custom Container Width – Adjustable Screen
Height

🎨 **Branding Enhancements**
 – Logo Image – Max Logo Width – Max Logo Height

These options let you fine-tune the search overlay and improve product visibility.

### ⌨ Shortcode

Use this shortcode anywhere you’d like to display the toggle button:

[sapsfwc_button label=”Search Products”]

### 🧩 Gutenberg Block

Insert the search toggle directly inside templates, headers or page layouts using
the included block:

**Simple AJAX Product Search Toggle**

### Source Code

The human-readable source for compiled block files is included in the plugin.

Block source (for files under blocks/…/build):
 – blocks/simple-ajax-product-search-
toggle/ (edit.js, save.js, index.js, editor.scss, style.scss)

### Build Instructions

Requires Node.js. From within the block directory:

 1. cd blocks/simple-ajax-product-search-toggle
 2. npm install
 3. npm run build (outputs to /build)

### Third-Party Libraries

 * **wp-color-picker-alpha**
    File: `assets/js/wp-color-picker-alpha.min.js` Source:
   https://github.com/kallookoo/wp-color-picker-alpha License: GPLv2 or later

### Credits

Developed by **TFB Global Ltd**

## Screenshots

[⌊🔍 Search overlay (frontend) — Live AJAX results displayed in the overlay.⌉⌊🔍
Search overlay (frontend) — Live AJAX results displayed in the overlay.⌉[

🔍 **Search overlay (frontend)** — Live AJAX results displayed in the overlay.

[⌊🔍 Mobile search overlay (frontend) — Live AJAX results displayed in the overlay
on mobile devices.⌉⌊🔍 Mobile search overlay (frontend) — Live AJAX results displayed
in the overlay on mobile devices.⌉[

🔍 **Mobile search overlay (frontend)** — Live AJAX results displayed in the overlay
on mobile devices.

[⌊⚙️ Admin settings panel (backend) — Configure layout, behaviour, styling and Pro
options.⌉⌊⚙️ Admin settings panel (backend) — Configure layout, behaviour, styling
and Pro options.⌉[

⚙️ **Admin settings panel (backend)** — Configure layout, behaviour, styling and
Pro options.

[⌊🧭 Search toggle in the navigation menu (frontend) — Seamless integration with
any menu.⌉⌊🧭 Search toggle in the navigation menu (frontend) — Seamless integration
with any menu.⌉[

🧭 **Search toggle in the navigation menu (frontend)** — Seamless integration with
any menu.

[⌊🎛 Navigation menu setup (backend) — Add the toggle via Appearance → Menus.⌉⌊🎛 
Navigation menu setup (backend) — Add the toggle via Appearance → Menus.⌉[

🎛 **Navigation menu setup (backend)** — Add the toggle via Appearance  Menus.

[⌊🧩 Gutenberg block (backend) — Insert the search toggle into templates.⌉⌊🧩 Gutenberg
block (backend) — Insert the search toggle into templates.⌉[

🧩 **Gutenberg block (backend)** — Insert the search toggle into templates.

## Blocks

This plugin provides 1 block.

 *   Simple AJAX Product Search for WooCommerce Toggle A toggle button to open the
   AJAX product search overlay.

## Installation

 1. Upload the plugin folder to `/wp-content/plugins/simple-ajax-product-search-for-
    woocommerce/` — or install it via **Plugins  Add New**.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Visit **Simple AJAX Search** in the WP Admin menu to configure settings.
 4. Add the search toggle via:
 5.  * Appearance  Menus
     * The shortcode
     * The Gutenberg block

## FAQ

### Is this plugin compatible with any theme?

Yes, it is designed to work with any WooCommerce compatible theme.

### Can I customise colours and styling?

Yes, the free version includes essential visual options. Pro unlocks advanced layout
and logo controls.

### Is the overlay mobile-friendly?

Absolutely, it is fully responsive and optimised for mobile devices.

### Does this plugin support “Load More” functionality?

Yes, this is available in the **Pro version**.

### Does it include a Gutenberg block?

Yes, the toggle button can be inserted anywhere using the block editor.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Simple AJAX Product Search for WooCommerce” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ tfbgloballtd ](https://profiles.wordpress.org/tfbgloballtd/)

[Translate “Simple AJAX Product Search for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/simple-ajax-product-search-for-woocommerce)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/simple-ajax-product-search-for-woocommerce/),
check out the [SVN repository](https://plugins.svn.wordpress.org/simple-ajax-product-search-for-woocommerce/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/simple-ajax-product-search-for-woocommerce/)
by [RSS](https://plugins.trac.wordpress.org/log/simple-ajax-product-search-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

 * Initial release 🎉

## Meta

 *  Version **1.0**
 *  Last updated **11 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.5 or higher **
 *  Tested up to **6.8.11**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/)
 * Tags
 * [ajax search](https://srd.wordpress.org/plugins/tags/ajax-search/)[live search](https://srd.wordpress.org/plugins/tags/live-search/)
   [product search](https://srd.wordpress.org/plugins/tags/product-search/)[search overlay](https://srd.wordpress.org/plugins/tags/search-overlay/)
   [woocommerce](https://srd.wordpress.org/plugins/tags/woocommerce/)
 *  [Advanced View](https://srd.wordpress.org/plugins/simple-ajax-product-search-for-woocommerce/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/reviews/)

## Contributors

 *   [ tfbgloballtd ](https://profiles.wordpress.org/tfbgloballtd/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/simple-ajax-product-search-for-woocommerce/)