Search allows your customers to quickly find products on your website, improving the overall shopping experience. You can add and customize the search feature on your shop pages within minutes.
First, ensure that the WooCommerce plugin is installed and activated on your site.
Once activated, the search functionality will be automatically available on your website.
Note: Make sure you have products added to your store; otherwise, the search feature will not display any results.
How to Add Search? #
To utilize the Search feature, open your desired page in Elementor (existing or new). Navigate to the ‘Elements’ tab and ensure the search option is enabled from the plugin settings. Use the search option to find the ‘Search’ widget. Now simply drag and drop the widget onto the page or the ‘+’ section.
CONTENT TAB #
The Content tab in Search allows you to customize how the search bar appears. You can configure the following options:
- Placeholder – Set the placeholder text inside the search bar.
- All Categories Text – Set the label text for displaying all product categories.
These options help you adjust the search input text and category label to match your website design.
STYLE TAB #
To customize your Search bar, navigate to the Style tab. Here, you can adjust the appearance to match your website design.
The Style tab contains the following options:
- Input
- All Categories
- Icon Button
These options allow you to control the visual styling of the search feature, including the input field, category display, and search button appearance.
