SharePoint Tutorial - How to build a custom search page experience

Подписаться 2,9 тыс.

Просмотров 13 тыс.

50% 1

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
🎓 If you liked this and are hungry for more Intranet examples and tutorials, check out our 'Intranet Site Builders Master Class' here:
🔗 www.academy365.io/course/shar...
🎉🎉🎉 Use coupon code FLASH25 for 25% off (limited availability) 😁 Just enter at the checkout!
🔗 Links
- PnP Modern Search web parts - microsoft-search.github.io/pn...
- 🎥 How to Build Netflix in SharePoint - • SharePoint Tutorial | ...
Music I use: Bensound.com
License code: VWL2DV09KAFEQW1F

Опубликовано:

28 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@BellowFind 8 месяцев назад

Please don't stop making these SharePoint Videos haha. These are absolutely brilliant! I'm currently looking at making an Intranet for work and these ideas are brilliant! Thank you so much!

@Academy365-Dan 8 месяцев назад

Cheers! I really appreciate the encouragement! I am currently recording my next video so hit the aul bell icon to get notified! 😉 If you have any suggestions for anything you would like to see a video on, let me know!

@tchrapko 21 день назад

Excellent tutorial, and much more fun to work through than the usual business content. Of course, I'm learning this to apply to the dry material at work, but I appreciate the change of pace. Thanks a bunch!

@Academy365-Dan 15 дней назад

Thank You!

@mensrea2686 9 месяцев назад

Dan, this is very helpful! Thank you so much for providing it.

@Academy365-Dan 9 месяцев назад

No worries at all, some complex bits in here so any questions just let me know!

@MarkRagains 8 месяцев назад

Thank you for this video - you took us into some tall weeds there but gave us some great tips. I will re-watch parts of this again to be sure!

@Academy365-Dan 8 месяцев назад

Tall weeds indeed! Glad you found some light at the end of the tunnel Mark 😉

@MoTechConsulting 8 месяцев назад

Thank you for this video. You added in a missing piece that I was looking for clarity on, i.e., Managed and Crawled Data. Thanks again.

@Academy365-Dan 8 месяцев назад

You are more than welcome! So glad it helped! - Dan

@IKKURI2010 4 месяца назад

You are brilliant. I spent days looking for a working solution for custom search pages. Thank you so much and sharing your knowledge and putting in the effort to make these videos.

@Academy365-Dan 4 месяца назад

No problem! Thank you for being awesome 😁

@user-de2ke6pl2k 6 месяцев назад

Thanks a lot, Dude! Especially enjoyed the `q` and `k` part. Without you, I would not have figured it out!

@Academy365-Dan 6 месяцев назад

No worries Maria. That one caught me out as well I must say! 😉

@Saposweden 4 месяца назад

You're a superstar ⭐ Dan! Thanks so much! Easy to follow and super helpful. I used it as a document management system. I will definitely think of more use cases. 🙏 from Sweden

@Saposweden 4 месяца назад

Dan, what i I'm in a document library and are searching? It seams like it then stays at the document library and show my search result from standard SharePoint.

@Saposweden 4 месяца назад

Dan, I somehow got the 'Q' in queryParameters's properties instead of Mode but I might have changed something else and now I only have Mode again. What is it dependent of? What can't be changes somewhere else?

@theeory1 8 месяцев назад

Solid vid 😮 🙌🏾

@Academy365-Dan 8 месяцев назад

Thanks Thierry!!

@chrisco9782 9 месяцев назад

Fantastic video, Dan! I've just started implementing PnP Modern Search myself so the timing couldnt be better. Madness that it isnt built in to SharePoint by default.

@Academy365-Dan 9 месяцев назад

Hey Chris, great stuff hope this helps you! Yea, tell me about it. OOTB search is getting more flexible but a long way off PnP. Bets of luck with the implementation! P.s. love your profile image, creative thinking right there 😁

@Puttekop81 5 месяцев назад

Thanks. This video helped me a lot.

@Academy365-Dan 5 месяцев назад

Hey! Ok, what might be happening is that the GUID of the mapped property may be being pulled through. Assuming you created the column as managed metadata you will need to tell the Search results web part to retrieve the managed metadata tag values. in the 'Selected properties' dropdown of the Search Results web part settings menu, look for items named 'owstaxId...' and select them all. One of these should be your list of values. Give that a shot and let me know if it makes a difference. Keep the faith, you've come so far! 😉

@Puttekop81 5 месяцев назад

@@Academy365-Dan Was able to fox it. Thanks

@vishalkadam5996 7 месяцев назад

Good and Informative video..

@Academy365-Dan 7 месяцев назад

Thanks so much

@JL-hm3cw 8 месяцев назад

Hello Dan. Thank you for making these videos. You make excellent content! In your case, the VideoCategory column was a choice column. Would this still work if you had used a Lookup Column or Managed Metadata column instead?

@Academy365-Dan 8 месяцев назад

Hey JL, I think my video category column was a managed metadata column. But yes, this will work for choice and lookup. You should still find them in your crawled properties which you can then of course map to your managed properties. Happy SharePoint-ing 🤘

@Hikarihiiro 4 месяца назад

This is a nice and helpful video. Do you also have video about custom search specific for files?

@Academy365-Dan 4 месяца назад

Hey! The same concept should work for files. You might want to reference a specific document library and reference any specific library data you want to filter by. Was there anything specific you want more detail on?

