Menus

Menus define how members navigate your program website and mobile app. Primary menu items appear in the top navigation bar and bottom app tab bar; Secondary menu items appear in the sidebar-style secondary navigation on the member site.

Each menu item has a label, destination page, status, and display order. Primary items also require an icon and can be highlighted in the mobile app.

Overview

From Content → Menus you can:

• Build primary navigation — up to 11 top-level items (including the add slot; creation is disabled after 10 items exist)
• Build secondary navigation — unlimited sidebar links
• Link destinations — system pages, custom Pages, Blog listings, and Rewards Catalog views
• Reorder items by drag-and-drop, then Save Order
• Preview primary items as a top bar and bottom tab bar; preview secondary items as a sidebar list

Tabs on the Menus page

Where to find it

• Route: /menus/{programId}
• Side navigation: Content → Menus

Primary menu icons and labels also feed the Menu Bar header component in Design Studio. Secondary items appear where your theme renders the secondary menu layout.

Prerequisites

• An open program with program administrator access
• Editor role (or higher) — required to create, edit, delete, and reorder menu items
• Destinations must exist before linking:
  • Custom Page — Pages with Active status
  • Blog — Articles → Blogs tab
  • Reward Catalogue — Rewards Catalog
• For primary items, choose an icon from the icon selector (required)

Primary menu

Primary items display as cards in a horizontal row. Each card shows Status, Menu Label, and a chip for the linked destination.

Preview

• Top bar — simulates desktop header navigation
• Bottom navigation — simulates the mobile app tab bar with icons

Drag cards to reorder, then click Save Order.

Create a primary menu item

1. Open Content → Menus → Primary tab.
2. Click + on the add card (disabled when 10 items already exist).
3. Enter Menu Label.
4. Choose Page from the grouped dropdown (see Page destinations).
5. If you chose Blog or Reward Catalogue, select the specific blog or catalogue.
6. Set Status (Active or Inactive).
7. Optionally enable Highlight in App to emphasize this tab in the mobile app.
8. Click the icon area and pick an icon (required).
9. Click Save.

Edit, reorder, or delete

• Edit — Card menu → Edit, or open the dialog from the list.
• Reorder — Drag cards, then Save Order.
• Delete — Card menu → Delete → confirm (disabled on demo programs).

Secondary menu

Secondary items use the same destination options as primary (with one difference—see Page destinations). There is no item limit.

The preview shows a vertical sidebar list. Drag to reorder, then Save Order.

Create a secondary menu item

1. Open the Secondary tab → +.
2. Enter Menu Label, choose Page, set Status, and click Save.

Secondary items do not use the icon picker or Highlight in App option.

Page destinations

The Page dropdown groups destinations into three sections:

System Pages

Pages

Lists every custom page from Content → Pages. Selecting a page stores it as a Custom Page destination using that page’s assigned template.

Dynamic Content

Only Active pages and blogs should be linked for production menus. Inactive menu items are hidden from navigation regardless of destination status.

Step-by-step: wire up a new program section

Example: add a “Resources” custom page to primary navigation.

1. Create the page in Pages with Active status and the correct template.
2. Open Menus → Primary → +.
3. Set Menu Label to “Resources”.
4. Under Pages, select your new page.
5. Pick an icon, set Active, click Save.
6. Drag the card to the desired position → Save Order.
7. Open Design Studio and confirm the Menu Bar component is on your header template.
8. Preview the live site from Design Studio (Site button) or your program URL.

How menus interact with Design Studio and pages

When a member clicks a Custom Page menu item, the site loads that page record using the template selected on the Template tab in Pages. System and dynamic destinations load their fixed templates (Home, Claims, Articles, Rewards, etc.) configured in Design Studio.

Tips and limitations

• Editor role required — Observers can view menus but cannot save changes.
• Primary limit — Maximum 10 primary menu items; plan navigation accordingly.
• Secondary unlimited — Use secondary navigation for deep links, admin-only sections, or less prominent pages.
• Icon required (primary) — Saving a primary item without an icon shows a validation message.
• Save order separately — Drag-and-drop order is not persisted until you click Save Order.
• Quizzes in secondary — The Quizzes system page appears in primary destinations only; use a custom page or primary link for quiz access from secondary nav if needed.
• Demo programs — Create, save, delete, and reorder are disabled on demo programs.
• Inactive items — Hide seasonal links by setting Inactive instead of deleting.

Related

• Pages — Custom page content linked from menu items
• Articles — Blogs linked as dynamic menu destinations
• Design Studio — Menu Bar header component and page templates
• Rewards Catalog — Catalogue picker for dynamic menu items
• Claims — Offers system page
• Quizzes — Quizzes system page