How to add "app block" for an unpublished checkout UI extension on a development store (for test).

[DeeDee-TDY]

Hi, I am a corporate developer (we're on the Teledyne Shopify Plus plan) and have developed a checkout UI extension app for our business unit stores. The extension app (still in development) was using a static purchase extension which tested fine, but with recent checkout UI developer updates last week, the static extension target no longer exists and is replaced by the new dynamic extension: "purchase.checkout.block.render".

My issue is that, with a dynamic extension target, I must add an app block to the purchase section of the checkout UI page, but when "Add app block" is selected, the development store only allows me to select published apps from the app store. Note the extension app IS installed to the development store. How can I test this extension app with dynamic purchase extension prior to publishing the app? Any help/guidance is appreciated.

[DeeDee-TDY · Accepted solution]

Deploying your extension

To use the Checkout Editor you will need to push your extension to Shopify, and publish it.

In your terminal run the following command to push your extension code to Shopify:

npm run deploy

In your terminal output click on the link to navigate to the extension listing in the partner dashboard.

1. Create a new version of your extension.
2. Publish that version to make it live for merchants with the app installed.