Add a Custom Search Vertical to Your Search Results Page in SharePoint 2013 Online

This article shows how to add a custom search vertical to your search results page in SharePoint 2013 Online.


Sign up for an Office 365 Developer Site. Ensure you have access to an Office 365 Developer Site. Here are three ways to get one:

Please refer to Set up a development environment for SharePoint Add-ins on Office 365 for more details.


Search Verticals

In SharePoint 2013, there are four default search verticals displayed in the Enterprise Search Center as shown below. They are placed in the Search Navigation Web Part.


When the user clicks on each vertical they are redirected to one of the following search pages:

All these results pages are available in the pages library. The Search Results Web Part are configured to use different result sources in these pages.


The following describes how to create a search results page:


  • Click on the Pages app.


  • Click on the Files tab in the ribbon interface, select Page from the New Document drop down.


  • Enter the Title, Description and URL for the page. Click on the Create button.


  • The Search Page (custom.aspx) is created successfully.


The following is how to create a search vertical:

  • Click on Site Actions and then click on Site Settings.

  • Click on Search Settings available in the Search section.

  • On the Configure Search Navigation section, click on the Add link.


  • Enter the Title and the URL (the URL of the results page we have created in the previous section).

  • Click on the OK button.


  • Click on the OK button on the search settings page.

Testing


  • Click on Custom, it will be redirected to the custom.aspx page.

Note: You can edit the search results web part and configure your custom query on the custom.aspx page.


Summary

Thus in this article you saw how to add a custom search vertical to your search results page in SharePoint 2013 Online.

Recent Posts

See All