Your Branded Site’s Main Menu: What Those Header Links Mean (and How to Customize Them)

Your website’s top navigation — also known as the header 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.

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

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

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

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

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

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!

🔍 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>

Other FAQ Union Page Links

If you'd like to add other Union pages to your navigation, we've put together a quick list for you to add!

If you would like to access your Teachers page, you can use /teachers in your html header. Below is the exact code you can include. If you would like to change the term, simple change the text, Teachers, to whatever is best for your business.

<li class="nav-item"><a class="nav-link" href="/teachers">Teachers</a></li>

If you would like to include your Gift Card page, you can use, /passes?filter=gift_cards. Here's the exact code:

<li class="nav-item"><a class="nav-link" href="/passes?filter=gift_cards">Gift Cards</a></li>