WordPress WooCommerce Booking and Reservation

MODULE:

• Dynamic event creation.
• Dynamic time setting.
• Dynamic event display.
• Brilliant UI and UX for event display and booking.
• User-friendly interface for both admin and customers.

ADMIN:

• Can create bookable products.
• Manage bookable products.
• “Availability” tab is displayed when adding or editing a product.
• Can create two kinds of bookable products: Many Bookings in One Day & One Booking For Many
• Set a period available for bookings and reservations, e.g. bookings can be made only from 8:00 AM – 6:00 PM or 14 Sep 17 to 20 step 17.
• Configure booking status for each slot (open or close).
• Added an open and close panel with slider counter which will follow the module minimalist approach.
• Add price, start and end date, number of items available for each slot.
• For date selection, Date Time Picker is also enabled in the input field.
• Flexible exclude days rules to prevent bookings for certain time slots and days (disable particular time slot, random days, and continuous days).
• See all bookings in Booking customers list page.

CUSTOMER:

• Booking calendar is displayed in the front end, where customers can view availability and can make bookings.
• Booking calendar allows selecting the date to book any product.
• Check the availability, they can set the quantity of the bookable product while booking.
• Click on the calendar’s days or time slots to select the booking period they want.
• See booking/reservation details in the shopping cart before placing the order.
• Allow selected one or more timeslots.
• Allow multiple bookings for the same time slot based on the available quantity of the bookable product.
• The booked slot is shown as unavailable.

The admin can easily create the multiple time slots for “Many booking in one-day” type Bookable product.

Firstly, the admin will add a product by navigating to Products>Add New. While adding a product, the admin will select the Bookable Product as product type from the drop down list. Then, Availability option becomes visible as per the image.

Here, the admin will:

• Select Booking Type: Select the “Many Booking in one day” option from the drop down list.
• Start Date: Set the date for the “Many Booking in one day” to be active from.
• End Date: Set the date for the “Many Booking in one day” to get inactive.
• Booking Stock Per slot: Set the per slot stock value.
• Booking Status: Enable/disable the “Many Booking in one day”.
• Booking Time Slot: Set the time span of a slot.
• Break Time Slot: Set the break time between the slots.

Then in the grid set available times for bookings and reservations for each day as per the choice, e.g. reservations can be made only from 10:00 AM – 10:00 PM;

After creating the Bookable product, the admin will enable the booking slots for the customers at the front end. For this, the admin will navigate to WC Booking Reservation>Manage Slots as per the image.

Then, click on the “Booking” button against the created product and gets navigated to the “Slot List” page as per the below image.

Here, the admin will click on the “Update Status” button to enable the slots and their inventory for the customers on the front end. Else, each bookable product will show zero inventory with “In Stock” status at the front end.

Instead of disabling the complete bookings and reservations for a particular day, the admin can disable a particular time slot of a day. The admin simply selects the “Close” option for any time slot from the available drop-down list as per the image.

At the front end, the bookings will get disabled for that particular time slot as per the below image.

To disable the bookings for random days, the admin will click on the “Close Days” tab as per the image.

Here, the admin will select the random days from the calendar and then click on the “Update Status” button.

At the front end, the bookings will get disabled for those random days as per the below image.

To disable the bookings for continuous days, the admin will click on the “Close Time Span” tab as per the image.

Here, the admin will:

• Select the “Closed From” date from the calendar.
• And then select the “Closed till” date from the calendar.
• Proceed further by clicking on the “Update Status” button.

The admin can disable the bookings for multiple continuous days by clicking on the “Add More” button. The admin can also enable the bookings by clicking on the “Remove” button.

At the front end, the bookings will get disabled as per the below image.

Once the admin has created the “Many booking in one-day” type Bookable product, the customer can see it on the product catalog page as per the image.

The Bookable products will have the “BOOK NOW” button so that the customers can easily differentiate the Bookable products. Now, the customers will click on the desired Bookable product for booking and reservation. They will be redirected to the product page as per the below image.

The customer will get a pop-up window on clicking the “BOOK NOW” button as per the image.

Here, the customers will:

• Select the date from the calendar for which they want to book the slot. Days from the Start date to End date will be enabled and rest of the dates will be disabled in the calendar.
• Select the slot for the selected date and set the quantity.
• Then click on “Add To Cart” button.

The customer will navigate to the cart for the checkout process as per the below image.

Here, the customers will click on the “Proceed to Checkout” button and gets redirected to the “Checkout” page as per the below image.

On the checkout page, the customers will fill their billing details and select the payment method as per the choice. After this, click on the “Place Order” button and gets redirected to the “Order Received” page as per the below image.

Here, the customer can check their order details from the “Order Received” page.

