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.

From your Shopify admin, go to Settings > 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 attributes.Pickup-Date and attributes.Pickup-Time %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Pickup Information</h2>',
       '<p>Your item will be ready for collection at our {{ attributes.Pickup-Location-Company }} location. <br/><br/><strong>Date:</strong> {{ attributes.Pickup-Date }} <strong>Time:</strong> {{ attributes.Pickup-Time }}</p>'
      )
    {% elsif attributes.Pickup-Date %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Pickup Information</h2>',
       '<p>Your item will be ready for collection at our {{ attributes.Pickup-Location-Company }} location. <br/><br/><strong>Date:</strong> {{ attributes.Pickup-Date }}</p>'
      )
    {% elsif attributes.Checkout-method == "pickup" %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Pickup Information</h2>',
       '<p>Your item will be ready for collection at our {{ attributes.Pickup-Location-Company }} location.</p>'
      )
    {% elsif attributes.Delivery-Date and attributes.Delivery-Time %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Delivery Information</h2>',
       '<p>Your item will be delivered locally by our team on the: <br/><br/><strong>Date:</strong> {{ attributes.Delivery-Date }} <strong>Time:</strong> {{ attributes.Delivery-Time }}</p>'
      )
    {% elsif attributes.Delivery-Date %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Delivery Information</h2>',
       '<p>Your item will be delivered locally by our team on the: <br/><br/><strong>Date:</strong> {{ attributes.Delivery-Date }}</p>'
      )
    {% elsif 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 dates/times.</p>'
      )
     {% elsif attributes.Shipping-Date %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Shipping Details</h2>',
       '<p>Your item will be shipping for delivery on the {{ attributes.Shipping-Date }}</p>'
      )
    {% endif %}
</script>

Once pasted all you need to do is Save.

Thats it! Dependant on your stores configuration the correct attributes will be displayed in the checkout:

Did this answer your question?