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 - 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.