Transifex

  • Documentation
  • Third-party integrations
  • Webflow

Webflow

Webflow is a website builder for non-technical people. Following the same easy-to-follow steps, turn your Webflow website multilingual using Transifex. The connection between Webflow and Transifex is achieved through a technology called Transifex Live.

Below, you'll find instructions for localizing your Webflow site.

Note

Before you begin, you must have a Transifex account and a project you will be associating with your Webflow site. If you have not already done so, sign up for Transifex here.

Getting the Transifex Live JavaScript Snippet

Before you can use Transifex Live, you must first install the Transifex Live JavaScript snippet on your site. To do this, following the instructions here.

Installing the Live snippet

To localize your Webflow site, you need to add the JavaScript snippet to the script of every page in your Webflow site:

  • From your Webflow project open the pages list and click on the gear icon of a page:

  • Navigate to the script part of the page settings and paste Transifex Live script in Custom Code, Before </body> tag:

    Screenshot-2021-03-04-at-16.05.37.png#asset:8384


  • Click Save in page settings and repeat for all pages in your Webflow site.

  • After adding the Transifex Live snippet in all pages, Publish changes to make Transifex Live work on your live Webflow site:

    Screenshot-2021-03-04-at-16.08.17.png#asset:8385


Now you can begin save and translate content!

Saving content, translating, and publishing

Now that Transifex Live is embedded in your page, you can use Transifex live to save content to Transifex, translate in context, and publish translations on the fly.

Handing dynamic content

Dynamic content like dates, times, and counters (e.g. # of articles, # of comments, etc) should not be translated. When approving phrases in Transifex Live, be sure to ignore these types of non-translatable dynamic content. If your platform lets you edit the theme, you can mark elements of your pages as non-translatable. To learn how click here.