How to translate 3rd party apps and dynamic text with the Visual Editor? •

Shopify does not support the translation of text from third-party apps or custom Liquid sections. However, the Translate & Currency app provides a user-friendly visual editor tool that allows you to translate all the text on your website, including text from Shopify, third-party apps, and dynamic/custom content.

You can translate the text in the visual editor either manually or automatically using AI translation. For more information, please watch the video tutorials or refer to the written guide below!

Translate 3rd party App text manually in visual editor:

Translate 3rd party App text automatically with AI translation in visual editor:

On this page

• Getting started with the visual editor
• Manual entry translation
• AI translation
• Custom translation feature

Getting started with the visual editor

1. The visual editor can be accessed from the dashboard page in our app, or through the left side menu.

2. Once you open the tool, if your store is unpublished and therefore has a front-end password, you will need to enter it.

3. After that, you will see your store in the tool. Before you can start making translations, you will need to change languages, which you can do at the top of the page.

4. Once you have changed languages, you can start making translations with the Visual Editor! When you mouse over text in this tool, you will see a blue box appear around it, with two buttons, as shown below. The "Pencil" button is for the "Manual entry tool", and the AI button is for the "AI translation tool".

Manual entry translation

The Manual entry tool is shown below, this allows you to manually enter your desired translation for the specified text.

AI translation

The AI translation works a little differently. When you press the button, you are adding the text to the AI translation queue. Once you have added all the text that you want to translate this way to the queue, you can hit the "Autopilot Translation" button in the top right corner of the page, and then "create autopilot translation task" to translate the text.

Custom translations feature

This feature is useful for when the visual editor can't display some text you want to translate. As an example, you can't add products to the cart while using the visual editor, so if you want to translate some text that only appears after a product is added to the cart, you will need to use the custom translation.

This tool works by having you manually enter the text you want to translate, and then the translation for that text. Then, the visual editor will replace any original language text that it finds with the provided translation.

That's all there is! Please let us know if you have any questions about this feature at help@hextom.com