Use Search Banner to help employees find Forms and Templates right at the top of the page.
Look for this web part to add it to your page (we recommend adding the web part into the Full-Width section for best look):
Configuring search
When you first add the Search Banner, go to web part properties and click on the button titled Add/Remove Source Libraries as shown below:
Now, you can set one or more libraries from current or another site, like this
Example URL format: https://contoso.sharepoint.com/sites/Intranet/Shared%20Documents
Users must have access to the site which you’ve picked to pull data from.
If your libraries have folders, they will show up below the search box like this:
You can add files directly to the root of the chosen document library or to the corresponding folder.
Search Banner will automatically pick up files for your employees to find.
Group documents by a metadata or a view
Available in Search Banner version Jan 6, 2025
Not only you can group documents by folder, you can group them by library views:
This means you can create a regular SharePoint view with any filters you desire and use URL of that view as a data source.
Here is a 2-min video showing how you can create a custom view to filter documents based on a defined metadata tag.
Configuring Library Views - Watch Video
Styling your banner
You can chose what welcome message shows up in the banner by setting Banner Heading web part property:
To set the searchbox placeholder text, change the Searchbox Prompt web part property:
To change the background color or a gradient, update the properties below:
You can resize the height of the banner by changing the Banner Height web part property:
You can change the background and the height of the banner along with colors of category buttons like this:
Do you have more than 5,000 documents in your library?
Due to limits in SharePoint Online, if you have more than 5,000 items in your document library you’ll have to split them in separate libraries for the Search Banner to pick them up.
What image resolution is best for carousel images?
See this guidance on what images are best for the carousel: Why images in carousels look different depending on screen resolution?