Shopify helps merchants expand their business to a global audience, sell to multiple countries, and scale internationally. This means that many merchants need to sell in multiple languages and currencies.
This guide explains how internationalization works, and provides key terms and example use cases for internationalization.
You'll also learn how to begin internationalizing your app by externalizing, formatting, and translating strings.
## How it works
Internationalization helps merchants expand their business to a global audience by creating shopping experiences in local languages and currencies.
> Tip:
> You can speed up internationalizing new and existing apps by using [i18n-ally](https://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally), an open source Visual Studio Code extension that makes it easier to externalize strings, view and navigate to translation strings from code, and perform machine translation.
The following diagram illustrates the different stages in the process of internationalizing your app:
<figure class="figure"><img src="https://cdn.shopify.com/shopifycloud/shopify_dev/assets/apps/internationalization/stages-549642730e9bda70388b01d50db114c879414a049c948bfc4be3b59ec81cea1c.png" class="lazyload" alt="Stages in the process of internationalizing your app" width="70%" height="1118"></figure>
### Definitions
The following definitions provide a starting point for understanding key terms associated with internationalizing your app:
| Term | Definition |
| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Internationalization | Building your app and interface so it can be used in different locales. This includes creating flexible interfaces that allow for text expansion and changes to word order. |
| Localization | Adapting your app and interface for different locales to make them a good cultural fit. This includes adapting features, changing visuals, and translating text. |
| Translation | Converting text from one language to another. Not to be confused with localization, translation is just one part of localizing a product. |
### Use cases
- The app user is going global as their addressable market is growing, and their buyers live in different parts of the world.
- The app user has staff that use the Shopify admin in multiple languages.
- You want to promote your app in the Shopify community. Shopify promotes localized apps in the App Store over apps that aren’t localized.
- You want to sell your app cross-border in other markets.
## What you'll learn
In this guide, you'll learn how to do the following tasks:
- Externalize strings so that they're available for localization
- Format strings, including names and lists to support regional variation
- Translate strings and test your UI
## Requirements
- You've created a [Partner account](https://www.shopify.com/partners) and [a development store](/docs/api/development-stores).
- You understand the different ways of [distributing your app](/docs/apps/launch/distribution).
## Step 1: Externalize strings
Translation is foundational to localization. The first step of translation involves externalizing any hard-coded strings from your app into translation files.
When your app renders its UI, it looks up the corresponding strings from the translation file that's associated with the requested locale.
### Source files
The following example shows a hard-coded `greeting` string from an app:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Hard-coded string"></script>
<script type="text/plain" data-language="javascript">
function greeting(casual_name) {
return `Hello ${casual_name}`;
}
</script>
</div>
</p>
The following example shows how to externalize the hard-coded `greeting` string in a translation file:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="translations/en.json"></script>
<script type="text/plain" data-language="json">
{
"greeting": "Hello {casual_name}"
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Looking up externalized string"></script>
<script type="text/plain" data-language="javascript">
function greeting(casual_name) {
return i18n.translate("greeting", { casual_name: casual_name });
}
</script>
</div>
</p>
> Tip:
> Even if you don't intend to initially translate your app, you should still externalize strings in your app during initial development. It can be difficult to externalize strings in an existing app that wasn't originally structured with externalized strings.
### Graphics
Text within graphics and images should also be externalized for translation.
Instead of having flat graphics that include text, externalize the text and overlay it on the graphic. Alternatively, you can generate flat graphics for each locale, and switch between them based on the requested locale.
## Step 2: Get access to the user's locale
Depending on the audience, the lookup of a translation string uses the preferred locale of either an app user or a buyer.
The mechanism for receiving the locale depends on the type of app or app extension being developed.
For example, embedded apps receive the app user's chosen locale in the `locale` request parameter in Shopify's `GET` requests to the app.
Refer to the documentation for your [type of app extension](/docs/apps/build/app-extensions/list-of-app-extensions) for more information.
## Step 3: Format strings
Beyond language translation, parts of your app's strings should adapt dynamically to different locales.
For example, dates and times, names, numbers, prices, and lists are elements that should be formatted differently based not on language, but on the user's region or preferences.
Remove these elements from your app's strings, use a localization library to generate the formatted versions, and inject the formatted versions dynamically using string interpolation. The following sections describe how to format the following parts of strings:
- [Dates and times](#format-dates-and-times)
- [Numbers](#format-numbers)
- [Prices](#format-prices)
- [Lists](#format-lists)
- [Names](#format-names)
### Format dates and times
The format of dates and times varies by region, not by language. As a result, dates and times, such as the following examples, don't belong in translation strings:
| Locale | Formatted datetime |
| ------- | ------------------------ |
| `en-US` | `12/19/2020, 10:23 PM` |
| `en-GB` | `19/12/2020, 22:23` |
| `en-CA` | `2020-12-19, 10:23 p.m.` |
Use an API or library to format dates and times. For example, you can use [`Intl.DateTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) and inject the formatted dates and times into your translations using string interpolation:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Non-localized en.json"></script>
<script type="text/plain" data-language="json">
{
"last_sale_day": "All orders must be placed by 2022-10-30"
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Localized en.json"></script>
<script type="text/plain" data-language="json">
{
"last_sale_day": "All orders must be placed by {date}" // 2022-10-30, 10/30/2022, 30/10/2022
}
</script>
</div>
</p>
### Format numbers
The format of numbers varies by region, not by language. As a result, numbers, such as the following examples, don't belong in translation strings:
| Locale | Formatted number |
| ------- | ---------------- |
| `en-US` | `123,000` |
| `en-NL` | `123.000` |
| `en-IN` | `1,23,000` |
Use an API or library to format numbers. For example, you can use [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) and inject the formatted numbers into your translations using string interpolation:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Non-localized en.json"></script>
<script type="text/plain" data-language="json">
{
"congrats": "Congratulations on 100,000 orders"
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Localized en.json"></script>
<script type="text/plain" data-language="json">
{
"congrats": "Congratulations on {formatted_number} orders" // 100,000, 100.000, 1,00,000
}
</script>
</div>
</p>
> Note:
> If the number is a variable, then you should also make use of pluralization features to make sure that the correct grammar can be used for each number.
### Format prices
The format of prices varies by currency and region, not by language. As a result, prices, such as the following examples, don't belong in translation strings:
| Locale | Currency | Formatted price |
| ------- | -------- | ---------------- |
| `en-US` | `USD` | `$123,456.00` |
| `en-CH` | `USD` | `US$ 123’456.00` |
| `en-IN` | `USD` | `$1,23,456.00` |
Use an API or library to format prices. For example, you can use [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) and inject the formatted prices into your translations using string interpolation:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Non-localized en.json"></script>
<script type="text/plain" data-language="json">
{
"order_total": "Your total order is ${price}"
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Localized en.json"></script>
<script type="text/plain" data-language="json">
{
"order_total": "Your total order is {formatted_price}", // $15.50, USD 15.5, 15,50 $US
}
</script>
</div>
</p>
### Format lists
The way that items are combined into lists varies by region, not by language. As a result, lists, such as the following examples, don't belong in translation strings:
| Locale | Formatted list |
| ------- | --------------------------- |
| `en-US` | `User, Product, or Variant` |
| `en-GB` | `User, Product or Variant` |
Use an API or library to format lists of items. For example, you can use [`Intl.ListFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat) and inject the formatted lists into your translations using string interpolation:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="en.json"></script>
<script type="text/plain" data-language="json">
{
"prompt": "Please select one of: {nouns}",
"nouns": {
"user": "User",
"product": "Product",
"variant": "Variant",
...
}
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script type="text/plain" data-language="javascript">
function selection_prompt() {
nouns = fetch_nouns().map(function (noun) {
return i18n.translate(`nouns.${noun}`);
});
return i18n.translate("prompt", {
nouns: new Intl.ListFormat(locale, {
style: "long",
type: "disjunction",
}).format(nouns),
});
}
</script>
</div>
</p>
### Format names
The way that you address a person varies by context and region.
For example, for a person with the given name "Quinn" and surname "Ishida" might be addressed in the following ways:
| Locale | Formatted full name | Formatted casual name |
| ------- | ------------------- | --------------------- |
| `en-US` | `Quinn Ishida` | `Quinn` |
| `en-JP` | `IshidaQuinn-sama` | `Ishida-sama` |
Don't encode the name formatting conventions of North American English. Instead, use an API or library to format a person's name based on the context, and inject the formatted name into your translations using string interpolation:
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Non-localized en.json"></script>
<script type="text/plain" data-language="json">
{
"greeting": "Hello {first_name} {last_name}",
"casual_greeting": "Hey {first_name}!"
}
</script>
</div>
</p>
<p>
<div class="react-code-block" data-preset="file">
<div class="react-code-block-preload ThemeMode-dim">
<div class="react-code-block-preload-bar "></div>
<div class="react-code-block-preload-placeholder-container">
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
<div class="react-code-block-preload-code-container">
<div class="react-code-block-preload-codeline-number"></div>
<div class="react-code-block-preload-codeline"></div>
</div>
</div>
</div>
<script data-option="filename" data-value="Localized en.json"></script>
<script type="text/plain" data-language="json">
{
"greeting": "Hello {full_name}", // Quinn Ishida, IshidaQuinn-sama
"casual_greeting": "Hey {casual_name}!" // Quinn, Ishida-sama
}
</script>
</div>
</p>
## Step 4: Translate strings
Translating strings involves accounting for text expansion in different languages, and providing your source strings to someone that can translate the content.
### Step 4A: Use pseudolocalization (Optional)
When interfaces are localized, the content often expands in length. In most languages, text is up to 50% longer on average than English. Some non-Latin languages, such as Japanese, take up more vertical space. For character-based languages, text wrapping and line breaking can’t always rely on spaces to separate words. Your interface needs to be flexible enough to accommodate language formatting and text expansion without changing its context of use.
The [Polaris i18n documentation](https://polaris.shopify.com/foundations/internationalization) has more information about, and examples of, text expansion issues.
You can use pseudolocalization tools ([example](https://github.com/Shopify/pseudolocalization)) to simulate text expansion before translation is completed. This enables you to test your app's UI for common text expansion issues. For example, you might want to test for overflowing strings or word wrapping.
### Step 4B: Choose the languages to translate into
The Shopify admin can be used in any of the [supported languages](https://help.shopify.com/en/manual/your-account/languages).
Shopify also translates some buyer-facing strings (first-party themes, checkout, and system messages) into additional languages (for example, refer to the [language list in the Dawn theme](https://github.com/Shopify/dawn/blob/0ea3e2780876ff81d599bffac5f6c790dac567b0/translation.yml#LL2)).
When deciding on which languages to translate into, consider starting with those most common in the regions or markets that your app supports.
### Step 4C: Translate content
Translating content involves providing your source strings to someone that can translate the content into each language.
> Note:
> Because you'll need to make changes to translations as you develop new features, you should expect the relationship with the provider of your translations to be a continuous partnership.
There are several options for getting translations. The options vary on cost, turn-around time, and quality.
#### Third party translation service
The highest quality, but often most costly, option is to engage a third party translation service to manage the work of providing translations for your app.
Translation providers manage the relationships with the translators so that you can have confidence in the quality and turnaround time of the translations.
Shopify recommends using one of the following translation providers:
- [Blend](https://www.getblend.com/)
- [Crowdin](https://crowdin.com/)
- [TranslateCI](https://translateci.com/)
#### Machine translation
Machine translation, such as [Google Translate](https://translate.google.com), is artificial intelligence software that can generate translations on-demand.
Machine translation can be quick and cost-effective, but the quality of the translations can vary because strings are often translated without context about your app or business.
#### Crowdsourced translation
If your app already has a large community, then sometimes community members are willing to contribute translations.
This method relies on managing and engaging your app's community in an ongoing manner, which can be time-consuming. Depending on the diversity of your community, it might be difficult to find enough people with fluency in the languages that you're translating your content into.
#### Do it yourself
If you or an acquaintance knows another language, then translations for that language can be manually provided.
#### Tips for high-quality translation
- Provide your translators with [all the context that they need](https://ux.shopify.com/getting-the-point-across-adding-context-for-translation-quality-75c62303d3aa).
- [Concatenate strings mindfully](https://ux.shopify.com/how-to-concatenate-localized-strings-mindfully-bcc7b6d4961a).
## Next steps
- Promote your app to a global audience by [writing](/docs/apps/launch/app-requirements-checklist#writing-a-shopify-app-store-listing) and [translating](/docs/apps/launch/app-requirements-checklist#translate-your-app-listing) an app listing.