IF A SLOT IS COMPLETELY FILLED:

The selection check box gets disabled for that particular slot if it is completely filled.

IF ALL THE SLOTS OF A PARTICULAR DAY ARE COMPLETELY FILLED:

The selection check box gets disabled for all the slots if they are completely filled.

The admin can easily create the multiple days slots for “One Booking for many days” type Bookable product.

Firstly, the admin will add a product by navigating to Products>Add New. While adding a product, the admin will select the Bookable Product as product type from the drop down list. Then, Availability option becomes visible as per the image.

Here, the admin will:

• Select Booking Type: Select the “One Booking for many days” option from the drop down list.
• Start Date: Set the date for the “One Booking for many days” to be active from.
• End Date: Set the date for the “One Booking for many days” to get inactive.
• Booking Stock Per slot: Set the per slot stock value.
• Booking Status: Enable/disable the “One Booking for many days”.

After this, the admin will click on the “Add Bookings” button to create the slots as per the image.

The admin can create multiple slots by clicking on the “Add Time Slots” button. The created slots will be visible on the product edit page as per the below image.

Here, the admin can:

• Edit the existing time slots by clicking on the “Edit” button.
• Remove the existing time slots by clicking on the “Delete” button.

After creating the Bookable product, the admin will enable the booking slots for the customers at the front end. For this, the admin will navigate to WC Booking Reservation>Manage Slots as per the image.

Then, click on the “Booking” button against the created product and gets navigated to the “Slot List” page as per the below image.

Here, the admin will click on the “Update Status” button to enable the slots and their inventory for the customers on the front end. Else, each bookable product will show zero inventory with “In Stock” status at the front end.

Instead of disabling or removing the complete bookings and reservations for a particular day, the admin can disable a particular time slot of a day. The admin simply selects the “Close” option for any time slot from the available drop-down list as per the image.

At the front end, the bookings will get disabled for that particular time slot as per the below image.

To disable the bookings for continuous days, the admin will click on the “Close Time Span” tab as per the image.

Here, the admin will:

• Select the “Closed From” date from the calendar.
• And then select the “Closed till” date from the calendar.
• Proceed further by clicking on the “Update Status” button.

The admin can disable the bookings for multiple continuous days by clicking on the “Add More” button. The admin can also enable the bookings by clicking on the “Remove” button.

At the front end, the bookings will get disabled as per the below image.

Once the admin has created the “One Booking for many days” type Bookable product, the customer can see it on the product catalog page as per the image.

The Bookable products will have the “BOOK NOW” button so that the customers can easily differentiate the Bookable products. Now, the customers will click on the desired Bookable product for booking and reservation. They will be redirected to the product page as per the below image.

The customer will get a pop-up window on clicking the “BOOK NOW” button as per the image.

Here, the customers will:

• Select the date from the calendar for which they want to book the slot. Only the Start date of every slot will be enabled and rest of the dates will be disabled in the calendar.
• Select the slot for the selected date and set the quantity.
• Then click on “Add To Cart” button.

The customer will navigate to the cart for the checkout process as per the below image.

Here, the customers will click on the “Proceed to Checkout” button and gets redirected to the “Checkout” page as per the below image.

On the checkout page, the customers will fill their billing details and select the payment method as per the choice. After this, click on the “Place Order” button and gets redirected to the “Order Received” page as per the below image.

Here, the customer can check their order details from the “Order Received” page.

IF A SLOT IS COMPLETELY FILLED:

The selection check box gets disabled for that particular slot if it is completely filled.

The admin can easily view the booking details of the Bookable products.

The admin can view the booking details of the “Many Booking in one day”. For this, the admin will navigate to the WC Booking Reservation>Many Booking in one day and gets navigated to the “Many Booking in one day” page as per the image.

Here, the admin can view all the products of “Many Booking in one day” along with the details start date, end date, break time, deal time span, and status. Now click on the “Booking” button to view the booking details of the particular product and gets navigated to the “Booking Customer List” page as per the image.

The admin can view the booking details of the “One Booking for many days”. For this, the admin will navigate to the WC Booking Reservation>One Booking for many days and gets navigated to the “One Booking for many days” page as per the image.

Here, the admin can view all the products of “One Booking for many days” along with the details start date, end date, and status. Now click on the “Booking” button to view the booking details of the particular product and gets navigated to the “Booking Customer List” page as per the image.

The stock value of the bookable product will decrease only when the order status gets complete.

The admin can also set the time zone. For this, the admin will navigate to WC Booking Reservation>Settings and gets redirected to the TimeZone page.

Here, the admin can set the time zone as per the choice and then click on the “Save Changes” button.

The customer will see this timezone at the front end as per the image. All visible bookings date and time slot will be based on this time zone only.