Articles on: Tutorials

Tutorial: How to add translations to an app block on your Shopify Checkout and Post Purchase Pages

Learn How to Translate Your Checkout Plus App Blocks on the Shopify Checkout and Post Purchase Pages


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. Find the app block you want to translate and select "Manage"




Step 2. In the settings of the block select "Translations" at the top of the page




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



Language Selection

Step 4. 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 5. Save the changes and the App Block is now translated!



Scenario 2. Multiple Banner Instances


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


Multiple Instances Example

Step 7. Match the Banner Instance name from Step 6 on the App Block in the Block Settings




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


Interested in Checkout Plus? Try it for free now





Updated on: 13/03/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!