Translate Thinkific

This Thinkific Websites integration guide shows you how to translate your Thinkific website in a few easy steps.

709

Below is step-by-step guide for integrating Localize into your Thinkific website. These instructions assume that you have already created your website.

If you do not have a Localize Project yet, signup here!

1. Edit your Thinkific Website

  1. Navigate to your website in your Thinkific dashboard.
  2. Access your site theme code via Channels > Website > Theme Library.
  3. Click the ellipses (3-dot icon) and select Edit Code.
  4. Open the Layout folder and select Default.
  5. Locate the <head> tag in the theme code.

2. Insert the Localize code snippet

  1. Paste the following Localize JavaScript snippet before the closing of the </head> element so that it runs on all pages of the site. The snippet is:
<script src="https://global.localizecdn.com/localize.js"></script>

<script>(function(a){if(!a.Localize){a.Localize={X:[]};var methods="translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","getSourceLanguage","detectLanguage","getAvailableLanguages","setWidgetLanguages","hideLanguagesInWidget","untranslatePage","bootstrap","prefetch","on","off","hideWidget","showWidget"];for(var i=0;i<methods.length;i++){a.Localize[methods[i]]=(function(m){return function(){a.Localize.X.push([m,arguments]);};})(methods[i]);}}})(window);</script>

<script>
  Localize.initialize({
    key: '[[app:key]]',
    rememberLanguage: true,
    // other options go here, separated by commas
  });
</script>
  1. Be sure to replace the value for the key option [[ app:key]] with your Localize Project Key if it's not already there.
  2. Save the changes.

3. Add Initialization Options

Add any desired options to the Localize.initialize() call above, check here for the full list of possible options.

Some popular options include:

  • autoApprove - use to fully automate your translation workflow
  • localizeImages - allows for localization of images in your site

4. Reload your website.

  1. Visit your website in a browser.
  2. Select one of your target languages using the language-switching widget.
  3. Refresh the page.
  4. Lather, rinse, repeat, for each page on your site.

Localize will automatically detect new content on the pages you visit and bring it into your dashboard.

5. Approve phrases

Then head on over to the Manage Phrases page to approve phrases in the Localize dashboard.

6. Phrases not showing up?

If you are not seeing phrases show up in your Pending bin in the Localize dashboard, follow the troubleshooting instructions here.


Need Help?
Contact support for custom integration help or troubleshooting!