JavaScript Translation Snippet

Make your website multilingual with Weglot

JavaScript logo

Developers, designers, and site-owners, this one’s for you: a simple, copy-paste JavaScript snippet that will transform your monolingual site into a multilingual one in less than 5 minutes.

Weglot is compatible with whatever web technology you’re using to develop your site. Connect Weglot to your website using our JavaScript integration and we’ll do all the heavy lifting for you. Our Translation API will detect all your website content and deliver it back to you in any language. No maintenance, no pain. Plus, we’re trusted by more than 50,000 website owners.

Key Benefits

Quick install: Ready in less than 5 minutes.


All content detected & translatable: text, images, even metadata.


Easily manage all your translations from a single interface.


No need to start from scratch: get a first round of automatic translations.


Invite team members or work with professional translators.


Weglot dancing character

Let’s start translating your website.

1) Create an account on Weglot

This account will be the place where you’ll be able to view and manage all your translations. Simply create a Weglot account here.

javascript-translate

2) Select “Other” as your “Website Technology.”

javascript-select

3) Choose the “JavaScript Integration” option.

You should receive a validation email in the account with which you signed up.

After validating your email, you will arrive on the Weglot setup page, as shown below. Scroll down to the box that says “Other possible integrations,” and click on “Use Javascript integration”.

choose-javascript

4) Add your new languages

You’ll then be prompted to enter the original language of your website + the new language(s) you want to translate and display your site into.

add-languages-javascript

Click “Next”.

5) Copy and paste the code shown on your screen

This part is pretty easy. Copy the code that will appear on your screen (replacing “YOUR_API_KEY” with the one found in your Weglot setting).

HTML

Then paste it into the <head> section of your HTML pages (if you’re using a CMS to build your website, this is usually located in the CMS settings, under a tab that will be titled “Custom Code” or something similar).

If you’re building your site from scratch, simply paste the JavaScript snippet on all your website HTML pages just before the </head> tag.

Your website is now translated!

You’ve now successfully translated your website using JavaScript. Go to your website and you’ll see a language switcher at the bottom right of your site (it might take a few minutes to appear). 

Weglot provides you with a first round of automatic translation, which you can then review and manually edit within your Weglot account dashboard under ‘Translations’. 

Log in to your Weglot account and then go to “Translations” to find all your translations and edit them.

If you decide to install Weglot with this JavaScript integration, you’re all set for translating your site content, no matter what development stage you’re at. 

Once you’ve got your site live and are starting to think about SEO, you might want to have a look at our General Integration page—this is where you can learn how to make your website SEO-compatible and well-indexed on search engines in all your final languages.

READY TO GET STARTED?
Make your website multilingual within minutes