Skip to main content

Creating Header Links on the Member Portal

Customize Your Member Portal Navigation Menu

Written by Ashley Owens

INTRODUCTION

Feature Summary: Add links or drop-down menus to your member portal navigation to reflect your organization's facilities and promote seasonal offerings.

Use Cases:

  • Add custom links to highlight seasonal programs or promotions

  • Remove or reorder menu items to match your organization's available facilities

  • Create drop-down menus to group related portal pages


Visual Example:


PREREQUISITES

Know how to create a member portal page with rows.


NAVIGATION

  1. Log in to the admin panel.

  2. Navigate to Settings > Portal Settings in the side menu.

  3. Click the Website icon. A new page displays.

  4. Click the Menu tab.

  5. Click the Create Header Link button.


Creating a Drop-Down Menu

In this scenario, a system user creates a header link that contains a drop-down menu. The drop-down menu links to event filters created by the system user.

  1. In the popup window, enter a name in the Link Display Text field.

  2. Leave the Link URL field blank.

  3. The default setting for Display Type is All website visitors. To change it, click the drop-down and select Anonymous Users Only (visitors who are not logged in) or Logged In Users Only.

  4. Click Save.

CourtReserve adds the heading to the member portal menu. Because the Link URL field was left blank, the heading will not be clickable — add sub-links to populate the drop-down.

CourtReserve adds the header link to the menu table. The table row displays a plus (+) icon.

Gathering Links for Sub-Links

Sub-link URLs can come from several sources:

  • An external website URL

  • A custom page built in the Page Builder tab — locate the page and click Copy URL

  • An event filter URL — go to the Event Filters tab, locate the filter, and click Copy URL

Note: In this example, the sub-link uses an event filter configured to display all Junior Camp events for the upcoming summer.

Add Sub-Link(s)

  1. Click the Menu tab. Go to the new header link and click Create Sub-Link.

  2. In the popup window, enter text in the Link Display Text field.

  3. Paste the custom page URL into the Link URL field.

  4. Confirm the Display Type setting.

  5. Click Save.

Repeat the previous steps to add more sub-links to the drop-down menu.


CourtReserve adds the sub-links to the header link drop-down. Example shown here with two sub-links:


Creating a Single Link

In this scenario, a system user creates a header link that navigates directly to a URL.

  1. In the popup window, enter a name in the Link Display Text field.

  2. Enter the destination URL in the Link URL field.

  3. The default setting for Display Type is All website visitors. To change it, click the drop-down and select Anonymous Users Only (visitors who are not logged in) or Logged In Users Only.

  4. Click Save.

CourtReserve adds the link to the member portal menu.


Changing the Menu Order

System users can customize the order in which header links display on the member portal menu.

  1. Click the Menu tab, then click Sort Menu.

  2. On the next page, drag and drop links to reorder them.

  3. Click Save Changes.

CourtReserve updates the menu order on the member portal.

Did this answer your question?