youheiokubo

HXSE — Code-First Search lets you define search filters with PHP arrays and output them with a simple shortcode. No JavaScript configuration required. Powered by htmx for seamless, no-reload filtering.
Why HXSE?
<ul>
<li>Code-first — Define everything in PHP arrays. Version-control friendly.</li>
<li>No page reloads — htmx handles all filtering and pagination seamlessly.</li>
<li>AI-friendly — Simple, consistent schema structure that AI agents can read and write.</li>
<li>No dependencies — htmx is bundled. No jQuery required.</li>
</ul>
Filter Types
<ul>
<li><code>search</code> — Keyword search</li>
<li><code>taxonomy</code> — Filter by taxonomy / category</li>
<li><code>meta</code> — Filter by custom field value or range</li>
<li><code>date</code> — Filter by year</li>
<li><code>relation</code> — Filter by related post</li>
</ul>
UI Types
<ul>
<li><code>select</code> — Dropdown</li>
<li><code>radio</code> — Radio buttons</li>
<li><code>checkbox</code> — Multiple selection</li>
<li><code>range</code> — Min/max slider (for numeric meta fields)</li>
</ul>
Pagination Modes
<ul>
<li><code>pager</code> — Numbered page links with count display</li>
<li><code>loadmore</code> — “Load more” button</li>
</ul>
Basic Usage
<pre><code>`php
</code></pre>
add_filter( ‘hxse_schemas’, function( $schemas ) { 
 $schemas[‘staff_search’] = [ 
 ‘post_type’ => ‘staff’, 
 ‘filters’ => [ 
 [‘key’ => ‘keyword’, ‘type’ => ‘search’, ‘label’ => ‘キーワード’], 
 [‘key’ => ‘department’, ‘type’ => ‘taxonomy’, ‘label’ => ‘部署’, 
 ‘taxonomy’ => ‘department’, 
 ‘ui’ => ‘checkbox’, 
 ], 
 ], 
 ‘pagination’ => [ 
 ‘mode’ => ‘pager’, 
 ‘per_page’ => 12, 
 ], 
 ‘template’ => ‘hxse-staff.php’, 
 ]; 
 return $schemas; 
} ); 
 `
<pre><code>`
</code></pre>
[hxse id=”staff_search”] 
 `
<h3>External Services</h3>
This plugin bundles htmx (https://htmx.org/) for handling AJAX requests without page reloads. htmx is included locally within the plugin and does not make any external network requests. It is licensed under the BSD 2-Clause License.
<ul>
<li>htmx: https://htmx.org/</li>
<li>htmx License: https://github.com/bigskysoftware/htmx/blob/master/LICENSE</li>
</ul>

HXSE — Code-First Search

Code-first search & filter for WordPress. Define filters with PHP arrays, output with a shortcode. Powered by htmx — no page reloads.

Automattic

robfelty

kangzj

bluefuton

Anna McPhee

Greg Ichneumon Brown

Jason Moon

trakos

Dognose

a8ck3n

Incredibly powerful and customizable, Jetpack Search helps your visitors instantly find the right content – right when they need it.
Jetpack Search is an easy-to-use WordPress search plugin that enhances the default site search functionality provided by the CMS. Thanks to advanced site search tools, your visitors will experience the best search experience you can offer.
From real-time search filtering and faceting, to instant search results, Jetpack Search has all the features and options for best site search usability and results.
Note: Jetpack Search is free to use for sites with up to 5000 documents and 500 search requests per month. Beyond that, a Jetpack Search subscription, or a Jetpack plan subscription that includes Search is required to use this plugin.
LESS DIGGING, MORE FINDING
Do you have a WordPress site with thousands of posts, pages, and products? No problem. Thanks to a powerful search engine, Jetpack Search helps visitors find exactly what they’re looking for — fast.
KEEP PEOPLE READING & BUYING
Give your visitors instant search results and advanced filtering to help them find what they need and stay longer on your site.
People on eCommerce sites are 2x more likely to purchase something when they search.
FINELY-TUNED SEARCH FOR YOUR SITE
Jetpack Search is a completely customizable WordPress site search plugin, so your visitors get a search experience that blends in seamlessly with your site design.
WHY CHOOSE JETPACK SEARCH?
<ul>
<li>Highly relevant search results organized by modern ranking algorithms</li>
<li>Boosted and prioritized results based on your site’s search stats</li>
<li>Instant search and filtering without reloading the page</li>
<li>Site search filters and facets (by categories, tags, dates, custom taxonomies, and post types)</li>
<li>Improved theme compatibility for both mobile and desktop</li>
<li>Real-time indexing, so your search index is updated within minutes of changes to your site</li>
<li>Integrates seamlessly with WooCommerce</li>
<li>Support for all languages, and advanced language analysis for 38 languages</li>
<li>Highlighted search terms on comments and post content</li>
<li>Fast and accurate spelling correction</li>
</ul>
WITH 💚 BY JETPACK 
This is just the start!
We are working hard to bring more features and improvements to Jetpack Search. Let us know your thoughts and ideas!
<h3>Testimonials</h3>
“I like having a search experience that is sortable, filterable, and feels like it’s integrated natively into the site. Jetpack Search does all of this, but most importantly, it returns great results without heavy configuration.” – Chris Coyier, Web Design Expert (codepen.io / ShopTalk Show)
“If people can get the answers they want quickly without having to email me, it’s pure gold and it makes my job easier. I’m advertising it in my client consultations and telling people to use it because it actually works.” – Kylie Mawdsley, Interior Design Consultant (Kylie M. Interiors)

Jetpack Search

Both the search functionality and plugin support are excellent.

Only limitation is in terms of design of the light box (popup) showing the results and filters. But then, that ensures the ease of integration...

Great functionality and support

Easily add cloud-powered instant search and filters to your website or WooCommerce store with advanced algorithms that boost your search results based …

HXSE — Code-First Search vs Jetpack Search