Welcome! First of all we want to thank you for purchasing our WooCommerce Delivery Time Slots.
In the following sections we will show you how to set up and use the plugin the easiest way possible. Although thereâ€™re a lot of things written in this documentation, the plugin itself is not very hard to use. You can go to the plugin settings page and discover everything yourself. This file is more of a reference if you do not know what to do, or if you are not familiar with WordPress.
If you have any questions that are beyond the scope of this help file, please feel free to ask your questions at the support ticket system.
The download package (.zip) that you get from CodeCanyon contains the following files and folder:
woocommerce-delivery-time-slots: main plugin file that need to be uploaded to host to install.
docs.html: the documentation file (copy of this page)
Licensing: folder of license terms.
After download the .zip package from CodeCanyon, unzip it and you will see a file
Go to your WordPress Dashboard, then click to Plugins -> Add New menu on the left.
In the next page, select the
woocommerce-delivery-time-slots file and click Install Now
After uploading the plugin, click Activate Now link to activate the plugin.
If you have an old version of the plugin, please follow the steps below to update it to the latest version:
- Download the .zip package from CodeCanyon, unzip it and you will see a file
- Unzip the
woocommerce-delivery-time-slotsfolder to the
/wp-content/plugins/directory, overwrite old plugin files
All the plugin settings are merged into WooCommerceâ€™s settings. To see them, please go to WooCommerce -> Settings and click the Shipping tab.
You will see all settings in the bottom of this page.
Below are descriptions of all the settings:
This option make the delivery time mandatory field. Customer must enter delivery time to make order.
#Disable for shipping methods
This option allows you to disable the date, time picker for specific shipping methods. Note that, the field is still shown in the checkout page, but when people select a shipping method which is marked as disabled in this option, the input doesnâ€™t show date, time picker for them to select.
This is the text label appeared above the input on the checkout page. By default itâ€™s Delivery Time, but you can change it to anything.
Format a date into a string value with a specified format. The format can be combinations of the following:
d– day of month (no leading zero)
dd– day of month (two digit)
o– day of the year (no leading zeros)
oo– day of the year (three digit)
D– day name short
DD– day name long
m– month of year (no leading zero)
mm– month of year (two digit)
M– month name short
MM– month name long
y– year (two digit)
yy– year (four digit)
@– Unix timestamp (ms since 01/01/1970)
!– Windows ticks (100ns since 01/01/0001)
'...'– literal text
''– single quote
- anything else – literal text
There are also a number of predefined standard date formats available:
yy-mm-dd(Same as RFC 3339/ISO 8601)
D, dd M yy
D, d M y(See RFC 822)
DD, dd-M-y(See RFC 850)
D, d M y(See RFC 1036)
D, d M yy(See RFC 1123)
D, d M yy(See RFC 2822)
D, d M y(Same as RFC 822)
yy-mm-dd(Same as ISO 8601)
The plugin supports most languages in the world. You just need to select them from the dropdown box in the settings page.
With the selected language, all text in the date time picker will be translated, such as text for prev, next, today, week days, etc.
You also can set custom text for all buttons, month names, etc. Just in case the auto translation is not as good as expected.
This is the most powerful weapon the plugin supports. With this feature, youâ€™re able to provide shipping to customers in only some certain days/months.
All you need to do is enter your rules into the textarea box.
You have to following this guide:
- You can enter only one rule per line
- Each rule must be a single date or a single date range
- Date must be formatted in USA format, e.g.
- Date range must be formatted:
mm/dd/yyyy - mm/dd/yyyy(e.g.
fromDate - toDate)
- You can use stars (*) for day, month or year, which means any day, any month or any year
||No shipping on May 12th, 2013|
||No shipping on January 1st of any year (New Year)|
||No shipping in October, 2013|
||No shipping on first day of any month of 2014|
||No shipping in December of any year|
||No shipping on first day of any month of any year|
||No shipping in 2013 at all|
Date range is just combination of from date and to date. Each date in the range must be well-formatted as single date.
||No shipping from May 12th, 2013 to June 1st, 2013|
||No shipping from December 24th to January 1st of next year|
||No shipping from June to October of any year|
||No shipping on first 5 days of any month of any year|
||No shipping from August to December 1st of any year|
||No shipping from January 15th to February|
||No shipping from 25th to 1st day of next month|
#Restrict by week days
Beside restricting dates by rules above, you can restrict by week days. Just select which days you donâ€™t want to provide shipping from the checkbox list and save.
#Disable shipping in the next XXX days
You can disable datetime picker for some days, counting from today.
0: disable today
1: disable today and tomorrow
If you donâ€™t enter any value, the plugin will disables all past days, e.g. before today.
#Enable shipping only in the next XXX days
Similar to the option above, you can enable datetime picker for only some days, counting from today.
0: enable today
1: enable today and tomorrow
If you donâ€™t enter any value, the plugin will enable all days.
#Show time slots
Check this box to allow users to pick time for delivery.
Time slots are the time you can delivery goods to customer. It can be a time range (from 2PM to 3PM), or arbitrary time (this afternoon, tomorrow morning).
This options allows you to define any kind of time slots for delivery by simple entering your text in the input box. You can add as many as you want time slots. For example:
- 8AM – 12AM
- 2PM – 4PM
- In the afternoon, after 5PM
- In the next day
#Limit by number of shipments per day
Some stores offer a limited number of shipments per day, due to their limited resources. This option can help you do this.
The option Max. Number Of Shipments Per Day allows you enter the maximum number of shipments per day that your store can support. And the next option Notification For Exceeded Shipments is the notification that people see when the number of shipments for a specific day exceeds limit set by the option above.
Now you can choose any theme from 21 themes available. Itâ€™s helpful when you want the calendar matches your theme color.
#Showing input for entering shipping time
By default the plugin shows the input for entering shipping time on the Checkout page, but you might want to display it on other pages as well.
To do that, you can use the shortcode
[wdts_field]. This shortcode doesnâ€™t have any attributes. So, use the code follow to insert the shortcode to your page template:
<?php echo do_shortcode( '[wdts_field]' ); ?>
#Showing picked shipping time
To show picked shipping time of an order, please use the shortcode
[wdts_shipping_time id="ORDER_ID"]. This shortcode requires order ID (please replace with yours).
To show shipping time in your template, please use the following code:
<?php echo do_shortcode( '[wdts_shipping_time id="ORDER_ID"]' ); ?>
#Display time picker field in other places on the checkout page
If youâ€™re a developer, you can do that by changing the hook used in the plugin:
- Open the file
inc/delivery-time.phpin the plugin
- On the line 23, youâ€™ll see:
add_action( 'woocommerce_before_order_notes', array( $this, 'show_field' ), 20 );
woocommerce_before_order_notesto another hook to show the field in a different place. List of hooks can be found here.
#Display time picker field in other pages than checkout
To place the date picker field in another page, for example the cart page, you need to overwrite the WooCommerce template file in your theme. These are the basic steps:
- Create a folder
woocommerce/cartin your theme. You can bypass this step if your theme already has this folder.
- Copy the file
templates/cart/cart-totals.phpfrom WooCommerceâ€™s folder and paste it into the
woocommerce/cartfolder youâ€™ve just created above
- Open the new copied file and put the following code inside that file:
<?php echo do_shortcode( '[wdts_field]' ); ?>
Then preview in the front end. You might want to move the line to an appropriate place.
To understand about the WooCommerce template, please read this documentation
By default, the shipping time is attached to default WooCommerce email sent to admin. But if your theme is using custom email template, then the new template might overwrite WooCommerceâ€™s template.
To fix that, please find file
woocommerce/emails/email-addresses.php in your theme and add the following code to the place where you want the shipping time to appear:
<?php if ( $delivery_time = get_post_meta( $order->id, '_delivery_date', true ) ) : ?> <?php $option = wdts_option(); $label = $option['label']; ?> <h3><?php echo $label; ?></h3> <p class="text"><?php echo do_shortcode( "[wdts_shipping_time id='" . $order->id . "']" ); ?></p> <?php endif; ?>