Follow

Webflow

Translate your Webflow site!

 

1- Log into the Webflow dashboard: Log into the Webflow dashboard and click on the site you want to translate. Once the editor loads, click on the 'W' in the top left corner:

 

                       

 

Then click 'Site Settings':

 

                   

 

Then click 'Custom Code' in the bar that pops up:

 

 

2- Get the Translate code: Open up a new browser window and, if you haven't already, sign up for an account at Translate.com (or just log in!). Then click 'Website Localizer' on the left, followed by 'Add New Website' to get started: 

 

          add-website.png

 

Add your domain name, select your site source language as well as all of the languages you want to translate into and click next:

 

                                select_languages.png

 

Copy the code snippet, which your page will need for the translation (yours will have an actual key rather than just "my-key"):

 

 

3- Insert the Website Translator code into your app: Simply paste the code snippet from the last step into the 'Head Code' box and click 'Save Changes':

 

 

4- Ensure the Website Translator widget appears on your site: Preview your site and check to make sure you see the Website Translator widget in the bottom right corner (it looks like the picture below):

                  

If this appears, you're all set! (Allow up to an hour for translations to take place)

Comments