Blog post: 1 minute read
One reason why I love the modern page experience is how quickly you can build out beautiful content in SharePoint as a Power User! In this post, I’ll show how to leverage modern web parts to build modern pages for your company office locations. Show them all together on one page using the Highlighted Content web part and in as much time as it takes for search to crawl your pages, you’ve built a company-wide office locations page with map images linked to each location… quick, easy, modern, responsive, awesome!
Tip: When building modern pages in SharePoint, always do a bottom-up design. Build all detail pages first, followed by the summarized, top-level page. This is so you have detail pages to link to when you build the top-level page!
- Build a modern page for one of your office locations. Some great modern web parts to include on your location page to make it visually appealing are:
- Web parts:
- Bing maps: specify the office location to render the geo-location. Don’t forget to customize the Pin label to include the floor or any other information relevant to your location. You have 4 “view types” to pick from: Road, Aerial, Bird’s eye, and Streetside.
- People: specify office manager, office contact(s), etc.
- Text: include office hours, phone #, etc.
- Weather: relatively new web part to specify the office location for local weather
Use your creative side to come up with a visually appealing location page. Mine is below!
- Update the title on the location page with a standard name to include something we’ll later filter on. For example, title them all ‘locationname Region’. Save and publish the page.
- Build remaining office location pages by clicking ‘New… Copy of this page’ while on the above page. This way, you will build a consistent look to all of your pages. Name each one ‘locationname Region’ for the location you’re building it for.
- When all location pages are built and published, build one final summary modern page for your company-wide office locations with a Highlighted Content web part on it. The web part will target all pages in the site and filter on pages with a title containing the word ‘Region’ to show all company-wide location pages (substitute ‘Region’ for whatever word you’re filtering on).
- Once the modern pages for your office locations have been indexed by the search crawler, they will start to appear in the Highlighted Content web part on your company-wide locations page as shown below… done!
This is reliant on the title property of your pages which is certainly not the perfect solution. If someone builds another page that isn’t a location page but also has the word ‘Region’ in the title, it will also be displayed in the above web part. Due to this, you will have to manually govern the page titles on your site. In a well-governed SharePoint site, this is a reasonable expectation.
Once the ability to tag modern pages comes to the modern page UI (Q3 2018), that will provide another way to group together your Office location pages onto one page. Until then… this is a simple, quick way to build a company-wide office location page without it.
Thanks for reading.