How to translate / localize your site

Framer supports most JavaScript localization tools out there, which allow you to easily add translations to your site and manage languages and specific translations. While they have different options, they way they work is pretty much the same. We’ll walk you through weglot.com below.

Weglot.com example setup

Create a new project and set your origin and destination languages. Make sure to select the JavaScript option. Copy the snippet to your clipboard.

Paste the snippet in Settings → General → Custom Code →Start of <head> tag. Add some text to your canvas in the origin language and publish.

The published site will now contain a language switcher. On switching you’ll see that all text gets instantly translated. You can see the example site here.

[VIDEO]

You can go back the administration tool and manage every specific translation (that is automated by default). Notice how it picks up every piece of text on your site.

How to translate / localize your site

Framer supports most JavaScript localization tools out there, which allow you to easily add translations to your site and manage languages and specific translations. While they have different options, they way they work is pretty much the same. We’ll walk you through weglot.com below.

Weglot.com example setup

Create a new project and set your origin and destination languages. Make sure to select the JavaScript option. Copy the snippet to your clipboard.

Paste the snippet in Settings → General → Custom Code →Start of <head> tag. Add some text to your canvas in the origin language and publish.

The published site will now contain a language switcher. On switching you’ll see that all text gets instantly translated. You can see the example site here.

[VIDEO]

You can go back the administration tool and manage every specific translation (that is automated by default). Notice how it picks up every piece of text on your site.

How to translate / localize your site

Framer supports most JavaScript localization tools out there, which allow you to easily add translations to your site and manage languages and specific translations. While they have different options, they way they work is pretty much the same. We’ll walk you through weglot.com below.

Weglot.com example setup

Create a new project and set your origin and destination languages. Make sure to select the JavaScript option. Copy the snippet to your clipboard.

Paste the snippet in Settings → General → Custom Code →Start of <head> tag. Add some text to your canvas in the origin language and publish.

The published site will now contain a language switcher. On switching you’ll see that all text gets instantly translated. You can see the example site here.

[VIDEO]

You can go back the administration tool and manage every specific translation (that is automated by default). Notice how it picks up every piece of text on your site.