Page Recipes
Home Page Recipe
Build a complete intranet homepage with featured content, news, favourites, and quick access widgets.
Essential5 Web Parts30-60 min (first time)
Overview
This recipe creates an intranet homepage with featured spotlight content, favourite sites and documents for quick access, and a theme manager for customization.
Prerequisites
Before following this recipe, you need:
- Bonzai 2 deployed to your tenant (see Installation Guide)
- A Communication Site created
- SharePoint lists created (Site Directory, Documents library)
- Content ready (pages with Showcase column, sites in directory)
Page Layout
Use this structure for your homepage:
Section 1: Full Width — Spotlight Rollup
Left (66%) — Favourite Sites
Right (33%) — Favourite Documents
Section 3: Full Width — Theme Manager (edit mode only)
Step-by-Step Setup
1
Create the Home Page
- Go to Site Contents → Site Pages → + New → Page
- Name the page "Home"
- Keep it as a draft until fully configured
2
Add Section 1: Spotlight Feature
Add a full-width section at the top of the page.
Add web part: Bonzai Spotlight Rollup
| Property | Value |
|---|---|
| Title | Featured Content |
| List Name | Site Pages |
| Showcase Filter | Spotlight |
| Items Per Page | 3 |
| Show Promoted Only | Yes |
| Title Icon | Lightbulb |
| Chrome Type | None |
Use Full Width layout for maximum visual impact
3
Add Section 2: Two Columns (66%/33%)
Add a two-column section below the spotlight.
Left Column: Bonzai Favourite Sites
| Property | Value |
|---|---|
| Title | My Sites |
| List Name | Site Directory |
| Showcase Value | Favorite |
| Show Description | Yes |
| Show Owner | Yes |
| Title Icon | FavoriteStar |
| Chrome Type | Title Only |
4
Add Favourite Documents to Right Column
Right Column: Bonzai Favourite Documents
| Property | Value |
|---|---|
| Title | My Documents |
| Library | Documents |
| Showcase Value | Favorite |
| Items to Show | 5 |
| Title Icon | FavoriteStar |
| Chrome Type | Title Only |
5
Add Section 3: Theme Manager
Add a full-width section at the bottom for the Theme Manager.
| Property | Value |
|---|---|
| Show in Edit Mode Only | Yes |
6
Set as Home Page and Publish
- Save and publish the page
- Go to Site Settings → Change Site Address or set via site navigation
- Set this page as the site home page
Optional: Add Important Messages
Consider adding an Important Messages web part at the very top of the page for emergency alerts and announcements that need immediate visibility.
Required SharePoint Lists
| List Name | Purpose |
|---|---|
| Site Pages | Source for Spotlight articles (built-in) |
| Site Directory | Sites for Favourite Sites web part |
| Documents | Library for Favourite Documents |
Final Checklist
- ☐ Spotlight Rollup showing featured content
- ☐ Favourite Sites displaying user bookmarks
- ☐ Favourite Documents showing quick access files
- ☐ Theme Manager available in edit mode
- ☐ Page set as site home page
- ☐ Page is responsive on mobile devices