Skip to main content

New Online Experience Migration

This article outlines the required steps your organization should complete before migrating from the legacy customer portal/member app to the new online experience.

Angel Horowitz avatar
Written by Angel Horowitz
Updated over a week ago

📣 Important Sunsetting Notice

As of March 4 2026 we will no longer be supporting the old member UI.
To ensure a smooth transition and get help with setup and the benefits of the new experience, you can schedule a call with an onboarding specialist here:


📝 Overview

The new online experience replaces the legacy member app with a modern, streamlined customer portal designed to improve registration, account management, and overall usability.

This article focuses on the critical setup steps that must be completed ahead of time to ensure your customers can successfully transition.

💡 If you are not yet familiar with how the new experience looks or functions, we recommend reviewing the updated navigation guide first:


🏢 Company Settings

These settings are configured at the company level and should be reviewed before migrating to the new online experience.

🔑 Enable the New Online Experience

Click the arrow to learn how to enable the new experience

  1. Navigate to Company Settings.

  2. Select Member App.

  3. Toggle Enable New Dash Member Experience ON.

  4. Changes on this page save automatically once toggled.

⚠️ Once enabled, this setting cannot be turned off.

🎨 Review Branding Settings

Click the arrow to review branding requirements

🖼️ Logo Image

Click the arrow to review logo sizing recommendations

  1. Upload a landscape-oriented logo image.

  2. Use recommended dimensions between 300×50 pixels and 300×150 pixels.

  3. Host the logo online, such as on your website or an image-hosting service.

  4. Paste the image URL into the Logo field.

ℹ️ Logos outside these dimensions may appear stretched or cropped.

📸 Online View Example

This is how your logo appears at the top of the customer portal once applied.

🌄 Login Background Image

Click the arrow to review background image requirements

  1. Upload a background image with a minimum resolution of 1920×1080 pixels.

  2. Use a high-quality image to avoid distortion on larger screens.

  3. Be aware that the background image:

    • Scales to fill the entire browser window

    • May be cropped depending on screen size

    • Displays on desktop only

ℹ️ On mobile devices, brand colors are used instead of the background image.

📸 Online View Example

This is how the background image appears on the desktop login screen and a mobile view.

Desktop View

Mobile View

🎯 Brand Colors

Click the arrow to review brand color settings

  1. Select your primary and secondary brand colors.

  2. Preview how colors appear on buttons, links, and highlights.

  3. Adjust colors as needed for contrast and readability.

ℹ️ Brand color updates save automatically and apply across desktop and mobile views.

📸 Online View Example


This is how your selected brand colors appear throughout the customer portal.

🗓️ Drop In Event Visibility

Click the arrow to review Drop In settings

  1. From the Company Settings < Member App section, locate the Drop In Events setting.

  2. Review whether Drop In Events are enabled.

If Drop In Events are enabled:

  • Per session events will appear in the Drop In section online.

If you want per session events to appear only on the Register page:

  • Turn Drop In view OFF.

ℹ️ Changes save automatically when updated.

📸 Online View Example


This is how the Drop In tab appears in the customer portal when Drop In Events are enabled. Customers will see this tab alongside other navigation options and can browse individual session based events from this view.

⚧️ Enable Nonbinary Gender Registration

Click the arrow to learn about gender settings

This is an optional setting that you can choose to enable based on your organization’s needs.

  1. From the Company Settings < Member App section, locate the Registration section.

  2. Enable Nonbinary Gender Options if you want to allow customers to register without gender based restrictions.

ℹ️ This setting saves automatically when updated.

If this option is left disabled, your existing gender requirements and registration behavior will remain unchanged.

💳 Credit Card Storage Option

Click the arrow to review credit card storage settings

This is an optional setting that allows customers to choose whether their credit card information is stored for future use during online checkout.

  1. Navigate to Company Settings.

  2. Select Member App.

  3. Scroll to the Billing section.

  4. Enable Allow user to opt-out of storing card at online checkout if you want to give customers this choice.

ℹ️ Changes save automatically when updated.

If this option is enabled, customers will see a choice during checkout to opt out of saving their credit card on file.

If this option remains disabled, credit card information will continue to be stored according to your current checkout behavior.


🧩 Program and Registration Setup

These settings control how programs appear and register online and are configured outside of Company Settings.

Click the arrow to review program requirements

  1. Confirm Program Types intended for online registration have Online enabled.

  2. Verify Team Management is enabled for team based programs.

  3. Add images to programs and levels where applicable.

  4. Review level descriptions to ensure they are clear and customer friendly.

📌 The Program Tree is not supported in the new experience. Customers will register through the Register page.

📸 Online View Example


This is what customers see when they select Register in the customer portal. Programs display as tiles with images, descriptions, and a View button, allowing customers to browse available offerings and begin registration.

📣 Need help with program structure?


If you need assistance setting up Program Types, assigning them to Seasons, or organizing Levels, review the Program Types guide before continuing:


🎟️ Products and Purchase Options

Click the arrow to review available purchase options

