Store pickup and delivery

How to Display an Estimated Delivery Date and Time on Shopify? [2024]

Last updated on

May 15, 2024

In these Covid-19 times, eCommerce sales have grown to new heights. More and more people are coming online and shopping from eCommerce sites from the comfort of their homes. As the number of online shoppers is rising, so is the number of eCommerce sites. According to an estimate, there are around 12-24 million eCommerce stores across the globe. With so much competition out there, you really don’t want to lose any chance of converting traffic to leads. 

One of the ways to increase your conversion rates is by using Shopify delivery date apps to display an estimated delivery date and time on your Shopify website. Showing delivery date and time on your store gives shoppers an idea of when they can expect delivery of their orders. This in turn enhances your customer shopping experience, builds trust, develops brand loyalty, and increases sales and profits. After reading the above benefits, you might be thinking about how to display an estimated delivery date and time on Shopify in 2022.

Don’t worry, this comprehensive blog will help you effortlessly achieve your targets and make sure your sales keep on growing. Let’s get right into it!👇

Your store's Pickup and Delivery made easy.

Importance of Displaying Estimated Delivery Date & Time To Your Customers

Convenience and Predictability

The more you show you really care about your customers, the more they are going to shop from you. Think this from the perspective of a customer, a customer has planned a holiday trip and needs some items before the holiday arrives. Having accurate delivery dates displayed will enable the buyer to get an estimate and select the best mode of shipping. This feature becomes extra crucial during the holiday season, especially during Christmas and Black Friday, when people are running short on time and need extra predictability.

Builds Customer Trust

In a digital world where words spread quickly, you will want to always display accurate estimated delivery dates and make sure to fulfill them. Building trust by being a reliable brand helps you generate more sales and grow brand loyalty. On the other hand, if consumer expectations go unfulfilled, your business can have serious repercussions like a drop-in brand value, and negative word-of-mouth leading to erosion in sales and revenues.

Security

 By showing the estimated delivery date and time, customers can know when they should be available to receive and sign the orders from the courier. This eliminates the problem of leaving the parcel unattended at the doorstep, which can lead to theft.

Saves You Money

Showing this information upfront to the customers reduces the chances of them calling your customer service. This in turn saves you a lot of cost of having a large customer support staff simultaneously giving a pleasant shopping experience.

Enabling Estimated Delivery Date and Time on Your Shopify Stores

There are two easy ways to display the delivery date and time.

Adding Estimated Delivery Date in Shopify 2.0 Themes Using Scripts

Using this method, you will be able to show the estimated delivery date range on the product page of your Shopify store. Hence, before purchasing any product, customers will be able to see the estimated delivery date range. The script given below will help you display the estimated range of the dates for order delivery. 

The end result will be something like this:

How to Display an Estimated Delivery Date and Time on Shopify? [2022]

If you’re using Dawn or any Shopify 2.0 theme, you don’t need to edit any theme code. Please follow these step-by-step instructions to achieve this:

  • Step 1: Go to Online Store > Themes.
  • Step 2: Click on Customize icon in your Shopify 2.0 theme.
  • Step 3: From the theme editor, click on the drop-down menu button on the top. Below Templates, click on Products > Default Product. If you created any custom product page template, you can use it too. 
  • Step 4: Focus on the left side of the page. Under Product Information, click on Add block and add Custom liquid theme block. Organize the block and place it anywhere on the page where you wish to display the estimated delivery date.
  • Step 5: Copy the code given down below and place it in the Custom liquid input section. 
  • Step 6: Save the changes.

<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>

If you want to change the duration of the Minimum Delivery Days, all you need to do is replace the number “5” in var fromDate = Date.today().addDays(5); with any number of your liking.

Similarly, do the same for Maximum Delivery Days by replacing “10” in var toDate = Date.today().addDays(10);

  • Step 6: Save the changes by clicking the Save button.
  • Step 7: Click on the Preview button to preview your store and check if it is working properly.

Using a Shopify App

If you want to display only the estimated delivery date, then using scripts would be better. But, if you want to display both delivery date and time, then using a Shopify app would be a better idea. With this, you can show the estimated delivery date and time on your product pages.

Enable Customers to Pick Their Desired Delivery Date and Time

Allowing your customers to schedule their desired delivery date and time gives your clients the power of control. Customers love gestures like these when a brand comes out of its money-centric mindset and starts focussing on customer experience.

To enable your loving customers to pick up their desired delivery date and time, you can use the below-mentioned Shopify app.

In Store Pickup Local Delivery

by LogBase

In Store Pickup Local Delivery App by LogBase

The In Store Pickup Local Delivery App comes with a user-friendly delivery calendar or slot picker which allows your customers to schedule their delivery date and time. In addition to this, customers can also select pick-up date/time, and click and collect. It helps you set cut-off time, product-wise preparation time, and set blackout dates like Christmas, and store holidays.

With this Shopify store pickup and local delivery app, you can put delivery rates by post/zip codes, order value, weight, and item. You can even create time slots from 15 mins to 1 hr for days on which you want to allow pickup or local deliveries. It supports multi-location, multi-language, Shopify POS integration, and mobile devices. 

Lastly, you can control the number of deliveries or pickups per time slot to eliminate crowding at your store.

App Rating: 5/5⭐

Price: Plans are as follows: STARTER ($6.99/month), SMART ($10.99/month), ADVANCED ($16.99/month), PREMIUM ($24.99/month). You can avail a 14-day free trial.

Shopify app link

Easily schedule your store's Pickup and Delivery.

Wrapping Up

For an eCommerce store to succeed, gaining customer trust and turning them into loyal customers is the most important thing. But by displaying the estimated delivery date and time on your Shopify store, you can make things convenient for your customers while simultaneously driving sales. Hope this guide on “How to display an estimated delivery date and time on Shopify” helped you resolve your problem. If not, feel free to contact us.

Grow your Shopify sales and drive profits by subscribing to our newsletter 📧 to receive our specially crafted blogs.

Also read:

Written by
CP Saravana Kumar
Co-founder
Table of contents