Submit a request translation problem

Respondida

10 Comentários

  • Ifra Saqlain
    Community Moderator

    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

    0
  • Cy Yeap

    seem like when i cant choose the language , when i drop down not language can be choose 

    0
  • Cy Yeap

    i tried to paste it , seem like now the translate is not there . how do i use the extra activities instead?

    0
  • Ifra Saqlain
    Community Moderator

    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 

     

     

    1
  • Cy Yeap

    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?

    0
  • Ifra Saqlain
    Community Moderator

    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

    1
  • Ifra Saqlain
    Community Moderator

    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.

    0
  • Cy Yeap

    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 . 

    0
  • Ifra Saqlain
    Community Moderator

    Okay Cy. I am sharing this with senior moderators.

    0
  • Brett Bowser
    Zendesk Community Team

    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!

    0

Por favor, entrar para comentar.

Powered by Zendesk