Your Branded Site’s Main Menu: What Those Header/Navigation Links Mean

Your website’s top navigation — also known as the header or navigation menu — helps visitors quickly find your most important pages. Union includes a default set of menu links, and you can always customize them to better fit your studio or business.

Here's the default header items you'll see on your branded site. Let's take a deeper look at what these mean and what each page looks like in comparison to your Union site!


The Upcoming page is where customers can see all of your upcoming classes.

Union Site

Branded Site


The Events page is where customer's can view all of your events from a more general view.

Union Site

Branded Site


If your customers would like to see a Calendar view, this will be available as a default item.

Union Site

Branded Site


Your Replay library will also be available on the default branded site navigation! The label here is based on your Union Settings.

Union Site

Branded Site


Union offers a default Passes page where your customers can view and purchase any pass type visible on this page.

Union Site

Branded Site


You have a default About page that can help customers learn more about you and your business along with how they can get in touch with you!

Union Site

Branded Site


🔍 The default HTML for these links looks like this:

<li class="nav-item"><a class="nav-link" href="/">Upcoming</a></li>
<li class="nav-item"><a class="nav-link" href="/events">Events</a></li>
<li class="nav-item"><a class="nav-link" href="/calendar">Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="/replays">{{ org.config.replays_label }}</a></li>
<li class="nav-item"><a class="nav-link" href="/passes">Passes</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About</a></li>

Want to Add Your Own Links?

You can link to internal Union Branded pages like your /pricing page or external sites like your blog. Here’s an example if you'd like to use your websites pricing page:

<li class="nav-item"><a class="nav-link" href="https://yourwebsitespricingpage.com">Rates & Memberships</a></li>

For more insight on how to customize your branded site's header/navigation bar, visit out support article here.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.