SharePoint Tutorial - How to build a custom search page experience

Опубликовано: 26 Май 2026
на канале: Academy 365
32,250
449

In this video, I demonstrate how to build a custom search page within a SharePoint Online site. The search experience I have created in this video is based on the Netflix search experience (which I first demoed in my 'How to Build Netflix in SharePoint' video a few months ago).

Some people had asked me how I built the search experience shown in that video, so.... here you go!

This solution has two main pre-requisites which I walk through in the video:

1. Access to the SharePoint Admin Centre
2. You need to install the Modern Search PnP web parts

It's all plain sailing after that 😉

Video chapters (in case you are interested in one part in particular!)

0:00 - Introduction
0:27 - Demo of the search experience we are building
1:14 - Search solution pre-requisites
1:50 - Installing the PnP Modern Search web parts
3:23 - Create our custom SharePoint search results page
4:15 - Set the scope of the PnP Search Results web part
7:24 - Create our video category search managed property
11:02 - Add our managed property to the PnP Search Results web part
12:49 - Amend the search result card layout
13:49 - Add the PnP Search Filters web part and configure
16:20 - Redirect site search queries to our custom search page

-----------------------
🎓 MY COURSES:

🚀 Intranet Site Builders Master Class here:
https://academy365.podia.com/sharepoi...

🚀SharePoint Training & Education Platform Site:
https://academy365.podia.com/training...

🎉🎉🎉 Use coupon code FLASH30 for 30% off (Limited new site launch celebration!) 😁 Just enter at the checkout!
-----------------------

🔗 Links
PnP Modern Search web parts - https://microsoft-search.github.io/pn...
🎥 How to Build Netflix in SharePoint -    • SharePoint Tutorial | Build a Netflix User...  

Music I use: Bensound.com
License code: VWL2DV09KAFEQW1F