Shopify Checkout UI Extensions

Requirements

If you created your checkout UI extension with the Shopify CLI 3.x tool, you're all set.

If not, you'll need to make sure that any language files are in JSON format and located in the locales/ directory. They should be named the 2 character language code.

Setup

Preparing your checkout UI extension

Shopify has built localization into it's checkout UI extensions by default. So it's really easy to get set up.

In order to translate your checkout UI extension, you'll need to make sure that all of your phrases are wrapped in a translation helper function like so:

translate("my phrase");

Here's a quick tutorial from Shopify that will walk you through step by step.

And if you have any questions, or you just want us to do the work for you, please contact me and I'll be happy to help.

Connect your Git repository

Click the New Project dropdown in the upper right and select the provider where your project repository is hosted,. If this is the first time, it will prompt you to authenticate with your Provider so TranslateCI can get the access it needs.

Set up your project

After you connect your Git repo, we'll need just a few pieces of information about your checkout UI extension.

Repository

Your Git repository. translateci/my-repo, for example.

Branch

The ranch where we will read from nand make pull requests to. Usually, this will be either your production branch or a staging branch.

Project Type

Select Shopify Checkout UI Extension

Source language

What is the default language for your project? When you add new phrases, what language do you write them in?

Destination Language

When you select your source language, this is automatically populated with a checklist of languages that we have translators for. You can sele ct as many languages as you want here to translate your project into. Don't see a language supported that you would like? Get in touch!.

Review Your Quote

When you're ready, click Start translation job to begin translating your application. At that point, you will be asked to enter your credit card information. We use Paddle to manage payments and subscriptions.

You have two payment choices: You can pay as you go or you can opt for a monthly subscription. The monthly subscription includes monthly credits, a discount on additional credits and automatic updates when you push new code.

Merge TranslateCI's Pull Request

When your translation job is finished, we'll email you to let you know it's complete and open a pull request on your repository. Review those changes, and if you're happy, you can merge the PR. If you're not thrilled for any reason, send us an email and we'll make it right!