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
Guide

Ajax Search Free Free

How to set up and style the Ajax Search Free widget in Elementor.

Ajax Search Free is a light live search box. Results from pages, posts, custom post types, WooCommerce products and categories or tags show under the box while the visitor types, grouped by type. Without JavaScript it still works as a normal search form.

Part of: Bright Addons (free). Before you start: WooCommerce only if you want to search products.

Set it up

  1. Drag Ajax Search Free into a header, section or container.

  2. In Search Box, set the Placeholder and pick the Button: Icon, Text or No button.

  3. In Search In, choose the Content Types, for example Pages, Posts or Products.

  4. Optionally add Categories and Tags to also show matching categories.

  5. Set Results per Group, Start After (characters), Show Images and Show "View All Results".

  6. Style the search box, button and results in the Style tab, then update the page.

Content options

Search Box

Option What it does
Placeholder The hint text inside the empty box. It is also used as the label for screen readers.
Button An icon button, a text button or no button.
Button Text The words on the text button.

Search In

Option What it does
Content Types Which public content to search: pages, posts, custom post types or products.
Categories and Tags Also shows categories, tags or product categories whose name matches.
Results per Group How many results each group shows, from 1 to 10.
Start After (characters) How many characters the visitor types before results show, from 2 to 5.
Show Images Shows the featured image of each result.
Show "View All Results" Adds a link to the full search results page under the results.
View All Text The words of that link.
No Results Text The message when nothing matches.
Bright Addons Pro

Like this free widget? Get 80 more with Pro

Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Search Box

    max width, height, text color and typography, placeholder color, background, border, border radius, shadow and border color on focus.

  • Button

    typography, padding, border radius and text, background and border colors for normal and hover.

  • Results

    background, border radius, shadow, group title style, result typography and color, hover background and color, and the price and count color.

Tips

  • When only one content type is picked, the View all results link and the Enter key open the search page for that type only.

  • Each result group runs one small query, so pick only the content types you need.

  • Products hidden from search in the WooCommerce catalog visibility setting never show.

  • Ajax Search Free is the light version of the AJAX Live Search widget in Bright Addons Pro.

Questions and answers

Can it search WooCommerce products?

Yes. Pick Products in Content Types. Each product shows its image and price, and products hidden from search in WooCommerce stay hidden.

Can visitors see private or draft content?

No. Only published, public content without a password is shown, whatever is picked in the widget.

Does it work without JavaScript?

Yes. The box is a normal search form, so pressing Enter or the button opens the search results page.

Is this widget free?

Yes. Ajax Search Free is part of the free Bright Addons plugin and is also included in Bright Addons Pro.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides