{"id":262150,"date":"2025-04-01T09:00:13","date_gmt":"2025-04-01T07:00:13","guid":{"rendered":"https:\/\/octolize.com\/?p=262150&cf-nocache=1"},"modified":"2026-04-01T16:30:33","modified_gmt":"2026-04-01T14:30:33","slug":"delivery-and-pickup-time-woocommerce","status":"publish","type":"post","link":"https:\/\/octolize.com\/es\/blog\/delivery-and-pickup-time-woocommerce\/","title":{"rendered":"Add Delivery and Pickup Date Time in WooCommerce Like a Pro"},"content":{"rendered":"

Learn how to add delivery date in WooCommerce and allow your customers to pick a preferred delivery date during the WooCommerce checkout. What\u2019s more, check how to set shipping cost based on the delivery date.<\/b><\/p>\n

Why offer delivery date in WooCommerce?<\/h2>\n

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. <\/span>Customers can choose a delivery date that suits them<\/b>, and make sure they can pick it up that day. What\u2019s more, they just want to know when they can expect to receive their items.<\/span><\/p>\n

It is also <\/span>a way of showing estimated delivery time<\/b>. 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. For store owners planning their shipping windows and lead times, a simple date duration calculator<\/a> can help quickly work out the exact number of days between order cutoffs and expected delivery dates, no manual counting needed. <\/span><\/p>\n

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<\/a>.\u00a0<\/span><\/p>\n

Delivery Date Picker for small or regional WooCommerce stores<\/h3>\n

Smaller stores that ship their goods once or twice a week<\/b> 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.\u00a0<\/span><\/p>\n

This solution could be <\/span>crucial for regional stores that have their own delivery drivers<\/b>.\u00a0 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.\u00a0<\/span><\/p>\n

How to Add Delivery Date in WooCommerce?<\/h2>\n

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.\u00a0<\/span><\/p>\n

Plugin to add delivery date in WooCommerce<\/h3>\n

WooCommerce Delivery Date Picker plugin<\/a><\/b> is an add-on to Flexible Shipping<\/a> – 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.<\/span><\/p>\n

\n

\n
\n
\n \t\n\t\t\t\t\t\t\t\t\t
WooCommerce Delivery Date Picker
$<\/span>29.00<\/span><\/span> <\/span><\/span><\/span><\/div>\n\t\t\t\t\n\t\t\t\t

Let your customers pick a convenient delivery date for the ordered products and make the shipping cost dependent on the chosen date.<\/p>\n\n\t\t\t\tView Details<\/a>\n\t\t\t\tor<\/span>\n\t\t\t\tAdd to cart <\/i><\/a>\n\t\t\t<\/div>\n\n Octolize<\/span>\n <\/div>\n\n

\n
\n
\n <\/span>\n <\/span>\n <\/span>\n <\/span>\n <\/span>\n <\/div>\n\n
\n \t\t\t\t\t\tPlugins used by 235,133+ shops<\/strong>\n\t\t\t\t\t\t\t\t\t\t30-day money back guarantee<\/strong>\n <\/div>\n <\/div>\n\n
\n
\n\t\t\t\t\tLast Updated: 2026-05-18 <\/div>\n\n
\n\t\t\t\t\tWorks with WooCommerce 10.4 - 10.8.x <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/span><\/p>\n

Enable WooCommerce Delivery Date Picker<\/h3>\n

Having the WooCommerce Delivery Date Picker plugin installed and activated, configure it. To do so, go to WooCommerce \u2192 Settings \u2192 Shipping\u00a0 \u2192 Delivery Date Picker<\/strong>.\u00a0<\/span><\/p>\n

\"WooCommerce<\/a><\/p>\n

There, you\u2019ll find all the available customization. I\u2019ll go <\/span>through all of them one by one<\/b>.\u00a0<\/span><\/p>\n

First, make sure to <\/span>Enable delivery date picker for Flexible Shipping shipping methods<\/b> by ticking that box:<\/span><\/p>\n

\"Enable<\/a><\/p>\n

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.<\/p>\n

Configure WooCommerce Delivery Date Picker’s calendar<\/h3>\n

WooCommerce Delivery Date Picker allows you to adjust the available days in the calendar. You can <\/span>determine how many days are required to prepare an order for shipment in the Lead Time<\/b> 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.<\/span><\/p>\n

\"Delivery<\/a><\/p>\n

If you have specific hours in your store when you ship orders, you can also use Cutoff Time<\/strong>. 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.<\/span><\/p>\n

\"Delivery<\/a><\/p>\n

Another very useful setting is the ability to select the days of the week which should be available to pick by the customer<\/strong> 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<\/strong>. You can do it by unmarking them in the Available delivery days field.\u00a0<\/span><\/p>\n

\"Delivery<\/a><\/p>\n

The last option in the WooCommerce Delivery Date plugin\u2019s 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<\/strong>. This way you won\u2019t get orders with delivery date set too far into the future.\u00a0\u00a0<\/span><\/p>\n

\"Delivery<\/a><\/p>\n

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

Add shipping method with delivery date picker<\/h3>\n

Go to <\/span>WooCommerce \u2192 Settings \u2192 <\/b>Shipping<\/b><\/span><\/span>. Then, click on the shipping<\/span> zone<\/span> which to you want to add the feature. I have the ‘UK’ shipping<\/span> zone<\/span>:<\/span><\/p>\n

\"Shipping<\/a><\/p>\n

Next, click the\u00a0Add shipping method\u00a0<\/strong>button:<\/p>\n

\"Add<\/a><\/p>\n

Choose the <\/span>Flexible <\/span>Shipping<\/span><\/strong> and confirm with Add <\/strong><\/span>shipping<\/span> method<\/span><\/strong> button again. <\/span><\/p>\n

\"Add<\/p>\n

Having the <\/span>Flexible <\/span><\/span>Shipping<\/span><\/span> method<\/span><\/span> added, it’s time to <\/span>manage <\/span><\/span>WooCommerce <\/span><\/span>shipping<\/span><\/span> method<\/span><\/span>. <\/span><\/a><\/p>\n

In General Settings section, you can set <\/span>Method<\/span><\/strong> Title<\/strong> and Description<\/strong>. Below you can also change the tax settings for <\/span>shipping<\/span><\/span> and <\/span>WooCommerce advanced free <\/span><\/span>shipping<\/span><\/span>.\u00a0<\/span><\/p>\n

\"Flexible<\/a><\/p>\n

<\/span>Learn what is table rate with our short guide with examples.<\/span><\/a><\/div><\/span><\/p>\n

Enable delivery picker for your WooCommerce shipping method<\/h3>\n

Scroll down to the Delivery Date Picker options in the Flexible Shipping method. Then, thick the Enable<\/strong> box to enable the Delivery Date Picker functionality for that shipping method.<\/span><\/p>\n

\"enable<\/a><\/p>\n

<\/span>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.<\/span><\/div><\/span><\/p>\n

After you enable it, you\u2019ll see additional configuration fields. You can use General settings<\/strong> (that you configured earlier in the plugin\u2019s settings) or set custom settings that will for only for that shipping method. <\/span><\/p>\n

\"Delivery<\/a><\/p>\n

With Custom settings<\/strong>, you can set Available delivery days only for that shipping method.<\/p>\n

\"custom<\/a><\/p>\n

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

\"Flexible<\/a><\/p>\n

<\/span>If you want to get additional information about setting shipping costs based on various conditions, read our WooCommerce shipping calculator guide<\/a>.<\/span><\/div><\/span><\/p>\n

Display Delivery Date – Result<\/h2>\n

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<\/em> placeholder.<\/p>\n

\"choose<\/a><\/p>\n

To use the picker, just click on it. It will display a calendar with all the available dates for shipping<\/strong> based on your settings.<\/p>\n

\"delivery<\/a><\/p>\n

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.<\/p>\n

\"delivery<\/a><\/p>\n

 <\/p>\n

What’s more, the preferred delivery date will be visible in the Order’s details<\/strong>:<\/p>\n

\"delivery<\/a><\/p>\n

This will make it clear to your store’s shipping people that this order should arrive at a certain day.<\/p>\n

Set shipping cost based on delivery date<\/h2>\n

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<\/strong> from the available conditions in the table:<\/p>\n

\"set<\/a><\/p>\n

After selecting it, you can decide for which days to add a specific cost.<\/p>\n

\"select<\/a><\/p>\n

You can pick multiple days in that field. Last step is to set the shipping cost.<\/p>\n

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

\"set<\/a><\/p>\n

First rule will charge \u00a310 when your customer picks a day between Monday and Friday. The second rule will charge \u00a315 for Saturday delivery.<\/p>\n

Professional Managing of Delivery Dates and Costs<\/h2>\n

Although WooCommerce doesn\u2019t offer delivery scheduling by default, using the WooCommerce Delivery Date Picker<\/a> add-on for the Flexible Shipping<\/a> plugin makes it possible. Adding a delivery and pickup date option in WooCommerce can significantly enhance user experience and reduce cart abandonment rates.<\/p>\n