Add a message to notify if a customer has chosen a Supertime method different than their shipping method on the Order Status page

Are you looking to let your customers know what to do if they have chosen a method that's different from their desired shipping method?

Order Status Page

You can show additional information in the post-checkout confirmation / order status page by using Shopify's Additional Scripts feature to show content based on shipping method. 

Example for adding instructions

Note: for this example, you have named your Supertime Method 'Local Delivery', and you are looking to match it to a 'Local Delivery' shipping method. Please replace the details with what is relevant for your store.

Paste the following snippet into the Additional Scripts box on your Checkout settings page:

{% if order.attributes %}
<script>
    {% if checkout.shipping_method.title == 'Local Delivery' and order.attributes["Supertime Delivery Method"] == 'Local Delivery' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Thanks for confirming your Local Delivery order! You can find the latest details how our local delivery service works on our website.</p>`
      )
    {% endif %}

    {% if checkout.shipping_method.title == 'Local Delivery' and order.attributes["Supertime Delivery Method"] != 'Local Delivery' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>It looks like you have a chosen local delivery method at checkout, but not in your cart. Please contact us to confirm your order details.</p>`
      )
    {% endif %}
  </script>
{% endif %}

1. Visit your Checkout Settings page.
2. Scroll down to the Additional Scripts section.
3. In the Additional Scripts text box, paste in the code snippet shown above. 

You may also customize your Order Confirmation page using Additional Scripts in a more custom manner using these liquid variables:

• Date: {{ attributes["Supertime Delivery Date"] | date: format: "basic" }}
• Time (24 hour time): {{ attributes["Supertime Timeslot"] }}
• Time (12 hour time or custom time formats):{{ attributes["Supertime Timeslot"] | slice: 0,4 | time_tag '%-I:%M %p' }} - {{ attributes["Supertime Timeslot"] | slice: 8,12 | time_tag '%-I:%M %p' }}
• Delivery Method: {{ attributes["Supertime Delivery Method"] }}

Refer to this article in the Shopify Help Center for additional details.