How to customize checkout page without Shopify Plus?

ManOfWool
Tourist
7 0 2

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.

Replies 6 (6)

_JB
Shopify Staff
836 100 223

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.

JB | Solutions Engineer @ Shopify 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

ManOfWool
Tourist
7 0 2

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
Tourist
7 0 2

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

_JB
Shopify Staff
836 100 223

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!

JB | Solutions Engineer @ Shopify 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Trevor
Shopify Staff (Retired)
3408 463 989

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.

Trevor | Community Moderator @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

sem27
Visitor
1 0 0

Is there a release date for one page checkout?