Adding Custom Fields Data (Metafield Data) to the Order Status Page

Custom Field (metafield) data about an order can be added to the Order Status page that your customers see when they check the status of the order.  

This can be done using a script. In the Shopify admin, go to this page: /admin/settings/checkout

A script can be added on the page under "Additional Scripts".

This example script adds data from a metafield that is attached to the order itself. 

<script>
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>My new heading</h2><p>{{ order.metafields.custom_fields['my_order_field'] }}</p>',
);
</script>