Website navigation: Overview

What's inside this article:


Basic information

This article describes the core navigation elements on Pangea websites. Your core website navigation may include the following elements:

  1. Action bar
  2. Primary navigation
  3. Sub navigations (optional)
  4. Footer navigation
  5. Follow us navigation
  6. Sharing navigation
  7. Live button (optional)



Action bar

The action bar contains buttons that open high-interest pages. It remains accessible at all times as visitors browse your site and is located as follows:

  • Desktop: In the site header.
  • Mobile: At the bottom of the screen, where it is easily accessible with the thumb.

The buttons in the action bar are uniquely configured for every site. To update your site's action bar, contact Pangea Customer Care.

The action bar may contain the Live button if this option is enabled for your site.



Primary navigation

The primary navigation offers a clear overview of your website structure, allowing visitors to quickly access key landing pages by topic. As visitors browse your website, the primary navigation remains accessible at all times via the ≡ (Menu) button.

Site admins can conveniently update the primary navigation from Pangea CMS. To get started, go to Settings > Navigation menu > Primary navigation.

For detailed information, see the following article:



Sub navigation

A sub navigation is a horizontal collection of links, which appears directly below the site header. These prominent links provide quick access to key pages.

Your website might have multiple sub navigations, with different links displayed on different pages. An individual sub navigation can be displayed on just one page or several pages. The following types of pages can display sub navigations:

  • Section (including your homepage)
  • Infopage

NOTE: Category pages do not display sub navigations. This includes Category pages with merged with Sections.

Site admins can conveniently create and update sub navigations from Pangea CMS. To get started, go to Settings > Navigation menu > Sub navigation.

For detailed information, see the following article:



Footer navigation

The footer navigation appears at the very bottom of every page on your website. This space typically provides links to Infopages that are not regularly updated (such as your "About" and "Contact us" pages). In the footer navigation, every item includes a title and a collection of links. Items are displayed as follows:

  • Mobile: Each item is an expander. Visitors can tap the title to reveal the links.
  • Desktop: All titles and links are directly visible.

Site admins can conveniently update the footer navigation from Pangea CMS. To get started, go to Settings > Navigation menu > Footer navigation.

For detailed information, see the following article:



Follow us navigation

The follow us navigation offers convenient access to your social media profiles and channels, as well as pages on your website where visitors can subscribe to different content. The follow us navigation appears:

  • In the primary navigation
  • In the footer navigation

When a visitor hits a follow button, the target URL for the button opens. The target URL might be an external social media profile or another page on your website. The link opens differently, depending on the type of link:

  • External links to other websites open in a new tab.
  • Internal links to your own website open in the same tab.

Configure your follow us navigation

The follow us navigation is uniquely configured for every website. You can include buttons for the profiles, channels, and pages that you want to highlight for visitors.

We can add buttons for the following external profiles and channels on request:

  • Facebook
  • Google News
  • Instagram
  • LinkedIn
  • My Video
  • My World
  • Reddit
  • SoundCloud
  • Telegram
  • Threads
  • Viber
  • WhatsApp
  • X (Twitter)
  • YouTube

We can also add buttons for the following pages on your website:

  • Podcast
  • RSS
  • Subscribe (newsletter page)

Contact Pangea Customer Care if you would like to update your follow us navigation. In your request, please mention:

  • Which buttons you would like to add / remove.
  • The target URL for each new button
  • The label in your local language for each new button. The default button labels (in English) are provided under "Localize follow buttons".
  • Your desired order for the buttons.

From the Site localization page in Pangea CMS, site admins can manage the localized labels for the "follow" buttons on each website.

All key names and global values are provided below:

