技術ログ

How to add a search bar that shows products as you type on Wix

公開: 2026-10-15 · 著者: GRAMSHIFT

A search box in your header with product suggestions under it, on desktop and phones

How to add a search bar that shows products as you type on Wix

To add a search bar that shows products as you type on Wix, install Live Product Search Bar from the Wix App Market and drag its search bar into your site header: visitors see matching products with image, name and price under the box from the first letter. New products show up for the next visitor and deleted ones drop out, and the free plan has no search limit.

Get Live Product Search Bar on the Wix App MarketFree plan available
  • Suggestions as visitors type: product photo, name and price right under the box, blog posts below.
  • A real search box: visitors type on the page; Enter or "See all results" opens every result on the same page.
  • Always up to date: products you add show up for the next visitor, and products you delete or hide drop out.
  • Closest names first, typos forgiven: names that start with the typed word lead, and "sneekers" still finds Sneakers.
  • Phones: in a narrow header the bar is a search icon that opens full width.

Add the search bar in three steps

  1. Install Live Product Search Bar. It searches your Wix Stores products and Wix Blog posts.
  2. In the Editor, click Add (+), search for Live Product Search Bar and drag it into your header so it shows on every page. Publish.
  3. On the app's page in your dashboard, pick the color, round or square corners, the placeholder text, and whether prices and images show.

What visitors see

From the first letter, up to six products appear with their photo and price, then matching blog posts, then "See all results". Arrow keys move through the suggestions and Enter opens one. Buttons and messages follow the language the visitor is viewing, in 13 languages; product names are searched in your site's main language.

What Pro adds

Pro shows the words visitors searched in the last 30 days and the ones that found nothing, so you know which products or names to add. You can also add synonyms (tee = T-shirt), and search your own CMS collections that have item pages. Try Pro free for 14 days.

FAQ

How do I add a search bar that shows results as you type on Wix?

Install Live Product Search Bar from the Wix App Market and drag its search bar into your site header in the Editor. Visitors see matching products with image, name and price under the box from the first letter, and blog posts below them. Enter or "See all results" opens the full list on the same page. No code is needed.

Why are new products not showing in my Wix site search?

With Live Product Search Bar, products you add or change show up for the next visitor, and products you hide or delete drop out of the suggestions. There is no reindex button to press and nothing to set up after you add a product.

My Wix search bar opens a popup instead of a search box. How do I get a real search box?

Add Live Product Search Bar: it is a real search box that visitors type into on the page, with suggestions right under it. On phones and in narrow headers it shows a search icon that opens a full-width box at the top of the screen.

Does it handle typos?

Yes. Names that start with what the visitor typed come first, then names with that word inside. A word of four letters or more may have one typo (two for longer words), so "sneekers" finds Sneakers, while very short words are matched exactly.

Is it free, and what does Pro add?

Yes, there is a free plan: the search bar, suggestions for products and blog posts, unlimited searches, the full results list, the phone layout, your colors and corners, and buttons and messages in 13 languages. Pro adds the list of what visitors searched and what found nothing, synonyms and CMS collections, and you can try Pro free for 14 days.

Frequently asked questions

How do I add a search bar that shows results as you type on Wix?

Install Live Product Search Bar from the Wix App Market and drag its search bar into your site header in the Editor. Visitors see matching products with image, name and price under the box from the first letter, and blog posts below them. Enter or "See all results" opens the full list on the same page. No code is needed.

Why are new products not showing in my Wix site search?

With Live Product Search Bar, products you add or change show up for the next visitor, and products you hide or delete drop out of the suggestions. There is no reindex button to press and nothing to set up after you add a product.

My Wix search bar opens a popup instead of a search box. How do I get a real search box?

Add Live Product Search Bar: it is a real search box that visitors type into on the page, with suggestions right under it. On phones and in narrow headers it shows a search icon that opens a full-width box at the top of the screen.

Does it handle typos?

Yes. Names that start with what the visitor typed come first, then names with that word inside. A word of four letters or more may have one typo (two for longer words), so "sneekers" finds Sneakers, while very short words are matched exactly.

Is it free, and what does Pro add?

Yes, there is a free plan: the search bar, suggestions for products and blog posts, unlimited searches, the full results list, the phone layout, your colors and corners, and buttons and messages in 13 languages. Pro adds the list of what visitors searched and what found nothing, synonyms and CMS collections, and you can try Pro free for 14 days.