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 6

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.