Clarification on Checkout UI Extension Visibility in Checkout Editor

Extensions
1

Hi,

I’m looking for some clarification regarding my Checkout UI extension setup.

I’ve completed development on my embedded app and have begun the process for public app distribution. During development, I used the Shopify CLI to serve both my embedded app and Checkout UI extension to my development store, which worked as expected.

Now that I’ve set up hosting and can successfully install and run my app live (on a development store), I’m running into an issue: I’m unable to add my Checkout UI extension through the checkout editor. I’ve followed all the steps in the Shopify documentation, but my extension does not appear under the “Add app block” list.

For context, the extension’s target is:
target = "purchase.checkout.delivery-address.render-before"

Could you please advise if I may have missed a step?

Thank you!

1 Like
2

Hey @complex_developer!

Happy to look in to this with you :waving_hand:

Just to confirm, the new development store you are testing with, are you still using the extensibility developer preview?

Another thing to check is to ensure you have deployed the working version without a no-release flag Deploy app versions

3

Hey! Just checking in to see if you’re still running in to this issue after checking the above?

4

Hi,

Thanks for your response. I actually figured out the issue.

I had the “Development store preview” option turned on. For those who may come across this later, this is found by following: Partner Dashboard → apps → your app → Extensions, where it should be near the top of the page.

Having this on, “Serves work-in-progress extensions on development stores. This overrides the active app version that’s live to users”. Which disallows you from accessing your extensions in the checkout editor it seems.

Thanks!

1 Like