Understanding & Customizing Your Search Results Page

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.

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

Modify the display of your results page by reordering the tabs, hiding them, or changing their labels. 

To customize the display:

  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 and choose what you want to do:
    • Reorder: Click and drag a category tab to change its order on your results page. 
    • Change the label text: Hover over the relevant category and click the More Actions  icon, then click Customize
    • Hide/Show: Click the More Actions   icon, then click Hide or Show to hide or show a category tab.  

Adjusting the layout of your search results page

Customize the layout by choosing the alignment of the menu and pagination bar.

To adjust the page layout:

  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 Layouts 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.
    • How is the pagination bar aligned?: Select whether the pagination bar is aligned to the left, center, or right.

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.

To customize the design of your search results page:

  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:
Want to change your "View All" button?
You can adjust the button by customizing your site colors

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. Learn more

Did this help?

|

Hire a Wix Partner

Get help with your website's design, marketing and small tasks from a professional freelancer or agency.
Start Now