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.