Tutorial: How to add translations to an app block

Learn How to Translate Your Checkout Plus App Blocks

Learn how to translate your app blocks to provide a better experience to your customers in any location. This tutorial will guide you through creating translations for a single app block or for multiple apps blocks.

This tutorial requires you to have knowledge of How to add Checkout Plus extensions in Shopify's Checkout Editor and to be on the 'Shopify Plus' plan if you plan to place this on the Checkout. All store plans can place this on the 'Thank you' and 'Order Status' pages.

Scenario 1. (Basic) One Instance of the App Block on the Checkout

This scenario is when a there is only one instance of a type of app block being displayed. For example there is only one 'Custom Banner Message' that needs to be displayed and translated.

Steps

Step 1. Access the Translations in the App Dashboard

Translations Button on Dashboard

Step 2. Select the Languages and App Block Type to Translate

Language Selection

Step 3. Add Translations for each language

Note: The 'Default' fallback is used for when there is a language that is displayed in the Checkout that is not translated so it will use this text as the fallback text.

Step 4. Save the changes and the App Block is now translated!

Scenario 2. Multiple Banner Instances

Step 5. Create An Instance Each App Block You Want to Translate

Multiple Instances Example

Step 6. Match the Banner Instance name from Step 5 on the App Block in the Checkout Editor

Checkout Editor Example

Once you have done this select save and you are all done!

Interested in Checkout Plus? Try it for free now

Updated on: 15/07/2025

Was this article helpful?

Thank you!