Insert Google Translate widget to your Helpcenter

34 Comments

  • Jennifer Rowe
    Zendesk Documentation Team

    This is such a great, useful tip! Thanks for sharing it, Thibault!

    0
  • Jacob the Moderator
    Community Moderator
    Zendesk Luminary

    Very cool!

    0
  • Alexandr Tumanov

    Thanks for the widget. However, it duplicates few fields on contact form. The same behaviour can be also found on example web site.

    Is there any update for this widget?

    0
  • Darren

     

    Thank you!

    0
  • Thibault Mortier

    Hi Darren,

    to add additional languages, you can modify the property by adding or removing languages:

    includedLanguages: 'es,fr,it,ja,pt,en,sv,de',

    The list of language parameters can be found here: https://cloud.google.com/translate/docs/languages

    0
  • Darren

    Hi Thibault,

     

    Thank you so much for the help! We now have it implemented on our help site. :) Do you have any way to track this on Google analytics? A script we can put into our guide center by chance??? :D

     

    Either way, thank you for the helpful guide!

    0
  • Merav Bitton

    Hello,

    I have a custom theme and I am trying to implement this code in my document head.

    I paste in the code and then hit Preview and I don't see any change.

    My document head looks has only this:

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

     

    Could someone please assist me ?

    Thank you

    Merav

    0
  • Jessie Schutz
    Zendesk Customer Care

    Hi Merav! 

    Let me check with some of our Community Moderators to see if they can help you!

    0
  • Merav Bitton

     

    Thank you Jessie.

    0
  • Merav Bitton

    hi Jessie,

    I wanted to let you know that I opened a support ticket about this issue, since it's become more critical.

    Thank you

    Merav

    0
  • Jessie Schutz
    Zendesk Customer Care

    Hi Merav!

    Since this is a Community Tip I'm not sure that Support will be able to help you, but I've pinged the Mods again to try and get someone in here to look at this with you. 

    0
  • Trapta Singh
    Community Moderator
    Zendesk Luminary

    Hi @Merav,

    You have to follow the steps as mentioned in the tip and it should work properly. I have deployed it on my side and it seems to work fine.

    A screenshot of what issue you are facing or the HC URL will be a great help in fixing the issue you are facing.

    Thanks

    0
  • Heather Cook
    Zendesk Luminary

    Do you have an pictures of it working? What could it look like?

    0
  • Merav Bitton

    @Heather

    Sure, go to our help center https://support.pepperi.com and you can try it out.

    (I have one small issue that I must have the "open a ticket" page in Hebrew, however I do not want to offer google translation of the articles to Hebrew, so I didn't add Hebrew to the google translate options, but I did add it in the built in Zendesk language menu all the way on the right. If I didn't need that support ticket page in Hebrew I would completely remove that built in Zendesk language menu option). Let me know what you think.

    thanks

     

    0
  • Kasper Brøckner

    Is there an option for this to work in the mobile-site as well?

    I havent figured it out :-)

     

    In the normal website it is working just fine.

    0
  • Jacob the Moderator
    Community Moderator
    Zendesk Luminary

    Hi Kasper,

    It should still be working, however, in the Copenhagen theme the mobile view has hidden away action items like this. You should be able to find it if you open up the hamburger menu.

    I'm pretty sure you could place the language selector elsewhere though.

    0
  • Kasper Brøckner

    Ahh... we are not using the Copenhagen Theme.

    The theme we are using does not have the hamburger menu option.

    0
  • Trapta Singh
    Community Moderator
    Zendesk Luminary

    Hi @Kasper,

    May you please share the URL of your helpcenter so that I can take a look at it?

    Thanks

    0
  • Suzanne Dwyer

    This was so helpful! Thank you. However, when I put it into my theme (Copenhagen) I noticed that every time I clicked on a language my header moved down. Any idea what is causing that?

    0
  • Thibault Mortier

    This is likely when the widget insert its own header but in your case it might be displayed behind yours while still expanding it.

    Try collapsing your "Zendesk Admin header", you'll probably see it.

    0
  • Suzanne Dwyer

    Thank you for the response. That does not seem to be the problem. Everything looks good, but once I choose a language from the list the entire header shifts down. You can see it at support.oceansideschools.org. 

    Thank you for your help

    0
  • Suzanne Dwyer

    And, if anyone can help explain why my header doesn't take up the width of the page I would be grateful for that too. I have no real coding experience and I have been struggling to make changes. Thank you for the support!

    0
  • Ron de Vries

    Hi @...

    Thanks a lot. Works like a charm! Do you know if (and how..) it's possible to show this widget for one particular organisation only? Can I base it upon organisation name / organisational field maybe? Or can I use the User Segment option perhaps? 

    Say safe! 

    - Ron 

    0
  • Alejandro Colon

    Active Feature Request (please vote):

    Feature Request: Add the ability to easily insert a Google Translate widget to your Help Center

    @...

    I just posted a Feature Request for this at the link below. If you would like to see this feature please head over there and show your support. Please make sure to add an upvote and comment even if it is simply a "+1"

    Also, you may consider adding it to your post to get the feature request more visible.

    https://support.zendesk.com/hc/en-us/community/posts/360046933593-Feature-Request-Add-the-ability-to-easily-insert-a-Google-Translate-widget-to-your-Help-Center

    0
  • Ron de Vries

    Hello! 

    Great post! 

    Does any of you have any idea if it's possible to have this widget show to a particular set of customers only? Reason for asking: we translate all content in Dutch, German, Turkish and English ourselves but we want to use the Google Widget for our Spanish customers since we don't have many there yet and we don't have anyone speaking Spanish in our team. 

    Thanks and stay safe!

    Ron

    0
  • Kay
    Community Moderator

    Hi Ron! Another Dutchy here.. 🇳🇱

    You can safely hide the web widget based on a URL (or any other JS variable).

    if (window.location.href.indexOf('.es') > -1) {
    zE('webWidget', 'hide');
    }


    Ps. if you use chat in the widget, make sure the widget is not hidden on pages when a chat has started or the customer won't be able to keep chatting everywhere.

    0
  • Ron de Vries

    Hi Kay, 

     

    Dankjewel! :) 

    I'll check that out when we're onboarding our Spanisch customer. 

     

    Regards,

    Ron

     

    0
  • carl long

    Why I added the code according to the steps, but Google Translator does not appear

    0
  • Brett Bowser
    Zendesk Community Manager

    Hey Carl,

    I was able to find an external article that may help embed Google Translate into your website: How to Put Google Translator Tool on Your Blogs and Websites

    That article was recently updated so hopefully that gets you what you're looking for!

    0
  • Gaurav Singh Rana

    Go to our help center of edistera and you can try it out.

    (I have one small issue that I must have the "open a ticket" page in Hindi, however I do not want to offer google translation of the articles to Hindi, so I didn't add Hindi to the google translate options, but I did add it in the built in Zendesk language menu all the way on the right. If I didn't need that support ticket page in Hindi I would completely remove that built in Zendesk language menu option). Let me know what you think.

    thanks

    0

Please sign in to leave a comment.

Powered by Zendesk