Introduction to Transifex Live

Learn how you can use Transifex Live to translate your website.

Nina avatar
Written by Nina
Updated over a week ago

Transifex Live makes it easy to translate your web app or website. It works through a snippet of JavaScript you add to your site, similar to Optimizely or Google Analytics. With Transifex Live, you’re able to:

  • Save content for translation directly from your website to Transifex without using files.

  • Translate and review your website in context (think WYSIWYG).

  • Publish translations on the fly without engineering dependencies.

Two ways to use Transifex Live are directly on your site or within Transifex itself. Both let you do the abovementioned things and show you the same information to switch between the two as needed. We’ll look at the two options and the benefits of each.


Using Transifex Live on your site

The on-site version of Transifex Live works through a small sidebar loaded on top of your website through the Live JavaScript snippet. From the sidebar, you can save content to Transifex, translate it, and publish translations.

txlive-in-app.png#asset:945

📝 Notes

  • Don't worry; visitors to your site won't see the sidebar!

  • The snippet must be installed on every page from where you want to detect strings, and a visitor must view the page on their browser at least once.

The on-site version of Live has a few advantages over the in-app version:

  • Because it runs on your site (instead of inside an iFrame), pages load faster, and it’s quicker to navigate around your site.

  • It lets you translate content behind a login, e.g., private pages or parts of a web app only visible to logged-in users.

In general, we recommend installing the Live snippet as soon as possible so you can use the on-site version of Transifex Live (at Transifex, we use it to translate our website).

⚠️Warning: Frameworks such as React or Vue.js that use a virtual DOM may encounter issues with Transifex Live since Transifex Live works by modifying the DOM elements. In these cases, we recommend using Transifex Native since it supports both by utilizing our React and Vue SDK.


Using Transifex Live inside Transifex

The in-app version of Transifex Live loads your website within Transifex through an iFrame (i.e., your website is displayed within another website). Unlike the on-site version of Live, you cannot save strings from pages behind a login, and pages will take a little longer to load.

txlive-sidebar.png#asset:952

The in-app version of Live is helpful if you don’t have the Live snippet installed on your site yet but would like to start approving strings and working on them.


💡Tip

Looking for more help? Get support from our Transifex Community Forum!

Find answers or post to get help from Transifex Support and our Community.

Did this answer your question?