Unbounce

Bellow is step by step tutorial for integrating TranslationExchange into your Unbounce lander pages.

If you did not have your project setup, please sign up here.

Step 1: Login to your Unbounce dashboard, and select pages for integration, click on edit page.

Step 2: On Unbounce Editor page, click on "Javascript" on the bottom section of the page, to insert custom JS code snippet. On popup window select placement as "Head" and you can change Name of custom Javascript.

Step 3: Inside script window please enter following code snippet:

<script src="https://cdn.translationexchange.com/tools/tml/stable/tml.min.js"></script>  
<script>  
tml.init({  
   key: "YOUR-PROJECT-KEY",    
   translateBody: true,
   translateTitle: true
});
</script>  

IMPORTANT! Make sure you replace "YOUR-PROJECT-KEY" with your token and "YOUR-PUBLIC-KEY" with your key. Click "Save" and "Preview". If you do not have your token please get it from your Dashboard

Translation Exchange is offering default language selectors for changing language. Add the following "div" tag where you would like the language selector to appear. TranslationExchange offering three types of default Language selector: "default", "popup", and "flags" you can place this code anywhere on shopping page.

<div data-tml-language-selector="popup" data-tml-toggle=true data-tml-powered-by=true></div>  

Once above steps are done, please refresh your page and enter Translation Inline mode for your strings to appear on your Dashboard.
To enter Translation Inline mode, use our Shortcuts:
CTRL Shift I To enable Inline mode.

Integration with your Unbounce lander page is now complete please follow our simple few steps tutorial on how to complete Translations for your page and how to publish it for your users: Trasnlations Process