These settings control which items customers can purchase online.

  1. Navigate to Integrations and Add Ons.

  2. Review Memberships, Passes, and Gift Cards.

  3. Toggle off any options you do not offer so they do not appear online.

ℹ️ Updates save automatically as changes are made.


📌 What Changed in the New Customer Portal

Understanding these changes will help you prepare customers for the transition.

🧱 Program Display

Click the arrow to learn how programs are displayed

  1. Programs appear as tiles rather than in a program tree.

  2. Season filters such as Time of Year are available to customers online.

📝 Content and Descriptions

Click the arrow to learn how content and images are displayed

Program details and images displayed online are pulled from multiple areas in the software. Reviewing these settings ensures programs appear correctly and attractively in the customer portal.

🖼️ Program Photos

You can add images at several levels, depending on how specific you want the visual to be:

  • Program image

    • Displays when no more specific image is available.

  • Season image

    • Overrides the Program image for that season.

  • Level image

    • Displays when customers view a specific level.

  • Group/Roster image

    • Displays for individual class or session details.

✍️ The system uses the most specific image available, prioritizing Roster, then Level, then Season, then Program.

📝 Descriptions

Descriptions are also pulled from different levels and should be reviewed for accuracy and clarity:

  • Program descriptions introduce the overall offering.

  • Season descriptions provide timeframe or seasonal context.

  • Level descriptions are most commonly displayed online and should be written for customers.

  • Class descriptions apply to individual sessions or meetings.

ℹ️ When available, Level descriptions are the primary source shown to customers during registration.

🧭 Optional Tabs and Views

Click the arrow to learn how to control optional tabs

You can choose whether certain tabs appear in the customer portal, such as Calendar and Leagues. These settings are controlled from Company Settings.

  1. Navigate to Company Settings.

  2. Select Member App.

  3. Review the following toggle options:

    • Display facility calendar

      • Toggle OFF to hide the Calendar tab in the customer portal.

    • Display leagues

      • Toggle OFF to hide the Leagues tab in the customer portal.

ℹ️ Changes save automatically when updated.

📸 Online View Example


When enabled, customers will see Calendar and Leagues in the left navigation and on the dashboard. When disabled, these tabs are hidden from the customer portal view.


​📣 Communicating With Customers

Click the arrow to learn best practices for customer communication

Notify customers ahead of time and explain:

  • What is changing

  • When the old experience will be sunset

  • Where to get help


🔍 Final Checks and Important Notes

Review the following items before directing customers to the new online experience.

🔒 New Experience Toggle Behavior

Click the arrow to learn how the toggle works

The new online experience can be turned on, but cannot be turned off once enabled.

We recommend completing all setup steps and testing the customer portal before enabling this setting for customers.

🔗 Update Website and Marketing Links

Click the arrow to learn which links should be updated

Any links on your website, emails, or saved bookmarks should be updated to point to supported destinations in the new experience.

Use links that reference:

  • Program ID

  • Level ID

  • Group or Roster ID

⚠️ Season IDs are no longer used for customer-facing navigation.

Updating links ensures customers land on the correct registration page.

🚫 Program Finder Availability

Click the arrow to learn about Program Finder

The Program Finder feature is not available in the new customer portal.

Customers should be directed to the Register page to browse programs and complete registration.

⚠️ Invalid Token Messages

Click the arrow to learn what Invalid Token messages mean

If you see an “Invalid Token” message when opening links or loading the customer portal:

  • Take note of where the message appears

  • Let our team know so it can be investigated

This usually indicates an outdated or unsupported link.

📰 Location News Availability

Click the arrow to learn about Location News

The Location News section is not available in the new customer portal.

If you previously used Location News to share updates, consider alternative communication options such as:

  • Website announcements

  • Customer emails

  • Other customer-facing messaging tools


💡 Pro Tips

  • 🧪 Test before launch - Preview the portal before directing customers to it.

  • 🖼️ Add at least one image - Upload a Program or Season image so listings are not text-only.

  • 📣 Reinforce optional features - Explain that Drop In, Calendar, Leagues, and payment storage options are configurable.


❓ Frequently Asked Questions (FAQs)

Find answers to common questions or additional details that may not be covered in the main instructions.

Click the arrow to view frequently asked questions

Can the new experience be turned off once enabled?

Click the arrow to see the answer

No. Once enabled, it cannot be disabled.

I’d rather customers register for per-session events and camps through Register. Can I remove the Drop In tab?

Click the arrow to see the answer

Yes. The Drop In tab is optional and can be turned off from Company Settings.

When the Drop In tab is disabled:

  • Per-session events and camps will still be available to customers

  • Registration will take place through the Register page instead

  • The Drop In tab will no longer appear in the customer portal

This allows you to control how customers browse and register for session-based programs.

I uploaded an image, but it’s not showing online. Why?

Click the arrow to see the answer

The customer portal uses the most specific image available. Check for images added at the Class, Level, Season, and Program levels, in that order.

If a more specific image exists, it will override images added at higher levels.

Where can I send customers to learn how to navigate the new portal?

Click the arrow to see the answer

Direct customers to the Customer Portal Navigation Overview article.

Did this answer your question?