Display Live AJAX Search Results In Divi

This example shows how live AJAX search displays results instantly as users type in the search field. To test this demo, try searching for “Blog Post.”

Default Search Results

This section shows the default Divi search results page for comparison before applying any enhancements.

Live AJAX Search Results

This example enables live AJAX search with instant results, improving speed and user experience.

Live AJAX Search Results - Woo Products

This example limits the Live AJAX search results to WooCommerce products only. Search keywords are highlighted in the result titles and excerpts, making matching content easier to identify.

To test the product search results, try searching for "Shirt," "Hat," or "Shoes."

Live AJAX Search Results - Events

This example limits the Live AJAX search results to Events, Venues, and Organizers. Smart Search Matching is enabled, which ignores common words such as "a," "the," and "is," requires all keywords to be present in the results, and prioritizes title matches at the top of the list.

To test the search results, try searching for "Family" for Events, "Community Park" for Venues, or "Starlight Event Planning" for Organizers.

Live AJAX Search Results - Example 1

This example changes the search results order to "Relevance," limits the results per page to 2, and customizes the Previous and Next pagination link text.

Live AJAX Search Results - Example 2

This example customizes the search result heading text, enables a button to view all results, and disables the excerpt display.

Live AJAX Search Results - Example 3

This example hides the featured image, sets the excerpt length to 50 characters, disables the pagination overlay effect, opens result links in a new tab, and disables closing the dropdown when clicking outside so it only closes using the close icon.

Live AJAX Search Results - Example 4

This example customizes the "No Results" message, changes the text of the “View All Results” button, and enables redirecting to the full search results page when pressing the Enter key.

Note: Try searching for different keywords to see how ordering, layout changes, button settings, and “no results” behavior work in real time.