Wix Stores: Adding and Optimizing a Search Box for Stores

5 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.
Screenshot of a Wix store site showing a search box

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. 
Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Add Apps   on the left side of the editor.
  3. Search for the Wix Site Search app in the search bar.
  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.
Screenshot of a Wix store site showing a search box

To customize the search box:

  1. Click the search box in your 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.
Screenshot of a Wix store site showing the top of the search results page
You can customize the results to display only store products. Additionally, you can optionally display an Add to Cart button and search filters.
Screenshot of a Wix store site showing the search results page

To customize search results:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Site Menu.
  4. Click the Search Results page.
  5. Click the Search Results page in the Editor.
  6. Click Settings.
  7. Click the Settings tab.
  8. Click the toggle next to any types of search results you want to hide to disable it.
  9. 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. 
  10. (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.
  11. 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?

|