Footer widget

Renders your community's branded footer on any page of your own landing — the same footer the Cobuntu community app shows (brand block, an Explore column that mirrors your nav, social links, and a "Powered by Cobuntu" bar). It reads your community's config (the same storefrontConfig.nav.items your header uses), so the footer's links stay in lock-step with the rest of your site with zero duplication.

Solves the gap where pages you serve yourself (a custom /marketplace, a bespoke home page) have no footer, or a hand-built one that drifts out of sync with the community app.

Install

<!-- where the footer should appear (typically last in <body>) -->
<div data-cobuntu-footer data-tag="<community-tag>"></div>
 
<!-- alongside the other widget scripts -->
<script src="/widgets/v1/footer.js" async></script>

The widget renders the full <footer> as a child of the mount after it hydrates — it owns everything inside the data-cobuntu-footer element.

What it renders

Brand block — your community icon + name (links to /hub) and your social links.
Explore column — Home plus every entry in your nav, resolved and gated exactly like your header (see below).
Bottom bar — copyright + "Powered by Cobuntu".

Theming

By default the footer themes itself from your community's theme (the same background / text / brand / link colors and fonts you set in Cobuntu Studio), so it matches the rest of your site with no extra CSS.

To override individual tokens for pixel parity with a bespoke palette, set any of these CSS variables on (or above) the mount:

Variable	Controls
`--cobuntu-footer-bg`	Footer background
`--cobuntu-footer-text`	Body text color
`--cobuntu-footer-brand`	Column headings / accents
`--cobuntu-footer-link`	Link hover color
`--cobuntu-footer-heading-font`	Brand name font
`--cobuntu-footer-body-font`	Body font
`--cobuntu-footer-max-width`	Content max-width

Any variable you set yourself wins over the value from your community config.

Link resolution & gates (matches your header/footer exactly)

The Explore column mirrors your nav:

Built-in pages (Feed, Marketplace, Events, Members, Blog, Atlas) appear only when the page is enabled and visible to the viewer — a page set to members-only shows only to your ACCEPTED members.
Custom links you've added to your nav pass through as-is, subject to their own visibility rule:

Visibility	Shown to
Public (default)	Everyone
Logged-in	Any signed-in visitor
Members only	Signed in and an ACCEPTED member

PENDING / REJECTED members do not see members-only entries.

Data attributes

Attribute	Values	Default
`data-tag`	community tag string	required

Refresh

The footer polls every 60s (paused while the tab is hidden) so a freshly-approved membership reveals members-only links without a reload. To refresh immediately:

window.CobuntuFooter = {
  refresh(): Promise<void>,
};

Versioning

v1 renders a single Explore column (built-in nav + custom links, flattening any dropdowns). Available from @cobuntu/widgets 0.14.0.

Menu Overview