Deploy Shopify Checkout UI Extension on Plus Store

Hi,

We have built a Shopify checkout extension but we are not a plus partner.

I don’t find any option to deploy the checkout extension on a plus store. We could develop it in the development store.

Can anyone guide us through the process to deploy it on a live plus store?

Hi there :waving_hand:

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:

  1. Have the Shopify App available for install
    2. Deploy the Checkout UI Extension to Shopify
  2. Merchant Installs Shopify App
  3. Merchant adds Checkout UI extension with Checkout Editor

Hi,

It is a custom app, not a public app.

We need to install it on a single plus store as a custom app.

Please guide us on the next steps.

You can create a link to install the app from your Partner Dashboard. Select your app > Choose Distribution > Choose single-merchant install link.

Hi,

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.

Is this available to certain merchants on Shopify?

Let me know.

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

Hi,

Yes, we deployed ut using the deploy command and published the extension too.

However, when the link to install the link is opened it asks for the app URL. do we need to generate the installation files on our server as well?

If we have deployed the code already on Shopify and published the extension how we can install it in a Plus store?

Check the screenshot 1

Do we need to fill the below details in case of extension if the extension is deployed ?

Also, do we need to install it using the below link from distribution option or we can deploy it somewhere else.

Let me know.

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.

Hi,

I just want to confirm one thing.

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.

Hi,

Thanks for the detailed instructions.

I deployed and published the extension.

I created an install file and added a redirect URL from the same host as below.

When I tried to install the link from merchant install link it gives me the below error

I think the redirect URI and app url belong to the same domain.

Please guide us why it is happening.

It looks like there is a space at the beginning of your redirection URLs.

1 Like

No I double checked already and once more now

Do you see any other possibility ?

The issue is fixed. It was due to wrong API keys and secret in installation file

I have the same issue, could you tell me how solve it ?