Add Custom Refiners in the Refinement Panel of Search Results Page For SharePoint 2013 Online

Updated: Mar 18, 2019

This article shows how to add custom refiners in the Refinement Panel of the Search Results page for 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:

  • Are you an MSDN subscriber? Visual Studio Ultimate and Visual Studio Premium with MSDN subscribers receive an Office 365 Developer Subscription as a benefit. Redeem your benefit today.

  • Do you have one of the following Office 365 subscription plans?

Office 365 Midsize Business Office 365 Enterprise E1, E3, E4, or K1 Office 365 Education A2, A3, or A4 Office 365 Government G1, G3, G4, or K1


If so, you can provision a Developer Site from the Office 365 admin center. For more information, see how to create a Developer Site within your existing Office 365 subscription.

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


Site Content Type

I have created a site content type that has the following columns:











Document Library: