Translate-It: Easy translation for multiple languages

Translate-It makes multi-language translation easy to implement on any website. With just a few lines of Javascript you can quickly include internationalization on your site.

How to put on Translate-It on your website

Integrating Translate-It into your website is a piece of cake. Just upload the translate-it.js file to your website, and include these lines of Javascript:

<script type="text/javascript" src="translate-it.js"></script>

<script type="text/javascript">
TranslateIt.init();
</script>

Make sure to modify the path to translate-it.js if necessary.

Finally, add this HTML wherever you want the flag icons on your page:

<div id="translateFlags"></div>

And that's it, your website has become much more global, with translation into tons of languages!

Customizing Translate-It

To customize Translate-It, first open up translate-it.js and look towards the top for the config section. This is the area that is easy to modify and any non-developers should only work within this section. There are only 10 languages enabled by default, but including up to 34 languages is simple, just edit the usedLangs array. You can also change the order that the flags appear with this array. Just make sure that the last item doesn't have a comma at the end, or it will throw an error in IE. Additionally, if you want to use your own imagery, or just want to host the flags locally, you can modify the bgImage variable. If you do want to style the flags yourself, you'll want to set useFlagCSS and useWrapperCSS to 0 (zero). If your site is in a language other than English to begin with, make sure to change the fromLang variable. Finally, if you want to use a different id than 'translateFlags', either set the flagsWrap variable statically, or pass the id into TranslateIt.init() to change it on the fly.