AJAX Search is one of the fastest and most user-friendly ways to enhance your Elementor website’s search experience. Instead of reloading pages, it instantly shows live results as users type — making content discovery quick, dynamic, and efficient. Whether you’re running a blog, online store, or portfolio site, adding AJAX Search helps your visitors find what they need faster while improving overall site usability.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the AJAX Search widget to your Elementor website
To add live search on your Elementor website, install the AJAX Search widget from the Unlimited Elements Widget library.
Step #3: Add the AJAX Search widget to your Elementor page
Now, in the Elementor editor, find the AJAX Search widget and drag it to the desired part of your page.
Search Sources
General Settings
Enable Third Party Hooks (Pro)
Enable third party hooks. Third party hooks are disabled by default to allow errorless ajax search functionality. but sometimes you can choose to turn them on. For WPML integration for example.
Enable Connection for AJAX Post Filters (Pro)
Turn on the connection for AJAX post filters.
Search Button Open New Window (Pro)
By turning this on, search button will open in new window.
Search Result Open New Window (Pro)
By turning this on, search results will open in new window.
Search Placeholder
Type the placeholder for search input field.
Show Search Button (Pro)
Show or hide the search button.
Search Button Text
Type or enter the search button text.
Search Button Icon
Choose an icon for the search button.
Show Search Label (Pro)
Show or hide the search label.
Search Label
Type text to show as search label.
Layout
Choose the layout.
- Row
- Row Reverse
Show Suggested Searches (Pro)
Show/hide the suggested searches.
Suggested Searches
Type text for suggested searches.
Suggested Label
Type text for the suggested searches label.
Search Button Page Url
Type or paste the page URL for the search button.
Enable Custom Ajax Search Links Ending (Pro)
Allows to add custom ending to all links. For example: https://../?ue-search-phrase=team
Results Settings
Show Pagination
Show/Hide the pagination.
Pagination Position
Set the position of pagination
- Before Results (Pro)
- After Results
Number of Items Per Page
Set the number of items to display per page.
Left Font Awesome
Paste unicode from font awesome website for left text.
Right Font Awesome
Paste unicode from font awesome website for right text.
Keys Control (Pro)
Turn on the keys control.
Go To Search Page On Enter (Pro)
Open search page on pressing enter.
Number of Columns
Set the number of columns in page.
Items Gap
Set the gap between items.
No Results Text
Type to show the no results message.
Results Text
Type text to show as results text.
Mark Bold Search Phrase (Pro)
Searched terms will be shown bold.
Show Post Image
Show/hide the post image in results.
Show Default Post Image
Shows only if post doesn't have a featured image.
Show Post Intro (Pro)
Show/hide the post intro in the search results.
Show Categories
Show/hide the categories:
- No
- All Categories (Pro)
- Only Main Category (Pro)
- By Taxonomy (Pro)
- Last Level by Taxonomy (Pro)
Testing and Tools
Posts Query Settings
Select the exact posts you want to show in your Ajax Search results.
Posts Source
Choose any of the below options for your post source.
Current Query Post
Custom Posts
Related Posts
Manual Selection
Post Types
Choose the type of post you want to display.
Include By
Include the posts from different options given below
Include Sticky Posts
Get Only Sticky Posts
Author
Date
Post Parent
Post Meta
Most Viewed
ID's from PHP function
ID's from Post Meta
ID's from Dynamic Field
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
Include By Terms Relation
Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
Terms
Current Posts
Author
Post Without Featured Image
Posts with current category
Posts with current tags
Offset
Avoid Duplicates
ID's from Dynamic Field
Max Posts
Type the maximum number of posts you want to display.
Order By
Select any of the following option to sort the posts.
- Default
- Post ID
- Date
- Title
- Slug
- Author
- Last Modified
- Number of Comments
- Random
- Unsorder
- Menu Order
- Parent Post
- Preserve Posts in Order
- Meta Field Value
- Meta Field Value (Numeric)
Order Direction
Select the order direction from dropdown options.
- Default
- Descending
- Ascending
Query ID (Pro)
Give your Query unique ID to been able to filter it in server side using add_filter() function.
Show Query Debug
Show the query for debugging purposes. Don't forget to turn it off before page release.
Post Pagination
Wrapping it Up!
With AJAX Search integrated into your Elementor website, you can deliver instant, real-time results that keep users engaged and satisfied. It’s a simple yet powerful upgrade that enhances navigation, boosts user experience, and gives your site a modern, professional edge. Start implementing it today to make your website faster and smarter.
