Signup

Adding pickup and delivery information to the order status page

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.

  1. Within Shopify click Settings and then Checkout
  2. In the Order processing section, find the Additional scripts text box
  3. 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>
  4. Click Save
A
Andrew is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.