Bonzai 2 - Modern SharePoint Intranet

ExtensionApplication Customizer

This is an Application Customizer

Footer runs site-wide in the bottom placeholder. You don't add it to individual pages — once activated, it appears on every page in your site collection.

Footer is hidden on Site Contents and list/library admin pages

Footer intentionally does not render on SharePoint system surfaces like Site Contents and modern list/library experiences (including list settings / list editor views). This prevents layout issues in administrative and shell pages.

Two-step activation required

After uploading the Bonzai 2 package to your App Catalog, you must also add the Bonzai app to each site where you want to use Footer. Go to Site Contents → New → App → Bonzai 2.

Theme Manager integration

Footer colors, logo, section title formatting, column separators, and feedback layout controls are configured in Theme Manager → Footer Branding. Changes apply immediately.

Required Step if Apps Are Blocked

If "Apps you can add" is empty due to tenant policy, you must register the Footer Application Customizer in the Tenant Wide Extensions list to activate the footer.

Open the App Catalog site: https://<tenant>.sharepoint.com/sites/appcatalog
Go to Site Contents → Tenant Wide Extensions
Click New → Application Customizer
Fill in the fields below and click Save

Title: Bonzai Footer
Component Id: b6c8c5d2-2a6d-4f44-9d67-2b9a9a3b9f42
Location: ClientSideExtension.ApplicationCustomizer
Component Properties:
{"footerListName":"FooterNavigation","feedbackListName":"FooterFeedback"}
Sequence: 110 (optional)
Web Template / List Template / Host Properties: leave blank

Get Footer Working in 4 Steps

30-45 minutes

Prerequisites

Bonzai 2 package (.sppkg) uploaded to your tenant App Catalog
Site Collection Administrator permissions on your target site
FooterNavigation list created (see schema below)

Create the FooterNavigation list

Create a SharePoint list named "FooterNavigation" with the required columns.

Add footer items

Create Link items in sections, plus one Feedback item and one Meta item.

Add the Bonzai app to your site

Go to Site Contents → New → App, then add the Bonzai 2 app.

Verify and brand

Refresh your site to confirm the footer appears, then set Footer Branding in Theme Manager.

When to Use This Web Part

Use this when you need to...

Add global footer navigation across all pages
Provide quick links to policies, help, and resources
Capture feedback via a simple form in the footer
Show company branding and copyright information

Best page locations

Intranet home sites
Communication sites
Multi-site deployments — share one footer across subsites
Sites with common navigation and support links

Consider alternatives when...

• Per-page navigation — use Advanced Links instead
• Complex forms — use a full feedback web part or form

Related web parts:

Advanced Links — page-specific links and tilesMega Menu — primary header navigation

Footer Layout

Link Columns: Organized by Section with sortable links
Feedback Column: Optional feedback area (can be a textarea + submit, or a redirect button)
Meta Row: Optional copyright text

New: Feedback controls in Theme Manager

In Theme Manager → Footer Branding you can:

Show/hide the entire feedback section
Adjust textarea height (2–10 lines)
Replace the textarea + submit with a redirect button (set label + URL)

New: Footer branding controls in Theme Manager

In Theme Manager → Footer Branding you can also:

Scale the footer logo (50%–200%)
Format section titles (bold/italic/underline + font size)
Control footer text colors (base text, section title color, and item/link text color)
Show/hide column separators between footer columns

List Schema

Default list name: FooterNavigation

Column	Type	Required	Description
Title	Single line of text	Yes	Link text or meta label
Section	Single line of text	No	Column heading for link groups
SectionOrder	Number	No	Position of this link's section (use the same value for all links in a section)
LinkOrder	Number	No	Position of this link within its section
Url	Hyperlink	No	Link destination for Link items
OpenInNewTab	Yes/No	No	Open link in a new tab
ItemType	Choice	No	Link, Feedback, or Meta
Description	Multiple lines	No	Feedback or meta text
ButtonText	Single line of text	No	Feedback button label
ButtonUrl	Hyperlink	No	Feedback button destination

