Change/Hide Continue Shopping Button on Thank You Page

Hydrogen and Storefront APIs
1

Hello all,
We are using Shopify in a headless manner with our Shopify Plus account. We have a web based app where clients can purchase services. We use the Shopify API to generate a draft order with the services they want and then they complete checkout with the invoice URL for the draft. Shopify then sends us the orders/create webhook when they complete checkout so we can update their account accordingly. This is all working great with one drawback; On the Thank you Page there is a “Continue Shopping” button that when clicked takes the user back to ourstore.myshopify.com, but since we don’t use the Shopify Storefront we left it password protected so the continue shopping button takes them to a password protected page for the storefront.

As you can assume, we don’t want this because it will confuse our customers. Ideally we would like to simply remove this button from the thank you page or alternatively, change the URL it sends the customer to so we can send them back to the web app (preferably with some metadata, but I can worry about that later). However when customizing the theme’s (Dawn) thankyou page we can’t hide the block with the continue shopping button.

I’ve spent a lot of time researching this issue and I keep finding old information about editing checkout.liquid. For me to do that I’d have to downgrade the checkout system to the old style, and even then they’re doing away with it in August 2025, so I’d have to come back and fix this issue again in less than a year if I go down that path.

How are current headless stores handling this continue shopping button? It seems like it should be trivial to edit/remove/hide, but I can’t find any current information on this. I even tried asking ChatGPT/Gemini and they suggested responding to webhooks with a 302 response to redirect the customer. I didn’t think it would work, but in the name of science I responded to the orders/create webhook with a 302 response and our URL, and as I expected, nothing happened. Other suggestions included creating a Checkout UI Extension with a javascript redirect in it, but I don’t think that’s possible either.

Any help would be appreciated.

2

You can inject a snippet of JavaScript by editing the theme (or through a Checkout UI Extension) to hide or repurpose the button.

Target the “Continue Shopping” button, then either set display: none; or change its href to your headless front end.

3

Hi, have you found a solution to this? In my case I wanted to hide the original button from the interface and create a new one from the Checkout extension but I only managed to create the button and not hide it. I was thinking of doing it with JS but the documentation indicates that the extension does not have access to the DOM.