Google translate is easy to add to websites. It is well worth using because it allows visitors from around the world to read the website content in their own language.

  1. Here is the Google translate script that you need to copy:

<div id="google_translate_element"></div>

<script type="text/javascript">

function googleTranslateElementInit() {

  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');



<script type="text/javascript" src="//"></script>

  1. Go to your website's custom page that you want to be able to be translated and click on Edit Page button 

  1. Click on Unlock Code Editor

Please be advised: this should be one of the LAST components you update because once you access the code editor if using the Page Designer blocks, you will not be able to go back into the Page Designer to add, remove, or re-arrange any of the design blocks. You can ALWAYS access the inline editor to make updates to the text, content, images, etc. - just not the arrangement and structure of the page within the Page Designer

If you are not using the Page Designer: you will add in this code above your HTML template like normal and not worry about the Unlock Code Editor bit

  1. Then click on Yes, I know what I’m doing! button

  1. Paste the Google translate into the Body section and click on Save button


  1. You can now use Google translate on your website:

(page designer example)

(custom template example)

Please contact our customer support at [email protected] or by simply clicking the chat icon in the bottom right corner of the screen if you have any questions or issues