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

Live Search Pro block guide

Pro

How to add the Live Search Pro block and what every setting does. It comes with Bright Addons Blocks Pro, which also includes every free block.

Start

Add the block

Instant search results while typing, in a box, a dropdown or a full screen popup, with thumbnails, prices, categories and keyboard support.

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Live Search Pro”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Search and Results.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 2

Search

Open the block sidebar and find the Search panel.

Setting What it does Choices
Layout Choose one. Search box, Icon that opens into a search box, Icon with a box sliding down, Icon that opens a search window, Icon that opens a full screen search, Icon that opens a side panel
Box opens towards Choose one. Left, Right
Panel opens from Choose one. Left, Right
Window title Text you type. –
Placeholder Text you type. –
Search in Tick one or more. Posts, Pages, Floating elements, Products, Projects
Match Best matches come first: ID, SKU, text, custom fields, then category names. Title, Content, Excerpt, Product SKU, Post or product ID, Custom fields, Category and tag names
Custom field names Separated by commas. Up to 10. Hidden fields (names starting with _) are never searched. –
Category dropdown Lets visitors search inside one category, for example Product categories. None, Category (category), Tag (post_tag), Brand (product_brand), Category (product_cat), Tag (product_tag), Project type (project_type)
All categories text Text you type. –
Search button Choose one. Icon, Text, Icon and text, None
Button text Text you type. –
Icon Icon picker. –
Search icon label (screen readers) Text you type. –

Panel 2 of 2

Results

Open the block sidebar and find the Results panel.

Setting What it does Choices
Show results while typing On or off. –
Number of results From 1 to 20. –
Start after (characters) From 2 to 6. –
Images On or off. –
Content type label On or off. –
Excerpt length (words) 0 hides the excerpt. From 0 to 60. –
Product price On or off. –
Product SKU On or off. –
Group by content type For example Products, then Posts, then Pages. –
All results link Text you type. –
No results text Text you type. –
Recent searches Shown when the box is empty. Kept only in the visitor's own browser. –
Recent searches heading Text you type. –
Popular searches Words to suggest when the box is empty, separated by commas. –
Popular searches heading Text you type. –

Questions

Good to know

Is the Live Search Pro block free?

Live Search Pro is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.