Submit a request translation problem
Respondida
when i change the translation , some of the words cannot be change , i cant find the way . I think is the coding issue ?
-
Hey Cy,
No, it's not coding issue. It's the default. Your new_request.hbs template has Zendesk component for the form and you can localise that with the extra activities.
So I suggest you for Google Translator. It's better than the extra activities.
Please go through the given article. After adding the google translator you don't need to worry about localization of your HC content.
https://support.zendesk.com/hc/en-us/community/posts/115009369268-Insert-Google-Translate-widget-to-your-Helpcenter
You can easily add the translator just need to follow the given steps and you can add your own language in the code of document.hbs template.
See the result.
Please try this once and then any bug let me know :)
Thank You
Team
-
seem like when i cant choose the language , when i drop down not language can be choose
-
i tried to paste it , seem like now the translate is not there . how do i use the extra activities instead?
-
Hi,
It's so simple just follow steps.
Add one line code anywhere in your header.hbs file:
<div id="google_translate_element" class="dropdown"></div>
Add this CSS code in your stylesheet at the bottom:
/**************** Google Translate widget ***********/
iframe.goog-te-menu-frame.skiptranslate {
margin-top: 2px;
width: 175px;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
animation: bounce .6s ease-out;
}
.goog-te-gadget-simple {
background-color: transparent !important;
white-space: nowrap !important;
border-color: white !important;
border-radius: 4px !important;
font-family: $font_2 !important;;
font-size: 14px !important;
}
.goog-te-menu-value {
color: $color_1 !important;
text-decoration: none !important;
float: right;
vertical-align:middle!important;
}
.goog-te-menu-value span {
color: $color_1 !important;
text-decoration: none !important;
}
.goog-te-menu-value:hover {
color: $color_1 !important;
text-decoration: none !important;
}
.goog-te-banner-frame {
display: none !important;
}
/* add the following (remove it from the comments) if you want to customize the icon of the widget.
/*.goog-te-gadget-icon {
background: url("url for the icon") 0 0 no-repeat !important;
}*/Add the script code at bottom of script.js file:
// Customize the Google Translate dropdown style
// (A bit tricky as the dropdown is wrapped in an iframe asynchronously loaded)
(function() {
var $previewFrame = $('#preview-frame');
function restyleDropdown() {
// In case of Zendesk preview mode, another iframe is wrapping the whole page
var $dropdownIframe = $previewFrame.length === 1
? $previewFrame.contents().find('.goog-te-menu-frame.skiptranslate')
: $('.goog-te-menu-frame.skiptranslate');
if($dropdownIframe.length) {
$dropdownIframe
.contents()
.find('head')
.append('<link rel="stylesheet" type="text/css" href="//p4.zdassets.com/hc/theme_assets/549775/200068704/google-translate-override.css"/>');
} else {
setTimeout(restyleDropdown, 100);
}
}
restyleDropdown();
})();Add this code in your document.hbs file:
<!-- Load the Google Translate Widget -->
<script type="text/javascript">
function googleTranslateWidgetInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
includedLanguages: 'es,fr,it,ja,pt,en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateWidgetInit"></script>Now, you can see in the document.hbs file, add the symbol of the language here:
includedLanguages: 'es,fr,it,ja,pt,en',
like I need to add the Hindi language so I add the new one like this:
includedLanguages: 'es,fr,it,ja,pt,en','hi', // see I added the Hindi language symbol - hi
Same as you can add your own languages symbol. Search on Google for chinese(TW) short word and add that in the docuement.head like I added 'hi' for hindi lanaguage.
If any query let me know :)
Thank You
Team
-
The Translation is a bit out of range , means that it does not fit the correct meaning . is there any way i can use back the localization on zendesk?
-
Hey Cy,
Sup? :)
I just tried this in my own HC and all is working. See in the given images:
Go to the Setting icon > Click Language settings > Click Add new language button > Select Chinese ( Taiwan) > Click Save button.
Step 1: I added the Language in the HC.
Chines (TW) is given in the Zendesk.
Step 2: I selected the Chinese (TW) and save:
Step 3: Now a language selector is showing in the footer area, I selected the Chinese TW and all content is converted in Chines TW:
I hope this time it should work :)
Thank you
Team
-
Can you share your code of new_request_page.hbs?
I think you created custom form or something.
Also need to know which plan of HC you are using.
-
Hi Ifra,
1. This a problem , i am using the ZH-HK , seem like the translation have some problem in it .
i have check the localization page on the agent side , it looks like it support Chinese (China) and Chinese (Taiwan) but no Chinese (Hong Kong)
Seem like the Help Center can choose ZH-HK ， i really dont know whether is this issue that have caused this translation to be out.
2.This is the code of new_request_page.hbs
<div class="container-divider"></div>
<div class="container">
<nav class="sub-nav">
{{breadcrumbs}}
{{search submit=false}}
</nav><h1>
{{t 'submit_a_request'}}
{{#if follow_up}}
<span class="follow-up-hint">
{{follow_up}}
</span>
{{/if}}
</h1><div class="form">
{{request_form}}
</div>{{chat}}
</div>3. We are using the enterprise version of the hc .
-
Okay Cy. I am sharing this with senior moderators.
-
Hey Cy,
I'm going to create a ticket on your behalf so our Customer Advocacy team can look into this for you. You'll receive an email shortly stating your ticket has been created.
Cheers!
Por favor, entrar para comentar.
10 Comentários