How can I show the widget on the order status page?

Upload widget can be shown on order status/thank you pages, follow the steps below to setup the upload widget. 

In the app display settings section, set a custom selector for the upload field as shown below. 

Product targeting is not supported on order status pages. 

Manual app loading

The upload will not automatically be added to the order status page, we will have to add it manually. 

Navigate to the Checkout Settings in the Shopify Admin at the bottom left corner  Settings > Checkout.

add the following code to the "Additional script" box: 

<script>Shopify.Checkout.OrderStatus.addContentBox('<div class="upload-order" data-order-number="{{ order_number }}" data-order-id="{{ order_id }}" data-order-name="{{ order_name }}"></div>');</script>

the class selector " upload-order" needs to match the selector from the upload field ".upload-order" in this case. ( dot is required to search for class="" attributes ) 

Add the end add the app script tag:

<script src="{{ shop.permanent_domain }}"></script>

Save the settings.

File uploads on the order status page will now get linked to your orders and shown in the app. ( see related articles to learn how to download ordered files ) 

If you are on a plan that has the Archiving feature enabled, the uploaded files will also automatically get archived when they are linked to an order.
The files will then show up in the Archive section of the app.  To learn more about the archiving feature visit the related articles below. 

If you need further assistance, please send us a request and we will be happy to help you out. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.