Magento 2 Delivery Date and Time

Magento 2 Delivery Date and Time extension allow the customers to choose the preferred date and time for their orders. With the help of this extension, the admin can create multiple delivery slots for each day of the week and specify the maximum order quota for each slot.

Watch the video tutorial below to know how to set up the extension:

Watch how Adobe Commerce Delivery Date and Time works:

Step 1 – Upload Folder

After downloading the module zip file, extract the contents and go to src folder. Then, upload app folder to the root directory of Magento installation.

Step 2 – Run Commands

In the root directory of Adobe Commerce installation, run the following commands on the terminal.

php bin/magento setup:upgrade

php bin/magento setup:di:compile

php bin/magento setup:static-content:deploy

Step 3 – Flush Cache

Now go to  System>Cache Management and click Flush Magento Cache.

The extension supports multiple languages translations, to do that first go to Stores>Configuration>General >Locale Options. Then, select your desired region and language from the Locale drop-down menu. For example – German (Germany)

Now, you need to translate the module language by editing the language CSV file. Go to app/code/Webkul/TimeSlotDelivery/i18n. Open the en_US.csv file and edit the words on the right.

After editing the language CSV file, copy the new translated file to the same location – app/code/Webkul/TimeSlotDelivery/i18n. Please make sure you change the filename according to your language code and region. For example – de_DE.csv

For doing the module configuration, please follow Stores>Configuration>Webkul>Delivery Time Slots. The following settings will be available:

Enable – Select Yes to enable Adobe Commerce Delivery Date and Time extension. To disable this module, select No.

Allowed Days for Delivery – Select which days of the week, and the customer can choose the delivery day. The day(s) which are not selected will not appear on the frontend.

Display Total Number of Days – Enter how many dates should be displayed to the customers for choosing the delivery slot.

Minimum Time Required in Order Process – The admin can set the buffer time (in days) for the delivery slots. For example – If 2 is entered here and the customer is placing the order on Monday, the customer will see the available slots from Wednesday onwards.

Delivery Slot Not Available Error – Enter error message content for the frontend, when no delivery slots are available.

Delivery Slots Frontend Layout – Allows admin to choose a suitable layout from the grid for the storefront. Two types of layout available Dropdown Type Select and Chip Type Selection.

Once the admin completes the module configuration, the admin can manage the delivery time slots by following Delivery Time Slots>Manage Delivery Time Slots. The following page will appear.

Follow the steps:

1. First, click the Add New Slot button to adding a new delivery slot.
2. Select the delivery day and mention the start time and end time.
3. Set the Quotas for the slot. Mention how many orders can be processed for this slot.
4. Set the status as Enabled and click Save Time Slots buttons.

You can Add, Edit, or Remove any number of delivery slots as per your requirements.

The admin can also add the time slots for the orders created manually from the admin backend panel. To do so, the admin will navigate through Sales->Orders->Create New Order. After that, the admin can choose the shipping and the delivery time slot for the order being created.

The customers can view the available delivery time slots, and day at the product page by clicking on Check Delivery Time Slot option.

Now, during the checkout process, the customer can easily select the delivery time date and slots as shown below:

When Dropdown Type Layout Selected in Backend

Here, the customer will-

• Select the shipping method available.
• Then, select the Delivery Date from the calendar.
• And finally, select the Time Slot as per the convenience.

Delivery Time Slot Selected

Once the delivery slot is selected, the customer will see the selected Delivery Date and Delivery Time on the right.

Delivery Information on Email

The same delivery date and time information will also appear on the sales order email to the customer.

Order Details

The customer can also check the delivery information by viewing the order details.

When Chip Type Layout Selected in Backend 

The admin can view all the delivery slot orders by going to Delivery Time Slots>Manage Delivery Time Slots>Time Slot Orders. Here the admin can view the chosen delivery date and time for the orders.

View Order

The admin can also view the delivery information on viewing the order information.

The selected delivery information also appears for invoices, shipments, and credit memo as well. Check out the following screenshots showing the delivery date and time for the order.

Invoice

Shipping Packing Slip

Credit Memo

Thank you for reading this doc, please let us know in case you need more information or require some customization. You can send an email to [email protected].

Explore the Adobe Commerce Cloud development service by Webkul. You may also browse other Magento 2 marketplace addons. Also our quality Magento 2 extensions.