What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Shopify Checkout with Hydrogen

How to maintain Shopify checkout flow when moving to custom domain with Hydrogen?

rakesh06
Tourist
7 0 7

We are using Hydrogen for developing a custom store front on our end. 

Context

  • We want to use the existing(prebuilt) shopify flow for the checkout process ie we don’t want to design/implement a custom checkout at our end. 
  • Right now our custom storefront is hosted on heroku on domain provided by heroku but we eventually plan to move it to our custom storefront to our original domain ie https://storedomain.com/.
  • As of now all our Checkout buttons(provided by Hydrogen) on our custom store front point to a url like https://storedomain.com/.../checkouts/... or https://shop.app/pay/transactions/new/… , depending upon if the user is logged in or not. 

Issue

  • Since we eventually plan to move our custom store front to our original domain. Doing so would break the checkout flow, if the checkout url remains same as it is now ie https://storedomain.com/.../checkouts/..., this url would start point to our custom store front instead of checkout flow as provided by Shopify.
  • It would be really helpful if anyone could guide us through this. 
Replies 5 (5)

macian-devs
Shopify Partner
1 0 3

Hello Rakesh06,

 

were you able to make any progress on this issue?

I'm facing the same issue and i want our store to have the same url for the storefront and checkout flow.

victorpotasso
Visitor
2 0 3

Same issue here for me. So I've decided to try to build a checkout by myself. I'm new to Shopify and Hydrogen so I don't even know if it's possible

nhcon
Shopify Partner
14 0 7

Hello All!

Were any of you able to solve this issue? I was under the assumption that you needed Shopify Plus account ($2K per month) to be able to do this (customize the checkout page in either hydrogen or liquid).

You go through the effort of making a hydrogen storefront which is very cool, but then you have to style the checkout area again to match your storefront?

Also, if you make a custom navigation Menu (bypassing the built in menu which pulls from a built-in dev store Menu), once you get to the checkout, it uses the built-in menu. So a custom menu in hydrogen becomes pointless?  

I'm new to both as well. So maybe I'm missing something.  There's no way we can justify $2k per month on Shopify Plus as a startup.

 

@scottdixon or any other hydrogen/shopify people. Can you all answer?

nhcon
Shopify Partner
14 0 7

Note: You can see this in action at the above example thread creator provided.   If you get into their non-hydrogen side, the online store part, their navigations are all different. It says "free shipping on orders over $250" on the hydrogen side, and "free shipping on orders of $200" on the online store side if you click "Already have a Log-in" or get redirected to the non-hydrogen side in any way.  

Rohit821861
Shopify Partner
2 0 0

hello Rakesh06

How are you using /checkout domain in hydrogen