Localizing Help Center content (Guide Professional and Enterprise)

If you have configured your Help Center to support multiple languages, you can add translated versions of each article in your Help Center, or add articles only in specific languages. The Help Center displays pages in different languages based on locale code in the page URL. Example, ".../hc/en-us". Any translated article must also have parent pages (section and category) translated in the same language.

You can also display snippets of translated text on Help Center pages. For example, a welcome message on the home page or a company tag line in the header.

Multi-language support is available on Guide Professional and Enterprise with Support Professional or Enterprise. You must be a Guide Manager to add localized content to Help Center.

Topics covered in this article:

• Basic workflow for localizing Help Center in multiple languages
• Adding translations to sections and categories to ensure translated articles display
• Adding translated articles
• Adding translated text

Tip: Check out Thibault's tip for adding the Google Translate widget to your Help Center.

Basic workflow for localizing Help Center in multiple languages

Here's the workflow for localizing Help Center in multiple languages:

1. Configure Help Center to support your other languages, if you have not already done so (see Configuring your Help Center to support multiple languages).
2. Get your articles translated in your supported languages. This is done outside of Help Center., but there are many options.
   Note: Check out Unbabel in our apps marketplace. Unbabel offers multilingual customer support with seamless ticket translation, including automated Help Center translations that enable you to localize FAQ content in 28 languages.
3. Prepare your sections and categories by adding translated titles (see Adding translations to sections and categories to ensure translated articles display below).
4. Add the translated content to Help Center (see Adding translated articles below).
5. If needed, add translated text snippets (see Adding translated text below).

   Many of the pre-built page elements used in Help Center are already localized. For example, the element that lets users vote on an article displays "Was this article helpful?" in English and "Cet article vous a-t-il été utile?" in French. You don't need to localize the strings. For a list of available translated strings, see the translation helper in the Help Center Templates docs.

It's a good idea to establish a localization process for ongoing additions and updates to Help Center.

Adding translations to sections and categories to ensure translated articles display

Any translated article must have a parent page translated in the same language. If you add a translation for an article that does not have a corresponding translation for the section or category, users will not be able to view the article in Help Center (even though the article is published).

The page hierarchy is as follows: Category landing page > Section landing page > Article. For example, if you add an article translated in German, the article must have a German section page. In turn, the German section page must have a German category page. The Help Center cannot display orphan articles.

When localizing your Help Center, it makes sense to start by adding localized versions of category pages, followed by section pages, followed by articles. This workflow guarantees that any new translated article has a parent page -- a section or category page -- that's translated in the same language so that users can view it.

You must be a Guide Manager to add section and category translations.

To add a translated title for a section or category

1. In Help Center, navigate to an existing section or category.
2. Click Edit section or Edit category in the top menu bar.

   

3. Select a language for the translation you want to add from the list at the top of the page.

   

   If you do not see a drop-down menu of languages, then you first need to enable languages for your Help Center (see Enabling languages for your Help Center).

4. Enter or paste the translated content for the name and (optionally) description.

   Keep in mind that any translated page must have a parent page translated in the same language. After you add the translation for the parent page, you can click Refresh and it will take up to three minutes before the change is registered.

   Note: You'll see a warning if you add a translation for a section that does not have a corresponding translation for the category. As a best practive to prevent these warnings, create the translated categories first, then go through and translate the sections.
5. Click Update translation to create the translated version of the page.
6. Repeat the steps to add more translated pages.

Adding translated articles

You can add translated versions of existing articles. You can also add translated articles that don't have versions in other languages.

When you add translated versions of existing pages, the original article and its translated versions share the same URL except for the locale. This feature can simplify managing your content. For example, the following URLs point to the U.S. English and French versions of the same article:

https://mondocam.zendesk.com/hc/en-us/articles/202529393

https://mondocam.zendesk.com/hc/fr/articles/202529393

Users can also manually switch to a different language by selecting it from the language menu in your Help Center.

To add a translated version of an existing page

1. In Help Center, navigate to the existing page.
2. Click Edit article in the top menu bar.

   

3. Select a language for the translation you want to add from the list at the top of the page.

   

   If you do not see a drop-down menu of languages, then you first need to enable languages for your Help Center (see Enabling languages for your Help Center).

4. Enter or paste the translated content into the draft article.

   Keep in mind that any translated page must have a parent page translated in the same language. You'll see a warning if you add a translation for an article that does not have a corresponding translation for the section or category. For example:

   

   After you add the translation for the parent page, you can click Refresh and it will take up to three minutes before the change is registered.

5. When you are finished, do one of the following:
   • To save your article translation as a draft and publish it later, click Save.

     

   • To publish your article translation, click the drop-down arrow on the Save button, then select Publish.

     

6. Repeat the steps to add more translated pages.

To add a translated page with no version in another language

1. Click Add in the top menu bar, then select the kind of page you want to add.

   

2. Select the language of the content from the list at the top of the page.
3. Enter or paste the content into the page.
4. When you are finished, do one of the following:
   • To save your article translation as a draft and publish it later, click Save.

     

   • To publish your article translation, click the drop-down arrow on the Save button, then select Publish.

     

Adding translated text

You can display snippets of translated text on Help Center pages. The translated variant of the text changes dynamically based on the user's language. The following are examples of where you can use translated text:

• A welcome message on the home page
• A company tag line in the header
• A legal notice in the footer
• Service alerts

Many of the pre-built page elements used in Help Center are already localized. For example, the element that lets users vote on an article displays "Was this article helpful?" in English and "Cet article vous a-t-il été utile?" in French. You don't need to localize the strings. For a list of available translated strings, see the translation helper in the Help Center Templates docs.

The workflow for adding snippets of translated text to your Help Center consists of the following steps:

1. Specifying the language variants of the text in Support
2. Inserting the dynamic content in a template in Guide

This functionality uses the dynamic content feature. This feature is not meant to be used to localize articles, titles, and other Help Center template elements that support multiple languages. See Adding translated pages above and the translation helper docs in Help Center Templates for more information.

Specifying the language variants of the text in Support

You specify the language variants of a snippet of text on the Manage > Dynamic Content page in Zendesk Support. For instructions, see Providing multiple language support with dynamic content. Example:

Add the content in the same language variants as the languages you support on your Help Center. If you don't specify a variant for a language, nothing will be displayed in that language in the Help Center. For example, suppose your Help Center supports English and French for a Canadian website. Add English and French variants of each snippet of text.

Make a note of the item name. You'll need it for the following step. In the previous example, the placeholder is {{dc 'welcome_message'}}, so the item name is "welcome_message".

Inserting the dynamic content in a template in Guide

Insert your text variants in Help Center templates with the dynamic content helper. When the page is requested by a web browser, the template helper inserts the appropriate text variant.

Note: Do not include Curlybars templating in your dynamic content. Curlybar expressions placed inside dynamic content will not render correctly on the Help Center. Instead, they appear as text.

1. In Guide, click the Customize design icon () in the sidebar.
2. Click the theme you want to edit to open it.
3. Click the options menu, then select Edit Code.

   

4. In the Templates section, click the template you want to modify.

   The page opens in the code editor.

5. Add the dynamic content in your template using the dynamic content helper. Example:

   {{dc 'welcome_message'}}

6. To save your changes, click Save at the top of the sidebar.

For more information on working with templates, see Working with the page code.