Key nameGlobal value
Responsive.Social.FollowOnFacebookFollow us on Facebook
Responsive.Social.FollowOnGoogleNewsFollow us on Google News
Responsive.Social.FollowOnInstagramFollow us on Instagram
Responsive.Social.FollowOnLinkedInFollow us on LinkedIn
Responsive.Social.FollowOnMyWorldFollow us on My World
Responsive.Social.MyVideoFollow on My Video
Responsive.Social.FollowOnPodcastPodcast
Responsive.Social.FollowOnRedditFollow us on Reddit
Responsive.Social.FollowOnRSSRSS
Responsive.Social.FollowOnSoundCloudFollow us on SoundCloud
Responsive.Social.FollowOnSubscribeSubscribe
Responsive.Social.FollowOnTelegramFollow us on Telegram
Responsive.Social.FollowOnThreadsFollow us on Threads
Responsive.Social.FollowOnTwitterFollow us on Twitter
Responsive.Social.FollowOnViberFollow us on Viber
Responsive.Social.FollowOnWhatsAppFollow on WhatsApp
Responsive.Social.FollowOnWhatsAppDesktopFollow on WhatsApp
Responsive.Social.FollowOnYoutubeFollow us on YouTube

To learn how to access and use the Site localization page, see the following article:



Sharing navigation

The sharing navigation appears on content pages. It allows visitors to conveniently share your content. Using the sharing navigation, visitors can:

  • Copy the content URL to their clipboard.
  • Share content publicly through a social media account.
  • Share content privately with contacts through a messaging app.
  • Share content privately with contacts through email.

The sharing navigation behaves differently, depending on the viewing device.

On desktop:

The central Share button opens a curated list of buttons. This list is configured individually per site.

If a visitor clicks the button for a specific platform, a new popup browser window opens with the sharing interface for the platform. The URL for the current content is prefilled. Visitors can share the content or close the popup window. They are not navigated away from your website.

On mobile and tablet:

The central Share button opens the device's native share card (on devices and browsers that support this functionality). The share card provides access to all installed apps on the particular device that support content sharing.

Visitors can select an app to share the content or close the card. They are not navigated away from your website.

NOTE: Where the native share card is not supported, the Share button opens the same list as on desktop.

Configure your sharing navigation

The sharing navigation is uniquely configured for every website. You can include buttons for the apps and platforms that are commonly used by audiences in your target region.

The sharing navigation always includes the following buttons:

  • Copy link: Always the first button on the list.
  • Email: Always the last button on the list.

We can add the following additional buttons to the sharing navigation on request:

  • Balatarin
  • Facebook
  • LinkedIn
  • Meneame
  • Pinterest
  • Telegram
  • Viber
  • WhatsApp
  • X (Twitter)

Contact Pangea Customer Care if you would like to update your sharing navigation. In your request, please mention:

  • Which buttons you want to add / remove.
  • Your desired order for the buttons.

From the Site localization page in Pangea CMS, site admins can manage the localized labels for the "share" buttons on each website.

You can add and update localized labels for the following buttons:

  • Share
  • Copy link
  • Email

All key names and global values are provided below:

Key nameGlobal value
Responsive.Share.LabelShare
Responsive.Social.EmailToFriendEmail
Responsive.Sharing.CopyLinkCopy link

To learn how to access and use the Site localization page, see the following article:

The buttons for specific platforms (such as Facebook and Telegram) are set automatically and do not need to be localized in most cases. If needed, you can update these localizations through the following keys:

Key nameGlobal value
Responsive.Social.ShareOnBalatarinBalatarin
Responsive.Social.ShareOnFacebookFacebook
Responsive.Social.ShareOnLinkedInLinkedIn
Responsive.Social.ShareOnMeneameMeneame
Responsive.Social.ShareOnPinterestPinterest
Responsive.Social.ShareOnTelegramTelegram
Responsive.Social.ShareOnViberViber
Responsive.Social.ShareOnWhatsAppWhatsApp
Responsive.Social.ShareOnWhatsAppDesktopWhatsApp
Responsive.Social.ShareOnTwitterX (Twitter)



Live button

If your site regularly streams live audio / video content, we recommend including the Live button in your action bar. This button opens your site's live page.

The Live button has two possible states:

  • Active: A red button indicates that live content is currently available.
  • Inactive: A blue button indicates that no live content is currently available.

Your site might have multiple tubes (or channels) for streaming live content. If live content is currently available via more than one channel, visitors can choose which channel they want to consume after hitting the Live button.

To add the Live button to your action bar, contact Pangea Customer Care.