How to develop an app that allows users to choose pre-defined addresses during checkout procedure?

Highlighted
New Member
1 0 0

Hi All, I'm a newbie in Shopify App development. I'm currently studying how to develop an app that can allow users to choose pre-defined addresses during checkout procedure?

 

I've done some searches and followed the tutorial Build a Shopify App with Node.js and React, but still couldn't figure out how it can be implemented yet.

 

I found a sample website (https://www.wcstore.hk) which does similar things I'd like to achieve. I'll explain a bit more below.

 

 

In a normal/standard checkout, the normal procedure looks like:

Cart > Information > Shipping > Payment

normal_checkout_1.png

 


 

normal_checkout_2.png

 


 

normal_checkout_3.png

 


 

But in the sample website, its checkout procedure looks like:

Cart > Delivery options > Information > Shipping > Payment

 

wanted_checkout_1.png

 


 

wanted_checkout_2.png

 


wanted_checkout_3.png

 

As you may see, a completely new page is added between Cart and Information page.

 

Could anyone please tell me if all this can be done by a Shopify App? If yes, could you please also tell me how it's implemented. I'd like to know where to start and corresponding documentations.

Thanks a lot.

0 Likes
Shopify Staff
Shopify Staff
1113 77 153

Hello @waiwai , 

 

For the listing of pickup addresses shown in their checkout, that can be accomplished by building a CarrierService

 

Aside from that though, everything else that I'm seeing here couldn't be accomplished in any way that I am aware of without either bypassing our checkout entirely, which isn't something that we allow or support. This could potentially be accomplished with a Shopify Plus subscription as well since they are able to customize their checkout, but I wouldn't be able to speak to the extent of which it can be customized. Ultimately though what you're seeing here can't be accomplished by using just an app. 

 

I think it's also worth noting that when I try to checkout from this shop, I'm not seeing this behaviour any longer either. 

0 Likes