Auto Translate & Currency Assistant: Automatically Translating Store Content and Switching Currency

The Auto Translate & Currency Assistant app automatically translates your store content and converts currency for shoppers, allowing them to browse in their preferred language and currency with ease. This creates a more localized, seamless shopping experience—especially valuable for merchants serving customers across multiple regions or operating in global markets.

This guide walks you through how to configure automatic translation, enable currency switching, and customize the language and currency selectors to better meet your customers’ needs.

Configuring the Language Selector for Your Store

With the Auto Translate & Currency Assistant app, you can enable automatic language translation powered by Google Translate, allowing your store to present content in multiple languages through a built-in language selector. This helps international customers browse your store and understand your products more easily, enhancing their overall shopping experience.

Enabling the Language Selector

To enable the language selector on your store website, follow these steps:  

1. In your app, go to the Multi-language management tab.
2. Toggle on Google translation for online store and choose the selector placement: Header or Footer.
3. Under Language selector settings > Preferred language in selector, choose what customers will see:
   • Match customer's browser language

   • Default language

     

Configuring Supported Languages

To configure the languages that will appear as options on your storefront, follow these steps:

1. In the Current default language section, you'll see the store’s default display language, which cannot be changed in the app. To change it, click Go to Settings - Language.

2. Under Language selector settings, you can manage the languages shown in the selector:Add language: Click Add language to add new language options to the language selector:

   Note: The language list here is automatically synchronized with the Supported languages in your Languages module. Any language you add or delete here will instantly update your store’s overall language settings.

• Add language: Click Add language to add new language options to the language selector. 

  

• Delete language: Click the trash bin icon to remove unwanted languages.
• Advanced translation settings: Choose which languages should display custom content instead of Google Translate. For details, refer to "Setting the Translation Source for Each Language" below.

Setting the Translation Source for Each Language

You can define how each language is translated based on your needs.

In Auto Translate & Currency Assistant, store content is translated using Google Translate by default. If you want certain languages to display custom content instead, you can configure this in Advanced translation settings using the UGC Multi-Language Visual Translator app.

To set the translation source for a specific language: 

1. Go to Language selector settings in the app.
2. Add the languages you want to support. Click Add language to add the languages you want to make available in the selector.
3. If you want to further customize how certain languages are translated, click Advanced translation settings.
    
4. Select the languages that already have custom content prepared. 
   Note: For instructions on configuring custom translations using the UGC Multi-Language Visual Translator app, refer to "UGC Multi-Language Visual Translator: Adding and Managing Store Content Translations."
   
5. Save your settings. The storefront will then display the corresponding translation source based on your configuration.

After setup, the storefront will display content based on your configuration, using either Google Translate or custom translations from UGC Multi-Language Visual Translator.

You can view the translation source for each language in Selector language settings. The displayed source may include:

• Basic: Original content: Displays the original store content without Google Translate.
• Basic: Google-translated content Uses content translated automatically by Google Translate.
• Advanced: Custom content: Prioritizes custom content from UGC Multi-Language Visual Translator.

This allows you to quickly identify and manage the translation sources for different languages in one place.

Displaying the Language Selector on Your Storefront

To allow customers to switch languages while browsing your store, activate the app and customize the language selector’s style in your theme editor: 

1. In the app, go to the Multi-language management tab.

2. Under the Multi-language selector settings > Selector styles section, click Go to the editor.

   

3. In the theme editor, enable the Multi-language switching tool.

   

4. Click the disclosure triangle next to the Multi-language switching tool to expand its settings, then customize the selector’s style for your storefront.

The language selector will now appear on your store website according to the position you selected in the app.

Configuring the Currency Selector for Your Store 

Offering multiple currencies can significantly enhance your store's global competitiveness. With the Auto Translate & Currency Assistant app, customers can easily browse your products in their preferred currency, enhancing their shopping experience and building trust.

Enabling the Currency Selector

To enable the currency selector on your store website, follow these steps:  

1. In the app, go to the Multi-currency management tab.

   

2. Toggle on Enable multi-currency switch. Then, choose the selector placement: Header or Footer, and whether to Display currency symbol.

   

Configuring Multi-Currency Switch

The app’s ability to switch currencies relies on the currency format codes configured in your store’s admin panel. Follow the steps below to set up the codes for multi-currency switching:

1. In the app, go to the Multi-currency management tab and click Set the currency display code under the Currency list that supports switching section.

   

2. Copy the codes from the HTML with currency and HTML without currency fields. Then, click Basic settings.

   

3. On the Basic settings page, locate Payment currency, enable Custom currency format, and click Edit format.

   

4. Paste the copied codes into the corresponding fields for the store's payment currency (usually the first option).

   

5. To change the currency display format, click Notice and refer to the formats shown in the table. Then replace {{amount}} with the variable you want to use.

   

6. Click Save. 

Your website is now equipped with currency-switching functionality. Only currencies listed in the app's Currency list will be available for selection. For how to configure the supported currencies, see the Configuring Supported Currencies section.

Configuring Supported Currencies

Not all currencies will be displayed for selection. To choose which currencies to display, follow these steps:

1. In the app's Multi-currency management tab, go to Currency list that supports switching > Default currency, and select the default currency display rules:

   Note: The default currency setting works independently of the currency selector feature. Even if the Enable multi-currency switch option is turned off, the default currency setting will still function.

   • Auto-detect based on IP address: Displays the currency based on the visitor's location.

   • Specify currency: Set a fixed default currency

     

2. In the Currency list section, you can perform the following actions:

   • Edit Currencies: To quickly add or remove currencies, click the + Edit list button and select or deselect the currencies in the pop-up window.

     

   • Adjust Display Order: To change the currency order, click Adjust sorting and drag and drop the options as needed.

     

   • Delete Currencies: To remove unwanted currencies, click the trash bin icon. The store's payment currency cannot be deleted.

     

Displaying the Currency Selector on Your Storefront

To enable customers to switch the currency while browsing your store, activate the app and customize the currency selector’s style in your theme editor:

1. Go to the Multi-currency management tab in the app.

2. Under the Component currency and currency display section, click Go to the editor

   

3. In the theme editor, enable the Multi-currency switching tool

   

4. Click the disclosure triangle next to the Multi-currency switching tool to expand its settings, then customize the currency selector’s style for your storefront.

   

The currency selector will now appear on your store website according to the position you selected in the app.

FAQs

1. Why is the currency selector not working even though it’s set up correctly?

If the currency selector isn’t functioning properly, please check the following:

• Make sure the correct currency code is set in the Admin.
• Make sure the Embed Block is enabled in the theme settings.
• Check if the "Search" feature in the header navigation is hidden. If it’s hidden, the selector might fail to load.

2. How to change the currency format?

If you want to edit the currency format, go to the format code provided in your store admin. Find the currency code that includes {{amount}}, and replace amount with the format parameter you need. You can click Notice to view the  supported format options.