How to Add Delivery Date in WooCommerce?

How To Add Delivery Date In WooCommerce
Author Bartosz Gajewski
Updated:
2022-10-31
Reading time:
5 minutes read

Learn how to add delivery date in WooCommerce and allow your customers to pick a preferred delivery date during the WooCommerce checkout. What’s more, check how to set shipping cost based on the delivery date.

Why offer delivery date in WooCommerce?

Allowing your customers to pick a preferred delivery date is a great User Experience detail that can boost your conversion rate and reduce the rate of abandoned shopping carts. Customers can choose a delivery date that suits them, and make sure they can pick it up that day. What’s more, they just want to know when they can expect to receive their items.

It is also a way of showing estimated delivery time. This is a great solution used by the world’s largest online stores. Most buyers expect you to give them an estimated delivery date – it gives them a sense of control and full information about their shipment. The long or short time to receive a shipment also affects conversion. In the era of Same Day Delivery or Next Day Delivery, long wait times can cause cart abandonment. 

Delivery Date Picker for small or regional WooCommerce stores

Smaller stores that ship their goods once or twice a week have a challenge to properly communicate this to their customers. Adding a Delivery Date Picker with a calendar that includes only specific days of the week can be a significant communication convenience that will reduce handling time for inquiring customers. 

This solution could be crucial for regional stores that have their own delivery drivers.  The ability for customers to choose a date from the available days of the week will greatly simplify logistics and reduce the unnecessary communication with the customer. 

How to Add Delivery Date in WooCommerce?

WooCommerce, by default, does not have the option to add a delivery date. In such cases, it is best to choose an external plugin. We have created a simple and efficient solution that can help you to add delivery date in WooCommerce. 

Plugin to add delivery date in WooCommerce

WooCommerce Delivery Date Picker plugin is an add-on to Flexible Shipping – one of the most popular shipping plugins for WooCommerce used in more than 250.00 stores. It allows you to add a Delivery Date Picker in the checkout and set the shipping cost based on the chosen delivery day. You can use Delivery Date Picker with the both free and PRO version of the Flexible Shipping plugin.

WooCommerce Delivery Date Picker
£29.00

Let your customers choose a convenient delivery date for the ordered products and make the shipping cost dependent on the date they choose.

View Details or Add to cart
Plugins used by 241,719+ shops
30-day money back guarantee
Last Updated: 2024-12-09
Works with WooCommerce 9.1 - 9.5.x

Enable WooCommerce Delivery Date Picker

Having the WooCommerce Delivery Date Picker plugin installed and activated, configure it. To do so, go to WooCommerce → Settings → Shipping  → Delivery Date Picker

WooCommerce delivery date picker settings

There, you’ll find all the available customization. I’ll go through all of them one by one

First, make sure to Enable delivery date picker for Flexible Shipping shipping methods by ticking that box:

Enable delivery date picker for Flexible Shipping shipping methods

By doing so, you have enabled the ability to add a delivery date picker calendar to Flexible Shipping methods. The next step is to configure this calendar.

Configure WooCommerce Delivery Date Picker’s calendar

WooCommerce Delivery Date Picker allows you to adjust the available days in the calendar. You can determine how many days are required to prepare an order for shipment in the Lead Time field. The calendar will have the nearest available delivery date delayed by the amount of days entered here. This means that if the Lead Time is set to 2 and the customer places an order on Monday, the first available delivery date to choose will be Wednesday.

Delivery Date Picker - Lead Time

If you have specific hours in your store when you ship orders, you can also use Cutoff Time. In the Cutoff Time field, you can select the hour after which the date of preparing the shipment will be set for the next day. This setting connects to Lead Time, so if the Cutoff Time is set to 1 PM, the Lead Time as 1 and the customer places an order today at 2 PM, the nearest available to choose delivery date will be postponed to day after tomorrow.

Delivery Date Picker - Cutoff Time

