How to Display Estimated Delivery Date on Shopify

Selling products to international customers via Shopify, a top-tier eCommerce platform, warrants the need to inform shoppers about the delivery timeframe. This empowers them to make a well-thought-out decision on whether to buy from your store or not.

Neglecting this aspect can lead to unfavorable outcomes. For example, a customer who orders from your site without knowing the delivery duration might feel frustrated and annoyed. In extreme cases, they may initiate a claim through their payment portal.

This piece aims to shed light on how to display an estimated delivery date on Shopify, thereby enabling you to steer your online business effectively.

Why Display Estimated Delivery Dates?

Displaying estimated delivery dates on your Shopify store builds trust and improves customer satisfaction. When customers know when to expect their orders, they are more likely to complete their purchase. It also reduces inquiries about order statuses.

Adding this feature can reduce cart abandonment rates and enhance your store's professionalism. Customers appreciate transparency, and knowing their expected delivery date can be a decisive factor in their purchasing decision.
 

Displaying Estimated Delivery Date on Order Confirmation Page

To show the estimated delivery date on the order confirmation page:

1. Navigate to the 'Themes' section in your Shopify admin, click 'Actions', and then select 'Edit Language'.
2. Switch to the 'Checkout & system' tab.
3. Locate the 'Estimated delivery date range' and leave a blank space.
4. Find "One" under the 'Checkout shipping estimated delivery date' section and leave a blank space.
5. Ensure that the customer views the accurate estimated shipping days on the order confirmation page.
6. Head to the 'Settings' section, then click 'Checkout'. Locate the 'Additional scripts' area.
7. Insert the following code in the text box:

<!-- DEBUG {{ checkout.shipping\_method.title }} has been used -->
{% if checkout.shipping\_method.title == 'FedEx Ground' %}
<br/>
Your delivery will take 2-7 business days.
{% endif %}

8. Save your changes. You can repeat the process for other shipping methods.
9. Finally, place a test order to confirm that everything appears correctly on the confirmation page.
 

Displaying Estimated Delivery Date in Shopify 2.0 Themes

If you're using the Dawn theme or any other Shopify 2.0 theme, you won't need to modify the theme code. Here's a step-by-step guide to help you:

1. Navigate to 'Online Store' and then click on 'Themes'.
2. In your Shopify 2.0 theme, click the 'Customize' button.
3. Open the 'Product > Default product template' in the theme editor, or use your custom product page template if you have one.
4. Add a 'Custom Liquid' section to the product page and position it wherever you'd like the estimated delivery date to appear.
5. Copy the exact code given below and paste it into the 'Custom Liquid' input box.

<p> <img src="https://cdn-icons-png.flaticon.com/512/1670/1670915.png" style="height:25px;float:left;margin-right:10px;padding-bottom: 4px;"/>

Get it by around <strong><span id="fromDate"></span> - <span id="toDate"></span></strong></p>

{{ '//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js' | script_tag }}

<script>

var fromDate = Date.today().addDays(5);

if (fromDate.is().saturday() || fromDate.is().sunday()) {

fromDate = fromDate.next().monday();

var toDate = Date.today().addDays(10);

if (toDate.is().saturday() || toDate.is().sunday()) {

toDate = toDate.next().monday();

document.getElementById('fromDate').innerHTML = fromDate.toString('dddd MMMM dS');

document.getElementById('toDate').innerHTML = toDate.toString('dddd MMMM dS');

</script>

To modify the Minimum Delivery Days duration, simply replace the number "5" in the line `var fromDate = Date.today().addDays(5);` with your desired value.

Likewise, for the Maximum Delivery Days, replace the number "10" in the line `var toDate = Date.today().addDays(10);` with your preferred choice.

6. Save your changes.
 

Top 3 Shopify Apps for Delivery Dates

1. Aftership - Track & Notify: While primarily a tracking app, Aftership also offers a robust estimated delivery date feature. It uses real-time carrier data to provide accurate estimates, reducing "Where's my order?" inquiries.

2. Estimated Delivery Date: Known for its simplicity, this app calculates delivery times based on your input. It supports multiple shipping methods and can display estimates on product, cart, and checkout pages.

3. Stellar Delivery Date & Pickup: Beyond just delivery dates, this app lets customers choose their preferred delivery or pickup time slots. It's ideal for businesses offering local delivery or in-store pickup options.
 

Conclusion: How to Display Estimated Delivery Date on Shopify

Implementing estimated delivery dates on your Shopify store isn't just a feature—it's a strategy for growth. By providing this transparency, you're building trust, reducing cart abandonment, and setting clear expectations. Whether you choose user-friendly apps like Aftership or opt for manual Liquid coding, the result is the same: happier customers and healthier sales. Remember, it's not just about informing; it's about creating an experience that keeps shoppers coming back.