How to Display List of All Subsites in Modern SharePoint Online Site?

Requirement: Display a list of subsites in SharePoint Online.

How to View Subsites in SharePoint Online Site Collection?

In SharePoint Online, when you want to view all the subsites under a site collection, there is no native way to do this (Although you can get all immediate subsites of a site from the “Site contents” page). However, there are some workarounds that you can use. In this blog post, we will show you how to display all subsites of the site collection with the help of Highlighted content web part.

In classic experience, We use the “Content Search” web part with the query “path:https://yoursitecollURL contentclass:STS_Web” to show all subsites in a site collection. In modern experience, we can use the “Highlighted content” web part to achieve the same. 

• Edit your modern page where you would like to display a list of subsites and add the “Highlighted content” web part to it.

  

    Edit the web part properties as below:

  1. Set the Highlighted content web part to the “Filter” Option.
  2. Under the “Content” group, set the Source to “This site collection”, set the Type to “All”, and “Document type” to “Any”.

     

  3. Under “Filter and sort”, Set the “Filter” to “Managed Property”, search and find the managed property “contentclass” and then Set the “Managed property name” to “ContentClass” Equals “STS_Web”.

     

  4. Set the “Layout” to “List” (or whatever you prefer!)

This gives a list of all subsites in a SharePoint Online site.

Please note, both the content search web part and highlighted content web part gets the data from the SharePoint Online search index only. So, the results rendered in these web parts may not be up-to-date! You may have to wait until the search index happens to get a list of subsites in SharePoint Online modern pages. Also, as the search results are security trimmed, If a user doesn’t have access to a subsite, he won’t see it in the list of subsites.