BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

AJAX Live Search Widget for Elementor Pro

A search box that shows results while visitors type.

Overview

What AJAX Live Search does

AJAX Live Search lists matching posts, pages and products under the search box while the visitor types. Search by title, content, SKU, ID, custom fields or category names, add a category dropdown, and show it as a box, a dropdown, a popup window, a side panel or a full screen search.

Live demo

See it in action

Features

What it can do

  • Results while typing, with images, type labels, excerpts, prices and SKUs.

  • Six layouts: search box, expanding icon, sliding box, popup window, full screen and side panel.

  • Match by title, content, excerpt, product SKU, ID, custom fields or category and tag names.

  • Category dropdown so visitors can search inside one category.

  • Results grouped by content type, such as products, then posts.

  • Recent searches and popular search suggestions when the box is empty.

  • Typed words highlighted, with keyboard navigation.

  • Works as a normal search form when the script cannot run.

Use cases

When to use it

Header search

Use the full screen layout in a tight header. Visitors click the icon and search in a full screen layer.

Shop product search

Set Search In to products only. Results show product images and prices, and pressing Enter opens the product search results.

Blog and help pages

Search posts and pages together with excerpts, so readers can pick the right article from the list.

Setup

How to set it up

What you need: Nothing extra. WooCommerce is needed only if you want to search products.

  1. Drag the AJAX Live Search widget onto the page or into your header template.

  2. In Search, choose the Layout and the Placeholder.

  3. Under Search In, choose the content types, and under Match, what to search by.

  4. Add a Category Dropdown if visitors should search inside one category.

  5. In Results, set Number of Results, Images, Product Price and Product SKU.

  6. Add Popular Searches and keep Recent Searches on.

  7. Style the search box, button and results in the Style tab.

FAQ

Questions and answers

Does it search WooCommerce products by SKU?

Yes. Add Product SKU under Match. A variation SKU finds its product.

Can it open as a popup or side panel?

Yes. Set Layout to the search window, full screen search or side panel.

Can visitors search inside one category?

Yes. Pick a taxonomy under Category Dropdown.

Does it show password protected posts?

No. Only published content is searched, and password protected posts are left out.

Bright Addons Pro

Get AJAX Live Search with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.