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.
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) Open the incontext view
In your project go to the InContext view and type in your URL:
Set a default URL per version in your project settings:
You can do so by going to your project settings page in the Control Center view and selecting the "SET INCONTEXT EDITOR URLS" menu item in the extensions card.
Or you can place a link somewhere pointing to:
https://www.locize.app/cat/[YOUR_SLUG]/v/latest/incontext?sourceurl=[YOUR_URL] (Your Url should be encoded using encodeURIComponent(…))
Context information per key/segment
There is an other possibility to add specific context information independently from using the InContext view.
In the Focus view you can set a specific context information for each individual key/segment: