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:

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.

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.

Search Results Web Part

The following describes how to create a search results page:

  1. Navigate to the Enterprise Search Site: https://c986.sharepoint.com/sites/Test/Enterprise%20Search/.

  2. Click on Site Actions and then click on Site Contents.

    Site Contents

  3. Click on the Pages app.

    Pages app

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

    New Document

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

    Click on Create

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

    Search Page custom

The following is how to create a search vertical:

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

  2. Click on Search Settings available in the Search section.

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

    Configure Search Navigation

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

  5. Click on the OK button.

    Click on Ok button

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

Testing

  1. Navigate to the Search default page: https://c986.sharepoint.com/sites/Test/Enterprise%20Search/Pages/default.aspx.

  2. Search for some keyword and it will be redirected to results.aspx page. You will see a new search vertical that we created.

    redirected to results

  3. 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.

    Custom

Summary

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