Understanding & Customizing Your Search Results Page
7 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
Modify the display of your results page by reordering the tabs, hiding them, or changing their labels.
To customize the display:
- Click Pages
on the left side of the Editor. - Click the Search Results page.
- Click the Search Results element on the page.
- Click Settings.
- 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:
- Click Pages on the left side of the Editor.
- Click the Search Results page.
- Click the Search Results element on the page.
- Click Settings.
- Click the Layouts tab.
- 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:
- Click Pages on the left side of the Editor.
- Click the Search Results page.
- Click the Search Results element on the page.
- Click Settings.
- Click the Design tab.
- Choose what you want to customize:
Search bar
Results menu
Search results
Buttons
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:
Static page images
Dynamic pages
Want to customize your site search bar?
Use the layout and design settings to suit your site's look and feel. Learn more