Elevated Product Search uses a single shortcode to place a live, AJAX-powered search form anywhere on your WooCommerce site. You can add it to your site header so customers can search from any page, drop it into a sidebar widget for category-specific browsing, or embed it inside page builder templates for full design control. The placement method varies depending on whether you use a block theme, classic theme, or a builder like Elementor or Breakdance. 

Below, you can learn more about how to add it to the header, sidebar, or place it using a page builder.

Adding Search to Your Menu or Header

Place the [elex_product_search] shortcode in your site header using the Site Editor, Customizer, or theme file editor.

Adding Search to Sidebar

Insert the search form into your sidebar widget area and adjust the width to fit narrow containers.

Adding Search to Elementor

Add the shortcode to Elementor Theme Builder templates for headers and product archive pages.

Adding Search to Breakdance

Add the shortcode to Breakdance templates using the Shortcode element for global header and archive placement.