Item Types

Link: Standard footer links grouped by Section. Sorted by SectionOrder, then LinkOrder, then Title.
Feedback: Renders the feedback column. The item's Section value becomes the column heading (falls back to a default label). Description is shown above the input, and ButtonText is the submit button label. By default the column shows a textarea plus a submit button that writes a new item to the FooterFeedback list; if ButtonUrl is set, the user is redirected there after a successful submission.
Meta: Footer meta text (typically copyright). The meta row text is pulled from Description and falls back to Title. If no Meta item exists, a default Copyright {year} {site} | All Rights Reserved string is shown.

Feedback has two rendering modes

The feedback column can be rendered two ways:

Textarea + submit (default): Writes the submitted text to the FooterFeedback list on the current site, then optionally redirects to the Feedback item's ButtonUrl.
Redirect-only button: Enable Replace textarea with redirect button in Theme Manager → Footer Branding and set a label + URL. The button is a simple link — no list write occurs.

Step-by-Step Setup

Create the FooterNavigation list

Go to Site Contents → New → List. Name it "FooterNavigation".

Add sections and links

Create Link items with Section, SectionOrder, LinkOrder, Title, and Url.

Add feedback item (optional)

Add one item with ItemType = Feedback, plus Description, ButtonText, and ButtonUrl.

Add meta item (optional)

Add one item with ItemType = Meta to display copyright or support text.

Activate the Footer extension

Add the Bonzai 2 app to the site (Site Contents → New → App).

Best Practices

Use consistent ordering

Use increments of 10 for SectionOrder and LinkOrder so it is easy to insert new items later.

Keep feedback simple

The feedback area is designed for short comments that route to a URL or form. For longer forms, link to a full page.

Footer is non-sticky

Footer renders inside the content scroll region and avoids sticky overlap by design.

Multi-Site Deployments (Shared Navigation)

If you have multiple sites or subsites that should share the same footer, you do not need to create a FooterNavigation list on each subsite. Use Theme Manager's Navigation Source Site URL to point all subsites to a single root site that holds the footer navigation list.

Set up shared footer in Theme Manager

On each subsite, open Theme Manager and enter the root site URL (e.g., https://tenant.sharepoint.com/sites/intranet) in the "Navigation Source Site URL" field. Save with "Persist to Site" enabled. The footer will fetch its navigation list from that root site.

Feedback stays local

Even when navigation is sourced from another site, the footer feedback form always submits to the current site's FooterFeedback list. This ensures feedback is collected per-site.

Troubleshooting

Still need help? Contact Bonzai Support

Reference

Extension Properties

Property	Type	Default	Description
`footerListName`	Text	FooterNavigation	Name of the SharePoint list containing footer items (read from Navigation Source site if set in Theme Manager, otherwise from the current site)
`feedbackListName`	Text	FooterFeedback	Name of the SharePoint list where feedback submissions are stored (auto-created on the current site on first submit if missing)

FooterFeedback List Schema (auto-created)

On the first feedback submission, the extension creates the FooterFeedback list on the current site (not the Navigation Source site) and provisions the columns below. Each submission becomes one list item.

Column	Type	Description
Title	Single line of text	Set to the current page title (or "Footer Feedback" if empty)
FeedbackText	Multiple lines of text (plain)	The submitted feedback text
PageUrl	Single line of text (max 2048)	URL of the page the feedback was submitted from
PageTitle	Single line of text (max 255)	Title of the page
SubmittedBy	Single line of text (max 255)	Display name of the submitter
SubmittedByEmail	Single line of text (max 255)	Email of the submitter

Verify navigation lists from Theme Manager

When configuring Navigation Source Site URL, Theme Manager shows a live status indicator for both theMegaMenuNavigation and FooterNavigation lists at the target site (found / missing, and the item count). Use this to confirm your shared source site is wired up correctly before saving.