Wix Stores: Adding and Optimizing a Search Box for Stores

4 min read
Boost store sales by helping your customers locate the products they're interested in. 
Add a general search box to your site and then customize it to work optimally with Wix Stores.

Step 1 | Add a search box to your site

Start by adding a search box. By default, the search box is placed in your site's header and is visible on every page. 

To add a search box to your site:

  1. Go to the Wix App Market:
    • Editor: Click the Add Apps icon  on the left side of the Editor.
    • Editor X: Click the App Market icon  on the top bar of Editor X.
  2. Enter Wix Site Search in the search bar.
  3. Select the Wix Site Search app.
  4. Click Add to Site.

Step 2 | Customize the search box field

To help customers understand what they're searching for, edit the placeholder text. Note that in step 3, you can edit the search results page to display only store products.

To customize the search box:

  1. Click the search box in the Editor.
  2. Click Settings.
  3. Enter placeholder text suitable for store product searches (e.g. Search for a product).
  4. Click the Layout icon  and Design iconand customize the look of the search box.

Step 3 | Customize the search results page

By default, the search results page shows results from all parts of your site. This can include blog posts, events, regular pages, and more.
You can customize the results to display only store products. Additionally, you can optionally display an Add to Cart button and search filters.

To customize search results:

  1. If not already there, go to the Search Result page:
    1. Click Pageson the left side of the Editor.
    2. Click Site Menu.
    3. Select Search Results.
  2. Click the Search Results page in the Editor.
  3. Click Settings.
  4. Click the Settings tab.
  5. Click the toggle next to any types of search results you want to hide to disable it.
screenshot of Settings tab in the Settings Panel of Wix Site Search results page
  1. Edit the product search results:
    1. Click the Edit icon next to Products.
    2. (Optional) Edit the label text (relevant only if displaying other results, such as blog posts).
    3. Select a resizing option: Fit or crop.
    4. (Optional) Deselect the checkbox next to Product price to hide prices.
    5. Click the Show button toggle under Add to Cart to enable or disable the button.
      Tip: If displayed, you can edit the "Add to Cart" button text.
    6. Click the Show product filters toggle to show or hide filters.
      Note:  When product filters are displayed, all categories you created that are relevant for the search query are shown. 
  2. (Recommended) Increase the number of results per page:
    1. Click the Layout tab. 
    2. Drag the Number of results per page slider to increase the number of products displayed in the first page of search results.
  3. Use the rest of the customization options to further customize the behavior and look of the search results page.
Notes:
  • To see how your product search works, publish your changes and test it on your live site.
  • To hide specific products from appearing in site search results, you can edit their SEO settings. Note that this also stops the product from appearing in search engine results. 
  • After your search runs for a while, you can use Wix Analytics to see what customers are looking for. Learn more

Did this help?

|