Help Center
Hang in there, your answer is on the way...
    Help Center
  1. Managing your business
  2. Business solutions & apps
  3. Wix apps for your site
  4. Wix Site Search
    5. Understanding & Customizing Your Search Results Page

Understanding & Customizing Your Search Results Page

12 min read
When your visitors search your site using Wix Site Search, the results of the search are displayed clearly in a list on a Search Results page.
You can change the layout and design of the Search Results page, including the fonts, background, and border.
In this article, learn more about: 

Understanding the Search Results page

When you add Wix Site Search, a new hidden page called Search Results is also added to your site. Your visitors can only see this page when they search for a term in your Search Bar. 

The Search Results page includes 3 elements:

  • Search bar: This field allows visitors to easily search your site again from the Search Results page, without having to scroll to the other search bar. 
  • Results menu: This menu categorizes the search results based on where the results are located (e.g. site pages, blog posts, stores). 
  • Search results: These are the results for your visitor's search phrase. If no results are found, a "No Results" message displays.

Customizing your page display

Decide what options are available for visitors browsing the Search Results page. You can show a search bar on the page, enable an 'All' tab to show results from all categories and customize the 'Results Found' message.  
Wix Editor
Studio Editor
  1. Click Pages  on the left side of the editor.
  2. Click the Search Results page.
  3. Click the Search Results element on the page.
  4. Click Settings.
  5. Click the Display tab.
  6. Choose what to do next:
    • Enable the Show search bar in Results Page toggle to add a search bar. Enter the placeholder text that should appear on the search bar.
    • Click the Enable 'All' Tab toggle to show an additional tab that centralizes results from all categories.
    • Decide what the 'Results Found' message includes: The number of results, the visitor's search term or both (e.g. "23 items found for 'T-shirt'").
Adjusting the Display tab in the Search Results Settings panel in Wix Editor

Managing the tabs on the page

The Search Results page organizes the results into tabs. You can decide on the order of the tabs based on what you want to promote. You can also rename the tabs and hide those you don't want to show. 
Wix Editor
Studio Editor
  1. Click Pages  on the left side of the editor.
  2. Click the Search Results page.
  3. Click the Search Results element on the page.
  4. Click Settings.
  5. Click the Settings tab.
  6. Choose what to do next:
Reordering tabs in the Search Results settings panel in the Studio Editor

Adjusting the layout of your search results page

Customize the layout by choosing the alignment of the menu and pagination bar. You can also choose the number of results displayed on each page. 
Wix Editor
Studio Editor
  1. Click Pages  on the left side of the editor.
  2. Click the Search Results page.
  3. Click the Search Results element on the page.
  4. Click Settings.
  5. Click the Layout tab.
  6. Set up the layout of the page:
    • How is the results menu aligned?: Select whether the results menu is aligned to the left, center, or right.
    • Number of results per page: Drag the slider to increase or decrease the number.
    • How is the pagination bar aligned?: Select whether the pagination bar is aligned to the left, center, or right.
Customizing the layout of the search results page in Wix Editor

Customizing the design of your Search Results page

You can customize the font and color design of all aspects of your Search Results page to match your site. This includes the search bar, results menu and search results list.
Wix Editor
Studio Editor
  1. Click Pages  on the left side of the editor.
  2. Click the Search Results page.
  3. Click the Search Results element on the page.
  4. Click Settings.
  5. Click the Design tab.
  6. Choose what you want to customize:
Designing the search bar on the search results page in Wix Editor

Adjusting the images in the Search Results page

Thumbnail images for search results are taken from different places, depending on the result type. You can adjust these images by customizing the page settings. 
Click an option below to learn more about adjusting the images for different page types:
Want to customize your site search bar?
Use the layout and design settings to suit your site's look and feel. 

Did this help?

|
In this article
  • Understanding the Search Results page
  • Customizing your page display
  • Managing the tabs on the page
  • Adjusting the layout of your search results page
  • Customizing the design of your Search Results page
  • Adjusting the images in the Search Results page

Related content

Request: Site Searching Wix Video
About Wix Site Search
Customizing Your Site Search Bar

Hire a Professional

Get matched with a Wix Partner who can help you reach your site goals.
Get Matched