Read More
Read More
Menu Close

    Magento 2 Delivery Date and Time

    Introduction

    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:

    ae58iZbnz80

    Watch how Adobe Commerce Delivery Date and Time works:

    9vdPbQPjPrc

    Features

    • Enable or disable the module
    • The admin can select the available days for the delivery
    • Mention how many days to display to the customer
    • Set minimum order time required for order processing
    • Display error when no delivery slot is available
    • The admin can create and edit multiple slots for each day of the week
    • The admin can set the order quotas for each slot for better management
    • View all the orders received for the delivery slot
    • Delivery information appears in the sales order and email
    • Delivery information is visible on PDF documents – invoice, shipping slip, and credit memo
    • The module supports multiple-languages translations
    • Source code is 100% open for customization

    Installation

    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.

    Magento 2 Delivery Date and Time - Upload Folders

    Searching for an experienced
    Magento 2 Company ?
    Read More
    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.
    Magento 2 Delivery Date and Time - Flush Cache

    Multi-Language Support

    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)Locale Options

    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.

    Magento 2 Delivery Date and Time - Translation

    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

    Module Configuration

    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.

    config

    Manage Delivery Slots

    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.

    Delivery-Time-Slots1

    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.

    Select_Time_Slot

    Customer Front-End

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

    Magento 2 Delivery Date and Time-Product page

    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

    Date Slot

    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.

    Unavailable_Time_Slots

    Delivery Time Slot Selected

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

    webkul-magento2-delivery-date-time-checkout-place-order

    Delivery Information on Email

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

    webkul-magento2-delivery-date-time-order-email

    Order Details

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

    webkul-magento2-delivery-date-time-customer-order

    When Chip Type Layout Selected in Backend 

    Chip_Type_Layout_Blog

    View Slot Orders

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

    View Order

    The admin can also view the delivery information on viewing the order information.webkul-magento2-delivery-date-time-admin-order

    PDF Documents

    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

    webkul-magento2-delivery-date-time-invoice

    Shipping Packing Slip webkul-magento2-delivery-date-time-shipping-slippng

    Credit Memo webkul-magento2-delivery-date-time-credit-memo

    Support

    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.

    Current Product Version - 5.0.2

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x

    Blog Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x
    • Version 2.0.x, 2.1.x, 2.2.x, 2.3.x
    • Version 2.0.x, 2.1.x, 2.2.x, 2.3.x, and 2.4.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    8 comments

  • Dreammarket
    “Hello, very nice site!! Man .. Excellent .. Wonderful .. I will bookmark your site and
    take the feeds additionally? I am glad to find numerous useful information here within the post, we’d like work out more techniques in this regard,
    thanks for sharing.
    • Jyotsna Gautam (Moderator)
      Hello There,
      Thank you for your precious appreciation. In case you want to know more details or have any queries, then please mail us at [email protected].
      Regards,
  • Visakh Viswanath
    Can i use this module on multiple projects ?
  • irshad ahmad
    I need delivery time display with each delivery date, do not need click function to show delivery time .
    • Rohit Kashyap (Moderator)
      Hi Irshad,

      To make changes in the module code, it will require some customization development work.
      Please send your requirements on [email protected]

      Thanks.

  • amit
    how to set choose develiry date mandatory for the customer
    • Rohit Kashyap (Moderator)
      Hi Amit,

      Choosing a delivery date and time is by default mandatory for the customer, other an order will not be placed during the checkout process.

      For more details, you can discuss it on [email protected]

      Thanks.

  • Back to Top

    Table of Content