Customize Hub page UI text or language with Custom Labels

Follow

Hubs have numerous predefined labels, such as "Latest Content", "Continue Reading", etc. With the Custom Labels tool, you can easily change these to anything you want, and even specify translations for non-English Hubs.


 

Before you begin

  • Access to this feature is controlled by the Hub > Custom Labels permissions (View and Edit).
  • By default, the permissions necessary to use this feature are granted to all users in the Account Administrators, Content Managers, and Developers/Designers user groups.

 

About Custom Labels

Your Hub comes with standard labels for all of the various interface elements that users see and can interact with: titles, headings, buttons — basically, anywhere that text appears in your Hub's interface. Of course, one size doesn't fit all, so you can customize nearly all of these labels to make them consistent with your brand, and the language your company uses.

To do that, you use the Custom Labels tool. This tool allows you to view all the labels across your Hub and modify them to whatever you want. And, if needed, you can also customize labels specifically at the Stream and Item levels, so that you can set custom labels for specific Streams and Items.

Custom Labels also works with the Hub Locale setting to translate your Hub into other languages. Translations of the default labels are available for a number of languages, and you can customize any of the translated labels to fit your needs. Plus, for languages where no ready-made translation is available yet, you can use Custom Labels to create your own custom translation.

Warning

If you have previously enabled custom labels or translations on a Hub through OnBrand customizations, you must disable these customizations before enabling Custom Labels. If you don't do this, the OnBrand customizations will override the functionality of the Custom Labels tool, which can lead to unexpected behavior in your Hub.

 

Customize labels

At the Hub Level

The main Custom Labels tool allows you to set custom labels that apply across your entire Hub: anywhere that a given label appears, any custom label you set will be displayed.

  1. Log in to Uberflip and navigate to the Hub you want to work with.
  2. In the sidebar menu on the left, click on Appearance > Custom Labels.
    Hubs___Appearance_-_Custom_Labels_-_Uberflip.png
  3. You should now see a list of all the labels in your Hub. For instructions on how to modify these labels, see below.

 

At the Stream Level

You can also customize labels at the Stream level, which means that the custom labels you set will appear only on the specified Stream. Custom labels set at the Stream level will override any Hub-level customizations for the same label for that Stream.

  1. In Uberflip, click on Content in the sidebar menu on the left.
  2. On the right, click on the Stream for which you want to set custom labels (under the Streams tab).
  3. On the next page, click on the Custom Labels tab near the top:
    Hubs___Manage_-_Uberflip.png
  4. You should now see a list of all the labels that can be modified for this Stream. For instructions on how to modify these labels, see below.

 

At the Item Level

You can also customize labels at the Item level, which means that the custom labels you set are applicable only to that specific Item. Custom labels set at the Item level will override any Stream-level and Hub-level customizations for the same label for that particular Item.

  1. In Uberflip, click on Content in the sidebar menu on the left.
  2. On the right, click on the Items tab, then click on the Item for which you want to set a custom label.
  3. On the next page, click on the Custom Labels tab near the top:
    Hubs___Edit_Article_-_Uberflip.png
  4. You should now see a list of all the labels that can be modified for this Item. For instructions on how to modify these labels, see below.

 

Set a Custom Label

The method for setting a custom label is the same regardless of whether you're doing so at the Hub, Stream, or Item level.

Info

The list of labels will be filtered automatically depending on where you are viewing it (i.e. at the Hub, Stream, or Item level) to only show labels that are relevant to that level.

  1. Once you're on the Custom Labels tab, you will see a list of all available labels by default. You can use the Search box near the top to filter this list using keywords:
    Hubs___Appearance_-_Custom_Labels_-_Uberflip.png
  2. You can also use the dropdown to the right to filter the list based on the interface categories that the labels belong to:
    Hubs___Appearance_-_Custom_Labels_-_Uberflip.png
  3. The table of labels consists of three columns. Each line shows the default label (essentially the "label name") under the Standard Label column, the category it belongs to under the Category column, and a text box under the Custom Label column:
    Hubs___Appearance_-_Custom_Labels_-_Uberflip.png
  4. By default, the same label text will appear in both the Standard Label and Custom Label boxes. To use a custom label instead of the default for a given label, type the text you want to use into the text box under the Custom Label column:Hubs___Appearance_-_Custom_Labels_-_Uberflip.png
  5. To undo a custom label, simply remove the text from the text box. When no custom label is in use, the default label will appear in the text box in grey text.
  6. Whenever you make any change, it will be saved automatically, and will take effect immediately.

Info: Text Variables

Some of the labels contain text variables. You can identify them by the use of curly brackets around the variable, like this:

Hubs___Appearance_-_Custom_Labels_-_Uberflip.png

These variables are automatically filled in with information from your Hub. There are three variables:

Variable Definition Set under

{{collectiontitle}}

The title of the relevant Stream Content > Streams > Stream Name

{{company}}

The name of your company  Appearance > Branding > Company Name

{{author-full-name}}

The name of the Item's author Account Settings > Organization > Users > User Profile > First Name/Last Name

You can insert these variables into any custom label (including labels that do not include a variable by default).

 

Translate labels with Hub Locale

The Hub Locale setting for your Hub defines the Hub's language and region for search engines and browsers, and determines the language of all the label text that appears across the Hub.

The default setting of English (United States) sets all label text to English (with US-style spelling where applicable). You can translate this label text to another language by changing the Hub Locale:

  • If you change the Hub Locale to a language where a default translation is available (see below), all labels will be translated automatically (but you can still customize them with Custom Labels if you want).
  • If you change the Hub Locale to a language without a preset translation, you can use Custom Labels to provide your own translations.

To learn more about Hub Locale and how to set it, see this article.

Default translation available

Ready-made translations of the default Hub labels are available for the most popular Hub languages. These are:

  • Chinese (Simplified)
  • French (Canadian)
  • German
  • Italian
  • Spanish

If you set your Hub Locale to any of these languages, all of the labels will be translated into that language automatically. For example, here is a set of default labels in English (United States):

Hubs___Appearance_-_Custom_Labels_-_Uberflip.png

And the same labels when the Hub Locale has been set to Spanish (Spain):

Hubs___Appearance_-_Custom_Labels_-_Uberflip.png

As with the English-language labels, you can also customize the default translations in any way you want.

No default translation available

If you set your Hub Locale to any language for which a default translation is not available, the standard labels will be the same as for English (United States). For these languages, you can use the Custom Labels tool to translate them manually: simply type the translation into the appropriate Custom Label text box for each label.

Once you have created custom translations for a given Hub Locale language, the translated labels will be saved to that Hub Locale setting, and can be applied to other Hubs by setting them to that Hub Locale.

3 out of 3 found this helpful