Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.

Testing checkout Order status page extensions

Milind
Shopify Partner
8 0 3

Hi All,

Trying to implement Checkout UI extension for the order status page.


I followed below documentation for that
https://shopify.dev/docs/apps/checkout/order-status-page/getting-started


When testing the extension it does load on all the “checkout pages” I can see that in network js file is loaded from the ngrok url.


But when I tried to load it on order status page it does not loaded.
I tried to do troubleshooting from this link - https://shopify.dev/docs/apps/checkout/order-status-page/getting-started#troubleshooting


I also tried to add dev parameter with correct tunnel url in the order status page but nothing works.

 

Can anyone help me with this?

Replies 4 (4)

rg18
Shopify Partner
2 0 4

Same problem here. Were you able to find a solution?

Milind
Shopify Partner
8 0 3

No solution yet.
Even from Shopify, there is no help on this in any support channel.

avy
Shopify Partner
3 0 0

I have the same problem!

I was following the same tutorial to familiarize myself with the apps and try to enter content on the order confirmation page, but I can't see it.

Making some changes to the code I can see a block in the other checkout steps, but not in the order confirmation page. I tried inserting logs and again, I see them in the previous steps, but not in the final one.


Anyone who can help us?

jmp-shopify
Shopify Staff
1 0 0

Hey everyone!

For the extensions not showing up on the Order Status page, was the placement-reference=ORDER_SUMMARY1 query param appended to the URL

The default placement reference for dynamic extensions is INFORMATION1 which is not shown on the Order Status Page. More about the placement-reference query param can be found here

To learn more visit the Shopify Help Center or the Community Blog.