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. 

The widget script will not automatically be added to the order status page, you will have to add it manually. 

In the app go to the settings page and enable the switch "Manually add script tag".

Copy the script from the input field.

If you want to use the upload widget on other product pages without manually having to add the script in your theme, you can disable the switch flag again. 

Next, 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 script you've copied before:

<script src="https://assets.cloudlift.app/api/assets/upload.js?shop={{ 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.