Zendesk

The following step by step tutorial will help you configure your ZenDesk Help Center application with Translation Exchange service and allow you to translate your site to any number of languages.

If you haven't yet setup your project on Translation Exchange, please sign up here and follow the project setup instructions.

Step 1: Login to your ZendDesk Agent Dashboard, and select "Help Center" at the bottom left of the page:

Step 2: In the Help Center preview click on "Customize design" on the bottom right menu:

Step 3: Click on "Edit theme" under Theme Tab on the left side:

Step 4: Once inside Theme editor, from dropdown menu, select "Document Head" section:

Step 5: Bellow you find TranslationExchange Code Snippet you want to add to "Document Section" of your theme:

<script src="https://cdn.translationexchange.com/tools/tml/stable/tml.min.js"></script>

<script>  
tml.init({  
  key: "YOUR-PROJECT-KEY",
  translateBody: true,
  translateTitle: true
});
</script>  

IMPORTANT! Make sure to replace "YOUR-PUBLIC-KEY" and "YOUR-PROJECT-KEY" with your project credentials. Click "Save" and "Preview". If you do not have your token, you can get it from your Dashboard.

Translation Exchange provides a default language selector for changing languages. Add the following "div" tag where you would like the language selector to appear.

<div data-tml-language-selector="popup" data-tml-toggle=true data-tml-powered-by=true></div>  

Once you complete the above steps, please refresh your page. To activate the inline translation mode, use the following shortcut: CTRL+Shift+I

When you active the inline translation mode, your application content will be synchronized with Translation Exchange and your strings will appear in your Dashboard.

Integration with ZenDesk Help Center application is now complete. Please follow our simple tutorial on how to order and publish translations for your site.