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 %}
- Visit your Checkout Settings page.
- Scroll down to the Additional Scripts section.
- 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.