Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

When updating the hyperlinks in the hero image, use dynamic content code to ensure that the links launch the correct page in the correct language.

...

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}}

{{dc 'hero-UI_text'}}

Create dynamic content to change link path in Spanish

...

  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 is similar to describes the hyperlink/article title that you're adding to the help template or macro. . 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'}}

...