Adding your customers pickup/delivery/shipping information to the order status page is super easy and convenient way of reminding your customers of their chosen pickup time, delivery slot or delivery day.
- Within Shopify click Settings and then Checkout
- In the Order processing section, find the Additional scripts text box
- Simply copy and paste the code below into the additional scripts box
<script> {% if order.attributes.Pickup-Date and order.attributes.Pickup-Time %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Pickup Information</h2>', '<p>Your order will be ready for collection at our {{ order.attributes.Pickup-Location-Company }} location on {{ order.attributes.Pickup-Date | date: "%A, %d %B" }} at {{ order.attributes.Pickup-Time }}</p>' ) {% elsif order.attributes.Pickup-Date %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Pickup Information</h2>', '<p>Your order will be ready for collection at our {{ order.attributes.Pickup-Location-Company }} location on {{ order.attributes.Pickup-Date | date: "%A, %d %B" }}</p>' ) {% elsif order.attributes.Checkout-method == "pickup" %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Pickup Information</h2>', '<p>Your order will be ready for collection at our {{ order.attributes.Pickup-Location-Company }} location.</p>' ) {% elsif order.attributes.Delivery-Date and order.attributes.Delivery-Time %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Delivery Information</h2>', '<p>Your order will be delivered locally by our team on the {{ order.attributes.Delivery-Date | date: "%A, %d %B" }} between {{ order.attributes.Delivery-Time }}</p>' ) {% elsif order.attributes.Delivery-Date %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Delivery Information</h2>', '<p>Your order will be delivered locally by our team on the {{ order.attributes.Delivery-Date | date: "%A, %d %B" }}</p>' ) {% elsif order.attributes.Checkout-Method == "delivery" %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Delivery Information</h2>', '<p>Your item will be delivered locally by our team. Contact us for more details on exact delivery dates/times.</p>' ) {% elsif order.attributes.Shipping-Date %} Shopify.Checkout.OrderStatus.addContentBox( '<h2>Shipping Details</h2>', '<p>Your order will arrive on the {{ order.attributes.Shipping-Date | date: "%A, %d %B" }}</p>' ) {% endif %} </script>
- Click Save
