Ghost

The following step by step tutorial will help you configure your Ghost site with Translation Exchange service and allow you to translate your site to any number of languages.

If you haven't yet setup your project on Translation Exchange, please sign up here and follow the project setup instructions.

Step 1. Login to your Ghost dashboard, and locate the "Settings" section on the left navigation bar or from the top menu, depending on your Ghost version.

Step 2. Click on the "Code Injection" under "Settings".

Step 3. Enter the following code into the "Blog Header":

<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>  

Paste the code in the following text area:

Make sure to replace "YOUR-PUBLIC-KEY" and "YOUR-PROJECT-KEY" with your project credentials. Click "Save" and "Preview". If you do not have your token, you can get it from your Dashboard.

Translation Exchange provides a default language selector for changing languages. Add the following "div" tag where you would like the language selector to appear.

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

Once you complete the above steps, please refresh your page. To activate the inline translation mode, use the following shortcut: CTRL+Shift+I

When you active the inline translation mode, your application content will be synchronized with Translation Exchange and your strings will appear in your Dashboard.

Integration with your site is now complete. Please follow our simple tutorial on how to order and publish translations for your site.