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

Shopify does not support translation of text from 3rd party Apps or custom liquid sections. The Translate My Store App offers a what-you-see-is-what-you-get visual editor tool. With this tool, you can translate all the text on your website including text from Shopify, 3rd party Apps, and dynamic/custom content.

You can translate the text in the visual editor manually or automatically with AI translation. Please watch the video tutorials, or check out the written guide below for details!

Please Note: Visual Editor translation is only available to published languages in "advanced" type.

Translate 3rd party App text manually in visual editor:

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

Getting Started with the Visual Editor

The Visual Editor can be accessed from the dashboard page in our app, or through the left side menu

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

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.

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 too, and the AI button is for the AI translation tool.

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

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.

Lastly, there is the 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 make a 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.

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