@amandachhen8445 5 месяцев назад

Great video Dan - really clear and easy to follow. I am trying to build a custom search that searches through SharePoint list items and was wondering whether the logic applied for Site Pages Library can also be applied for a SharePoint list? At 5:25 you mention that your site name must include "SitePages", but a SharePoint list doesn't have SitePages in the URL :/. What do you recommend?

@Academy365-Dan 5 месяцев назад

Hey Amanda! I haven't experimented with list items with these web parts yet but I don't see why it couldn't work. You might have to tweak the result template though. My reference to 'SitePages' was just limiting the scope to that library. You would just swap this reference out for the list you want to focus on. I'll do some testing and come back with what I find (just getting the next video ready at the moment!)

@user-fx6ih9tb7v 3 месяца назад

after adding the column videocategory to the site pages, how did you populate them with data, especially for existing pages that created and for new page, not seeing that when creating it also. please walk me through it

@anujpathak1817 5 месяцев назад

Hi Dan NIce video super helpful, I want to return the search result of people based on the skills they have and proposals they made or paper they published all this info saved in list or library , in this case how can i search from both

@Academy365-Dan 5 месяцев назад

Hey! Sorry for the slow reply. I would need to know more to reply fully but from the sounds of things, you are storing all of this information within a list or library. Rather than complicated custom search, it might be more pragmatic to meet the requirements through a combination of metadata/views/page user experience. Feel free to contact me via my site (academy366.io) with more detail and we can chat 😁

@nananaaaaaaari 9 дней назад

Do anyone know how can i apply these for a only image search bar? kinda like a pinterest searh

@shauntukuafu924 12 дней назад

Apologies if I missed this, but why was jaws returned when you typed in "shark"? That term didn't match your movie title or category. Obviously we know its related to sharks, but how did search know?

@Gx22 7 месяцев назад

Great video! Is it possible to do this but also using M365 Learning Pathways?

@Academy365-Dan 7 месяцев назад

Hey, not sure I understand the requirement to give you an accurate answer. If you head over to my site feel free to fill in the contact form with more info and I’ll let you know my thoughts. Thanks for the comment 😁

@MarkRagains 8 месяцев назад

Do you have any content not yet released, or tips / advice regarding refining the PnP search tool specifically for documents in a document library?

@Academy365-Dan 8 месяцев назад

Hey Mark, not specifically on this point yet, but I can plan something. What did you have in mind?

@MarkRagains 8 месяцев назад

I followed your very clear description on mapping the crawled properties to managed properties (thank you!!) Sadly though when applying the search tool to a document library with docs and pics I seem to be strugling to get the content I want and I wonder if there are more attributs to address or features to explore that need to be changed. There are work arounds such as creating specific views and linking to them, or making lists instead of using the meta data. I believe you this falls under the category of we've only scratched the surface. . . @@Academy365-Dan

@W3STC045T 6 месяцев назад

What program are you using to record your video while screen recording?

@Academy365-Dan 6 месяцев назад

Hi Westcoast (did I interpret that right?), Unfortunately, no specific software. I screen record with Quicktime and capture video separately with a DSLR and then bring it all together in Premiere Pro with a touch of After Effects. It's a lengthy editing process for sure!

@Tugioh 3 месяца назад

how to make rounded camera?

@Academy365-Dan 3 месяца назад

Hey! I'm not sure I understand the question, can you give me a bit more detail?

@TheMastermindgautam 5 месяцев назад

Thanks a lot for such simplified steps.. I am unable to get 'q' as an option to achieve dynamic search results experience, even after making the URL change in the search settings.. pls help 😭

@Academy365-Dan 4 месяца назад

Hey! oh no, that's very frustrating! I'll double-check my settings, but I think I captured them all in the video. What options do you get in that field?

@GarethDoherty1985 4 месяца назад

This brilliant. I've tried buildong a search hub to search for documents across multiple sites. I can get the results, whuch is a list of documents, but ehat i wantbis the ability to download them ALL at once from the search results page. Is there a eay to do this that you know of?

@Academy365-Dan 3 месяца назад

Hi Gareth. I hear ya, what would be the requirement to download all at once? Would this be a common/frequent requirement?

@GarethDoherty1985 3 месяца назад

@@Academy365-Dan we are a housing association and do stock transfers. We need to be able to search for and extract all documents from SPO in bulk so we transfer them

@GarethDoherty1985 3 месяца назад

@@Academy365-Dan we are a housing association which can buy and sell our housing stock. When we sell stock we need to search for and extract all documents in SPO related to specific houses and customers etc. so being able to bulk download the search results would be great.

@KasperBoLarsen 2 месяца назад

We have had that request with the PnP Modern search project a few times, but nobody has added it yet.

@TheLucas23000 8 месяцев назад

What should I do if I don't have access to the SharePoint Admin Center?

@Academy365-Dan 8 месяцев назад

Hey Lucas! I'm afraid access to the admin centre (or access to somebody who does have access to it) is a must for this specific tutorial. A coffee and a conversation is generally a good start!

@TheLucas23000 8 месяцев назад

@@Academy365-Dan Thank you so much !!!

@KasperBoLarsen 2 месяца назад

Hi Dan, As you probably know the PnP Modern search web parts can be installed on a Site Collection so perhaps the SharePoint admin access isn't necessary? The mapping can be done at the Site Collection level too 😊