How can I display the widget texts translated?
Localization is key to expanding your business globally, and Shopify is on the right track to providing more and more tools within Shopify Markets to help you grow your business internationally.
For more information on how Shopify helps you add translations, please visit https://help.shopify.com/en/manual/markets/languages.
When it comes to Shipping Rates Calculator Plus, it is partially integrated with multiple languages. What does this mean? When customers visit your store in their local language, they will see the widget texts translated (such as the app title or the 'Gather shipping rates' button), as long as you have provided translations via Shopify Translate & Adapt or a compatible third-party translation app.
However, the names of the rates, as well as the names of the countries and regions, are provided directly by Shopify and we are currently unable to translate them.
To display the widget texts translated, please follow these steps:
First, enable the following setting in the Advanced Preferences section and save the changes:
- Once you have enabled it, provide translations for the widget texts using Translate & Adapt or a compatible third-party translation app.
How do I add translations for the widget texts using Translate & Adapt?
The Translate and Adapt app by Shopify is designed to help merchants easily localize their online stores for international markets. It offers both automatic and manual translation features.
Automatic translation
To create the widget translations automatically, select the desired language, and simply click on the "Auto-translate" button:
Manual translation
To create the widget translations manually, select the desired language, and look for the "Store metadata" section:
Once inside, look for the metafields starting with 'cbb_shipping_rates_calculator_plus':
In the first column, we can see the metafield names.
In the second column, we can see the default translations provided on the app preferences pages.
In the third column, we can create the desired translations.
Let's see an example: if no translations are created, the widget will display the default translations provided on the app preferences pages:
However, if we have added translations in the Translate and Adapt app, the widget will display those specific translations:
