Customize your Union Branded Site Navigation Bar

If you'd like to add other Union pages to your navigation, we've put together a quick list for you to refer to. We've also included the full line if you would prefer to copy and paste it into your branded template and your website (ie Squarespace). Please know you can change the display name to meet the needs of your business. Below, we're using the default language you may see in Union. Here's how we mean:

The default for Union's upcoming class schedule is called, Upcoming.

The default branded header template will look something like this:

Let's say you want to change Upcoming to Classes. You can easily change the text in your template like this:

Once you click save, click Save, you can click your branded site link at the top to see the adjustment.

With the text change added, your branded site will look like this:

For a more detailed outline Unions default navigation menu, please visit our support article here.

FAQ Union Page Links

You can personalize your site’s navigation menu by adding links to built-in Union pages like Teachers, Playlists, and Gift Cards. Below are some frequently requested pages that may not be visible in your default branded site setup.

Note: Your navigation may look different depending on your site’s layout, font choices, or custom styling. The examples below are simply meant to show what’s possible—not what’s required.

Playlists Page

If you would like to access your Playlists page, you can use /playlists in your html header. Below is the exact code you can include. If you would like to change the header name, simple change the text where it says, Playlists, to whatever is best for your business.

<li class="nav-item"><a class="nav-link" href="/playlists">Playlists</a></li>

Union's Teacher Page

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>

Union's Gift Card Page

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>

Union's Appointment Page

To access the Appointments page you'll want to use this, /appointments . Here's the exact code:

<li class="nav-item"><a class="nav-link" href="/appointments">Appointments</a></li>

Union's Courses Page

To access the Courses page you'll want to use this, /courses . Here's the exact code:

<li class="nav-item"><a class="nav-link" href="/courses">Courses</a></li>