Using Dynamic Content to show content in different languages

You can use dynamic content to create text, images, and hyperlinks that will appear in English or in Spanish (or any other Zendesk-supported languages), depending upon which edX Help Center learners visit. Dynamic content is a placeholder code snippet that can be added to page templates.  When updating the Popular topics hyperlinks in the hero image, use dynamic content code to ensure that the links launch the correct page in the correct language.

ZD Guide Usage

Help Center TemplatePage Section<div>Uses{{dc code}}Code as entered in template
home_page.hbsHero image<div class="quick search">To update Popular search topics hyperlinks and ensure they appear in English/Spanish


{{dc 'hero-UI_text'}}

(DRAFT) Create dynamic content to change link path in Spanish

To create dynamic content to control hyperlinks

  1. In Zendesk Support > Admin > MANAGE > Dynamic Content, select add item.
  2. In Dynamic content item title, enter a title for the item. Use text that describes the hyperlink/article title. For example, to add a hero image popular article link about proctored exams, use: hero-proctored exams (i.e., a short description/keywords that relate to the article content, but do not have to map to the article title).
  3. Select English as the default language from the dropdown. Note that English is the default for all dynamic content.
  4. In Content, enter the exact hyperlink as you want it to appear in the page template. 
  5. Select Create
  6. Select add variant. The New variant page appears.
  7. Fill in the following fields: 
    1. Language: Select the variant language (Latin American Spanish).
    2. Status: Set as Active.
    3. Default: Leave this checkbox unchecked.
    4. Content: Enter the hyperlink code as above, and reference the translated content associated with the English dynamic content for the article title.
  8. Select Create. A success message appears. 
  9. At the top lefthand side of the page, under Dynamic content, is a Placeholder helper that looks like this: 
    1. Placeholder: {{dc.your_content_here}}
  10. Copy this placeholder. This is the curlybar language that you will need to add to the help center page template.
  11. (screenshot)
  12. (continue with adding in to the page, and add screenshot of the code area.
  13. Note that the actual curlybar helper text formatting differs slightly; modify the placeholder to be formatted as follows:
    1. Placeholder: {{dc 'your_content_here'}}

See the Zendesk Support article for future updates and more details.