Another very useful setting is the ability to select the days of the week which should be available to pick by the customer when choosing a delivery date. That means, that you can set only certain days as available for shipping. The most popular configuration is however to set weekends as non delivery days. You can do it by unmarking them in the Available delivery days field. 

Delivery Date Picker - Available Delivery Days

The last option in the WooCommerce Delivery Date plugin’s settings is the Delivery days’ time frame that allows you to limit the amount of available delivery days your customer can pick from the calendar. This way you won’t get orders with delivery date set too far into the future.  

Delivery days' time frame

Having the plugin configured (remember to save the changes!), you can add a new shipping method that will have the delivery date picker enabled.

Add shipping method with delivery date picker

Go to WooCommerce → Settings → Shipping. Then, click on the shipping zone which to you want to add the feature. I have the ‘UK’ shipping zone:

Shipping zones

Next, click the Add shipping method button:

Add shipping method

Choose the Flexible Shipping and confirm with Add shipping method button again.

Add shipping method: Flexible Shipping

Having the Flexible Shipping method added, it’s time to manage WooCommerce shipping method.

In General Settings section, you can set Method Title and Description. Below you can also change the tax settings for shipping and WooCommerce advanced free shipping

Flexible Shipping method - general settings

Enable delivery picker for your WooCommerce shipping method

Scroll down to the Delivery Date Picker options in the Flexible Shipping method. Then, thick the Enable box to enable the Delivery Date Picker functionality for that shipping method.

enable delivery date picker on flexible shipping method

If you don’t have the Delivery Date Picker options in your Flexible Shipping method, make sure that you have the WooCommerce Delivery Date Picker plugin installed and activated.

After you enable it, you’ll see additional configuration fields. You can use General settings (that you configured earlier in the plugin’s settings) or set custom settings that will for only for that shipping method.

Delivery Date Picker settings type

With Custom settings, you can set Available delivery days only for that shipping method.

custom settings for Delivery date Picker

Last step is to set shipping cost for that shipping method. Use Shipping Cost Calculation Rules and all the available conditions to set the shipping cost based on your shipping scenario. If you just want to offer flat rate shipping, use Always and set the shipping charge.

Flexible Shipping flat rate

If you want to get additional information about setting shipping costs based on various conditions, read our WooCommerce shipping calculator guide.

Display Delivery Date – Result

It’s time to check the result of configured shipping method with delivery date picker enabled. To do so, go to your store, add some product to the cart and go to the checkout page. In the place where shipping methods appear, there should be a delivery date picker – field with Choose delivery date placeholder.

choose delivery date field

To use the picker, just click on it. It will display a calendar with all the available dates for shipping based on your settings.

delivery date picker calendar

I’m using the delivery date picker on Monday, October 31, so with lead time set as 1, the first available date for shipping is Tuesday, November 1. As you can see, Weekends are set as non-delivery dates. If you click on of the available dates, all available shipping methods for that day will be displayed with the detailed information about the chosen delivery date.

delivery date chosen

 

What’s more, the preferred delivery date will be visible in the Order’s details:

delivery date information in the order summary

This will make it clear to your store’s shipping people that this order should arrive at a certain day.

Set shipping cost based on delivery date

As a bonus, I’ll also show you how to determine the shipping cost depending on the customer’s selected preferred shipping day. To do so, just go back to your Flexible Shipping method and Shipping Cost Calculation Rules table. WooCommerce Delivery Date plugin adds a new condition to the Flexible Shipping plugin. To set shipping cost based on delivery date, choose Delivery date from the available conditions in the table:

set shipping cost based on delivery date

After selecting it, you can decide for which days to add a specific cost.

select delivery days for delivery charge

You can pick multiple days in that field. Last step is to set the shipping cost.

The most popular shipping scenario using the shipping cost based on delivery date is to set additional cost for Saturday delivery. To achieve that, you’ll only need two shipping rules configured like that:

set different shipping charge for saturday delivery

First rule will charge £10 when your customer picks a day between Monday and Friday. The second rule will charge £15 for Saturday delivery.

Comments
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments