Is the app that you are developing a public app, going to be listed on the Shopify App Store or a custom app, made for a single merchant? The process for adding the Checkout UI extension may be slightly different.
The general process for a shop to add a Checkout UI Extension is:
Have the Shopify App available for install
2. Deploy the Checkout UI Extension to Shopify
I have already done it but when I try to add the app as per the last link. Please check the below snapshot. I dont find options to add the app. I can not see my custom app there. I can see a public app there.
Have you deployed your Checkout UI extension to Shopify with the deploy command? As well as can you verify that you have published the extension? Publishing the extension is done from the Partner Dashboard, Your App > Extensions > Your Extension > Create Version > Publish
The URLs in the App Setup page need to match the URLs of your application. Otherwise an error will occur.
Then you can install the application using the install link. Once the application has been installed on your store, then you should be able to see the Checkout UI extension in the checkout editor.
Once I deploy the app all the code is built and goes to Shopify.
When I would install the app it would not have any code related to the checkout extension. Since the code is already deployed with the deploy command.
What is the use of providing the link for installation? It has any connection with the code we deploy or do we need to have checkout extension code on our server too?
I am sorry If I am wrong somewhere. I just want to clarify my doubts.
At this time, all Checkout UI extensions must be connected to an App.
Before you install the App on the store, your store has no way of knowing about your Checkout UI Extension. When you install the app on your store, you store know knows about the extensions that are available with that app.
This is the way it works right now, but keep your eye out for changes in this area.