How to customize checkout page without Shopify Plus?

[ManOfWool]

I have my own online store. I want to include some javascript code into the checkout page and also modify the layout eg. combine main information and shipping into a single step.

- I still WANT Shopify to process the payment. I don't want to use any 3rd party service.

- I don't want to use any plugins.

- I don't want to use Shopify Plus.

Is AppProxy an option?

Is it possible with a Private App type?

How does Sales channel or checkout API come into play?

If any of the above requirements are not sufficient then what are my options?

Thanks.

[_JB]

Hey @ManOfWool,

The only way to add custom JS to your checkout is to modify the checkout template, which as you mentioned is only available on Shopify Plus plans. 

You can make basic styling adjustments to the checkout on any plan, but any more advanced functionality would need to be implemented directly on the checkout template.

[ManOfWool]

Thanks for the answer. But I'm not really satisfied with it.

The thing is that there are plugins out there that are somehow hijacking the process. So there has to be a way but I am unable to find the details of implementation.

https://www.magebird.com/shopify-one-page-checkout.html

Are you able to elaborate on the topic?

Simplest solution I can think of is creating the Public App and applying for Sales Channel. 

https://shopify.dev/tutorials/sell-through-the-checkout-api

Then, you should be able to complete the order at least with Card payment option. I might be missing something. The documentation is not clear enough.

[ManOfWool]

@_JB I would love if you could elaborate on my previous reply 🙂 

[_JB]

Hey @ManOfWool,

I can't comment on how other apps achieve certain functionality, but I don't see that app in our app store. 

I can confirm that outside of Shopify Plus plans, it's not possible to modify or inject code into the Shopify checkout. This protects the checkout experience for all merchants using the platform, by ensuring any changes Shopify implements in the checkout won't interfere with code that's been added. Our platform also provides various forms of security and protection for merchants using our checkout. Note that sales channel functionality is reserved for apps that connect merchant's products to a marketplace, and allow them to sell Shopify products on another platform. For the best checkout experience we still recommend that sales channel apps leverage the Checkout API to send customers through the Shopify checkout. 

If I had any other suggestions I would definitely provide them, but I need to make sure the information I'm providing is accurate. In this case the only information I can provide is to confirm that making changes to the checkout isn't possible. If there are any other questions I can answer, please don't hesitate to reach out!

[Trevor]

Hey, everyone! 

I wanted to follow up on this discussion with some exciting news. At Winter Edition 2023, Shopify announced that a one-page checkout will be rolling out later this year! You can find more details here.

Please let me know if you have any questions.

[sem27]

Is there a release date for one page checkout?