Customize Hub Interface Text or Change Hub Language with Custom Labels (Beta)

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.


Beta Feature Advisory

This article describes a feature which is currently in beta, and is not yet available by default. To enable this feature on your Uberflip account, please contact your Customer Success Manager or Uberflip Support.

This beta feature replaces an existing feature, and all descriptions and instructions in this article refer to the new feature only. For documentation on the existing feature, please see this article.

Before you Begin

  • To use this feature, you need to be an Account Admin, Content Manager, or Developer/Designer.

 

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

View Current Hub Locale

The Hub Locale setting for your Hub determines how its language/region is recognized by search engines and browsers. In addition, this setting also controls the language of all the label text that appears across the Hub.

By default, the Hub Locale for new Hubs is set to English (United States), and all labels will appear in English (with US-style spelling where applicable). Changing this setting will translate the labels (if a translation is available for the selected language), or will allow you to provide your own translations.

To view your current Hub Locale, navigate to Hub Options > Advanced. Here, scroll all the way to the bottom to find the Internationalization section, where your current Hub Locale is shown:

Hubs___Options_-_Advanced_-_Uberflip.png

If you want to change your Hub locale, please contact our Support Team for help.

 

Default Translations

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 change 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.

Custom Translations

If you set your Hub Locale to any language for which a translation is not available, the default labels will be set to 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 translations for the selected Hub Locale language, those labels will be saved to that Hub Locale setting.

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.