InContext

This approach will load your website via an iframe in the InContext view. For an alternative approach have a look at the locize module or locizify script in combination with a query parameter ?incontext=true.

The InContext view

Often doing correct translations needs more information by providing more context information. The best context is always the place where the content is shown - your website.

So we decided to bring the locize project closer to your website/application:

Correctly integrated you can click any text element on your website shown in the iframe and it will be used to search for the correct matching key/value on the left side. Need to navigate on your own page you can turn off/on the click interception using the button next to your website Url.

Make sure to select the current language you work on at the top.

An example video on how this could look like can be found here.

Setup and configuration

1) Adding the locize script

Add the locize script to your page. More in detail information/how to can be found here.

2) Define urls

1. Navigate to your project's settings:

   
2. Select "Set InContext editor urls" in the menu:

   
3. Set the desired url(s):

   
4. Back to your project overview, navigate to the InContext Editor:

   

Result: