Table of Contents
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, follow 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:
Click Save in page settings and repeat for all pages on your Webflow site.
After adding the Transifex Live snippet on all pages, Publish changes to make Transifex Live work on your live Webflow site:
Now you can begin to 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.