Squarespace

The following step by step tutorial will help you configure your Squarespace 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. Navigate to "Code Injection" settings.

From the main navigation menu, choose "Settings" > "Advanced" > "Code Injection"

Step 2. Insert our JavaScript SDK initialization code to the header section of your site

Copy the following code into the header section of your site:

<script src="https://cdn.translationexchange.com/tools/tml/stable/tml.min.js"></script>

<script>  
tml.init({  
  key: "YOUR-PUBLIC-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.

Step 3. Add ability to switch languages

You can add a link for each language in the main navigation of your site.

  tml.changeLanguage('ru');

Alternatively, you can use one of our default language selectors, by providing a div tag with a special data attribute.

<div data-tml-language-selector="popup"></div>  

You can also add a link asking your viewers to help you translate the site.

Tml.Utils.toggleInlineTranslations();  

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.