Translate Any Website with Overlay Editor in Three Steps


The Website Translation Overlay Editor’s advantage over traditional solutions is that it works in the context of your website – you can enter translation on top of your content live, just as if it was a Word file.

In this way, translators are able to see any issue right away and suggest a different translation that will fit the website’s design. Thanks to this, you have full control over the translation’s final version. The Overlay Editor enables you to translate any website – from small WordPress websites to e-commerce and websites with high volumes of content.

To allow your website to be available in multiple languages, you just need to follow these three steps:

#1. Translate your website within the Overlay Editor
#2. Install the code snippet in the header section of your website
#3. Publish the translated version of your website

If you want to follow the process from beginning to end, just keep on reading!

How to translate your website using the Website Translation Overlay Editor from Text United?

The first step in setting up a website translation project is to scan the website. This process is done in the background while the homepage is added to the project; it can take anywhere from a few minutes to a few hours, depending on the number of pages to scan everything.

While this process is going on in the background, you are able to start translating your homepage in the Overlay Editor. All you need to do is click on any element of your website, and translation editing is enabled.

Now you can also save time and have your website ready for translation on-the-go when you include sub-pages while the crawling is taking place:



Overlay Editor doesn’t require an installation process, includes all assets in the cloud, enables you to submit reviews,  and also allows you to move to a Traditional CAT Tool without any file exchange, in case you need it.😉

This is what the work in progress within an Overlay Editor looks like:

Overlay editor1


How to implement translation after using the Website Translation Overlay Editor?

Now you know about the Overlay Editor’s advantages and functionality, you can certainly imagine the process of translating your website with it. Just imagine how much clearer the workflow of your translation project could be! But after translating your website, there are two things left to do: install the code snippet and publish your translated website so you can await your first global customers.

To publish translated versions of your website (as well as to be able to translate pages that require a login) you will need to install the code snippet in your website’s HTML. The code snippet is available on the Project Details page:



When you copy the snippet, be sure to paste it in the header section of your website. After the code snippet has been placed there, you need to launch the Overlay Editor directly from your website. This step is performed by using the shortcut CTRL+ALT+T (CMD+ALT+T on Mac) or simply by clicking on the Preview button in the upper right corner.

After that, click the Browse the source website option in the Overlay Editor. Then navigate to the page you want to add to the project.



After you click on the Add page button, you will need to synchronize the new content with your translation project.


That’s it! When you publish your translation, new visitors can access all the language versions of your website using a language selector.

If you follow these steps, your website is ready for your new potential clients!

Written By:

Gosia loves copywriting and product translation. Additionally, she's a content marketing and lolcats junkie.

Add a Comment

Your email address will not be published. Required fields are marked *