Press "Enter" to skip to content

How to add Google Translate widget onto Smartforms

4

The post briefly explains to you, how you can add Google Translate on Smartforms. Why do you need this? If you want to make your Smartforms multilingual, there are a number of ways how you can achieve this:

  1. Download and install a community Language control from http://community.k2.com/
  2. You can purchase a K2NE Language Control, which is a powerful and supported way to translate your Smartforms and all the Smartforms controls.
  3. You can use Google Translate and embed it directly into your Smartform. Google Translate allows you to instantly translate your website into 60+ languages and it is the best choice, when you do not want all the translating manually OR when you are working with K2 Cloud. The only limitation is that your user should have an Internet connection for the control to work. 

Step 1.

Go to https://translate.google.com/manager/website/ and sign in to your Google account when you are prompted to.

Step 2.

Click on the “Add to your website now” button. On the next page you will have to complete the following:

  • Enter the URL of your website into the Website URL field
  • Select the default language of your website.
  • Click Next button.
Selection of the web-site on the Website Translator

Step 3.

On this page you will choose whether you want to be able to translate into all of the available languages, or only the languages that you choose. You will also choose how the translate widget will look on your website, and advanced features.  When you’re done making these choices, click Get Code.

Website Translator - Google Translate - Add Website section

Step 4.

On the next page you’ll then see some code that you need to insert onto your Smartform. You can refer to my another post How to add JavaScript on Smartform for more details.

  1. Copy the code, which you can see on the Google Site
  2. Add it to a literal Data Label on Smartform. The copied piece of html is too big to insert it into the text property of the Data Label. Therefore, you will need to bind the Data Label to an expression, which will contain the copied piece of html/js.
  3. Save everything and open the Smartform to test your results.

Here is a short video, how you can use Google Translate on Smartforms:

  1. Kamil Jurik Kamil Jurik

    Oh, it seems Google has discontinued their translator widget. 🙁
    We no longer provide new access to Google Translate’s Website Translator. … they say.
    Is there any alternative that works?
    Thanks.

    • Konstantin Fukszon Konstantin Fukszon

      Hi,
      Unfortunately, there is no alternative I am aware of, especially for K2 Cloud. For on-premise installations we have developed a K2NE Language Control, which uses SmartObject as a dictionary with translations and it translated almost all controls on the form. But the control is not distributed free of charge. If you are interested, please, send me an email to konstantin@k2.com and I will forward it to my manager.
      Apart from that, I do not have any other recommendations.

      Best regards,
      Konstantin

  2. Joyce Joyce

    Hi Konstantin,
    Thanks for your sharing.
    Is K2NE Language Control a official solution for language translation ? Could you provide more information for this component ? Thanks.

    • Konstantin Fukszon Konstantin Fukszon

      Hi Joyce,

      Basically, the K2NE Language Control is something we developed internally in K2. The idea of the control is that you can create a Dictionary for your translations and store them in the SmartObject. Then, adding control to the form you can select that SmartObject as the DataSource. Also, you have some more options to configure, like:
      – translate upon page load;
      – cache dictionary;
      – add/remove certain K2 controls from translation, i.e. not to translate Dropdown if you do not need
      etc.

      you can purchase this custom control from K2 and it will be delivered to you in a way so that you can install it onto your K2 Environment.
      PS. The control works only with K2 Five and not with K2 Cloud.

      Hope this is clear
      BR Konstantin

Leave a Reply

Your email address will not be published. Required fields are marked *

4 × four =