Booking & Reservation System - Magento · Booking & Reservation System extension will create dynamic booking and reservation for your products. This will convert your Magento store

July 22, 2016

Booking & Reservation Systemwebkul.com/blog/magento2-booking-reservation/

Booking & Reservation System extension will create dynamic booking and reservation foryour products. This will convert your Magento store into a dynamic event-driven site. It willprovide two types of bookings for the products that are – Many Bookings in One Day &One Booking For Many Days.

**Note:1. Product import and export from admin will not work with this module.

Features

Slot-based quantity measure has been used.Dynamic Event creation & display for Booking.Customers will be able to see the booking details(Like Date & Time Slot) of theproduct in the Cart.Dynamic event creation.Dynamic time setting.Brilliant UI and UX for event display and booking.Built on top of the Magento MVC and ORM system.

Admin End – Many Bookings In One Day

After the installation of the module, you will navigate through Menu item Products ->Catalog -> and then click the Add Product drop-down on the right top hand side. Hereyou will find the Booking Product option, click it to create a new booking product asshown below in the screenshot.

After you click the Booking Product option above, the add product page will open whereyou can configure the booking product.

1/13

Now after filling the information for the booking product, you will select the bookingInformation type as Many Bookings In a Day or One Bookings For Many Days asrequired.

Here we have selected first – Many Bookings In a Day. Now select the start day and theend day of the booking. Set the time slot in minutes for the booking and break betweenbooking values. After that, you just need to set the start and end time of each day for the

2/13

slots. You can choose to set the status for each day as closed or open as per yourrequirement.

Frontend – Many Bookings In A Day

On the Product Page, you can select the Book Now option to Book the reservation.

After clicking on the Book Now button you will see a popup. Here, you need to first selectthe date for which you want the booking. After that, you will select the required slot andenter the number of slots required for the selected date. Now, tap the Book Now button toadd the selected slot to the cart.

Tapping the Book Now button will add the slot to the cart and you will see a successmessage for the same. Available slots are underlined with a green color, unavailablewith a yellow color, and completely booked are underlined with a red underline. Now,click the Go to Checkout button to block the added slots by making a purchase.

3/13

The customer will select the payment method at the checkout page and will tap the PlaceOrder button to complete the purchase.

After the order is placed, the customer will be able to see the order details under MyOrders section.

4/13

If some slots have already been purchased by some customers for a particular time slot,then it will show the decreased quantity of slots available.

Admin End – One Booking For many Days

After the installation of the module, you will navigate through Menu item Products ->Catalog -> and then click the Add Product drop-down on the right top hand side. Hereyou will find the Booking Product option, click it to create a new booking product asshown below in the screenshot.

5/13

After you click the Booking Product option above, the add product page will open whereyou can configure the booking product as shown below in the screenshot.

6/13

Now after filling the information for the booking product, you will select the bookingInformation type as One Bookings For Many Days as required.

7/13

Here we have selected first – One booking For many Days. Now click on “Add Bookings”and set the start time and the end time of the booking. Now click on the save button onthe top and we are done configuring the product.

Frontend – One Booking For Many Days

On the Product Page, you can select the Book Now option to Book the reservation.

After clicking on the Book Now button you will see a popup. Here, you need to first selectthe date for which you want the booking. After that, you will select the required slot andenter the number of slots required for the selected date. Now, tap the Book Now button toadd the selected slot to the cart.

Tapping the Book Now button will add the slot to the cart and you will see a successmessage for the same. Available slots are underlined with a green color, unavailablewith a yellow color, and completely booked are underlined with a red underline. Now,click the Go to Checkout button to block the added slots by making a purchase.

8/13

The customer will select the payment method at the checkout page and will tap the PlaceOrder button to complete the purchase.

After the order is placed, the customer will be able to see the order details under MyOrders section.

9/13

If some slots have already been purchased by some customers for a particular time slot,then it will show the decreased quantity of slots available.

Admin Management

Admin will find the View Bookings tab under the Bookings System as shown below.

10/13

After clicking on the View Booking, admin can see all the bookings in one place as shownbelow.

View Details For One Booking For Many days –

11/13

View Details For Many Bookings In One Day –

12/13

That is all for the Booking & Reservation System extension. Still, have any issue feel free toadd a ticket and let us know your views to make the module better at webkul.uvdesk.com

13/13