Demos Buy Now

Magento 2 Advanced Booking and Reservation

Now your customers can easily purchase and book everything online including Appointments, Event tickets, Rental products, hotels, tables etc. Magento 2 Advanced Booking and Reservation module will create dynamic booking and reservation like Appointment, Event, Rental, Hotel, and Restaurant Booking. This will convert the store into a dynamic event-driven site. This plugin introduces new product type, Booking Products. This will allow the store owner to sell booking services as a product.

This product type lets admin manage all necessary details of the Booking product like date available, slot period, stock value and price settings and much more.

Features

  • Dynamic Booking product creation for Booking and reservation.
  • Admin can add Booking product like Appointment, Event, Rental, Hotel, and Restaurant Booking.
  • Can configure the mail template for contact to admin regarding Booking Product.
  • Can set the location name of the Booking product.
  • Enable to show the map of the location of the Appointment, Event, Rental, Hotel, and Restaurant Booking.
  • Dynamic time settings like create multiple time slots and also set the time span of the slots.
  • Can set the break time between the slots.
  • Can set the minutes to prevent the booking before the start time of the slot.
  • Days/Slot-based quantity can be configured.
  • Customers can book the booking product.
  • Brilliant UI and UX for event display and booking.
  • Built on top of the Magento MVC and ORM system.

Installation

Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

After the successful installation, you have to run these commands in the Magento2 root directory.

First command-

php bin/magento setup:upgrade

Second Command –

php bin/magento setup:di:compile

Third Command –

php bin/magento setup:static-content:deploy

After running the commands, you have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below.

This module needs to be uninstalled and reinstalled in the following way.

#Uninstallation

Note: After uninstallation, all data of the module will be deleted from the instance. It will completely uninstall the module.

Please follow the steps for uninstallation-

1. Run Following Command via terminal

php bin/magento advancedbookingsystem:disable
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

2. Flush the cache and reindex all.

#Reinstallation

If this module has been uninstalled by using the upper #Uninstallation process then Please follow the steps for reinstallation-

1. Run Following Command via terminal

php bin/magento module:enable Webkul_AdvancedBookingSystem
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

2. Flush the cache and reindex all.

Multi-Lingual Configuration

For Multilingual support, please navigate to Store>Configuration>General >Locale Options. And select your desired language from the Locale option.

Language Translation

If you need to do the module translation, please navigate to the following path in your system app/code/Webkul/AdvancedBookingSystem/i18n.
Open the file named en_US.CSV for editing as shown in the below screenshot.

Once you have opened the file for editing. Replace the words after the†comma(,)†on the right with your translated words.

After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as – de_DE.CSV. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.

Module Configuration

After the installation, the admin can configure the module settings by navigating to the Stores -> Configurations -> Webkul -> Advanced Booking System as per the below image.

Here, the admin will:

  • Google API Key: Enable the Google API key for “Search nearby” map to work Properly.  Please click here to generate the key. And have to select these APIs of Google-
  • Contact to Admin regarding Booking Product Template: Configure the mail template for contact to admin regarding Booking Product.

Add Booking Product

The admin can add the Booking product by navigating to the Advanced Booking product -> View Bookings Products.

Now, to create the Booking Product, simply select the Booking type as per the choice.

There is another way also of creating the Booking product. The admin will navigate through Menu item Products -> Catalog -> and then click the Add Product drop-down on the right top hand side. Here you will find the Booking Product option, click it to create a booking product as shown below in the screenshot.

This will navigate the admin to the New Product page as per the below image.

Admin End – Appointment Booking

The admin can create an Appointment booking product as shown below in the screenshot.

On the New Product page, the admin will select the Appointment Booking Product type.

After entering the basic details, the admin will enter the Booking information of the product –

CONTACT INFORMATION:

  • Location: Set the location name.
  • Show map with Location: Enable to show the map of the location.
  • Show contact button to: Select to whom the admin wants to display the “Contact Us” link – “Everyone” or only the “Logged in Customer”.

BOOKING INFORMATION:

  • Slot Duration(mins): Set the time span of a slot.
  • Break Time b/w slots(mins): Set the break time between the slots.
  • Prevent Scheduling(mins): Set the minutes to prevent the booking before the start time of the slot.
  • Available Every Week: Enable this to configure the time slots for all the days of the week.
    Else disable this if don’t want to configure the time slots for all the days of the week.
  • Same slot for All Day: Enable this to configure the same slot for all the days. Else disable this if want to set the different slots for each day.
  • Slot has quantity: Enable this to configure the per slot stock value. Else disable this if want to configure the same stock value for all the slots.

SLOT INFORMATION:

Under this, the admin will configure the slot time span and its quantity.

Now click on the save button on the top and we are done configuring the product.

Frontend – Appointment Booking

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

Here, the customer will:

  • Select the date from the calendar for which they want to book the slot.
  • Select the slot for the selected date and set the quantity.
  • Then click on “Book Now” button.

Tapping the Book Now button will add the slot to the cart and you will see a success message for the same. Now, click the Proceed to Checkout button to block the added slots by making a purchase.

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

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

The time slot gets disabled if it is completely filled as per the image.

Admin End – Event Booking

The admin can create an Event booking product as shown below in the screenshot.

On the New Product page, the admin will select the Event Booking Product type.

After entering the basic details, the admin will enter the Booking information of the product –

VENUE DETAILS:

  • Location: Set the location name.
  • Show map with Location: Enable to show the map of the location.
  • Show contact button to: Select to whom the admin wants to display the “Contact Us” link – “Everyone” or only the “Logged in Customer”.

TICKET AND QUANTITY:

  • Event Date: Set the Start date and End date.
  • Event Map/Chart Available: Upload the Map image of the location of the Event.
  • Price Charged Per: Configure tickets Charges.
  • Multiple Tickets: Can create types of tickets.

Now click on the save button on the top and we are done configuring the product.

Frontend – Event Booking

On the Product Page, you can select the Buy Tickets option to Book the tickets.

Here, the customer will:

  • Select the ticket which the customer wants to buy.
  • View the ticket amount calculation as per the ticket type and its quantity selected.
  • Then click on “Buy Tickets” button.

Tapping the Buy Tickets button will add the tickets to the cart and you will see a success message for the same. Now, click the Proceed to Checkout button to block the added tickets by making a purchase.

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

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

The customer will get an error message when trying to purchase the tickets which is Out of stock.

Admin End – Rental Booking

The admin can create a Rental booking product as shown below in the screenshot.

On the New Product page, the admin will select the Rental Booking Product type.

After entering the basic details, the admin will enter the Booking information of the product –

VENUE DETAILS:

  • Location: Set the location name.
  • Show map with Location: Enable to show the map of the location.
  • Show contact button to: Select to whom the admin wants to display the “Contact Us” link – “Everyone” or only the “Logged in Customer”.

RENTING INFORMATION:

  • Available Qty to Rent: Set the quantity available to rent.

  • Renting Type: Select the rent type as Hourly Basis, Daily Basis or both.
  • Daily Price: If you have configured the “Renting Type” as Daily Basis or the Both. Then set the per day rent.
  • Available Always: Enable this to configure the time slots for all the days of the week.
    Else disable this if don’t want to configure the time slots for all the days of the week.
  • Available From: If you have disabled the “Available Always” option then set the Start date and End date.
  • Hourly Price: If you have configured the “Renting Type” as Hourly Basis or the Both. Then set the per hour rent.

HOURLY RENTING INFORMATION:

  • Prevent Scheduling(Mins): Set the minutes to prevent the booking before the start time of the slot.
  • Same Hours for All Days: Enable this to configure the same time slots for all the days of the week. Else disable this if don’t want to configure the same time slots for all the days of the week.
  • Hours has Quantity: Enable this to configure the per slot stock value. Else disable this if want to configure the same stock value for all the slots.

After this, the admin will configure the slot time span and its quantity as per the choice. And then click on the save button on the top and we are done configuring the product.

Frontend – Rental Booking

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

Here, the customer will:

  • Choose the Rent option either Daily Basis or Hourly Basis.

DAILY BASIS:

When chooses the rent option as the Daily Basis, then the customer needs to select the dates as per the days the customer wants to hire the item.

HOURLY BASIS:

When chooses the rent option as the Hourly Basis, then the customer needs to select the date, time slot and the hours as per the duration the customer wants to hire the item.

  • Select the quantity.
  • Then click on “Rent Now” button.

Now, click the Proceed to Checkout button to make the booking.

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

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

The customer will get an error message when trying to hire the item which is Out of stock.

Admin End – Hotel Booking

The admin can create a Hotel booking product as shown below in the screenshot.

On the New Product page, the admin will select the Hotel Booking Product type. The admin first needs to create the configurations so that those will be visible as options in the drop-down lists of Room type and Hotel type.

After entering the basic details, the admin will enter the Booking Information of the product –

HOTEL LOCATION:

  • Address Information: Set the address of the hotel which will be visible at the frontend to the customers.
  • Show map with Location: Enable to show the map of the location.
  • Show contact button to: Select to whom the admin wants to display the “Contact Us” link – “Everyone” or only the “Logged in Customer”.

BOOKING INFORMATION:

  • Show Near By: Enable to show the map of the nearby location.
  • Price Charged Per: Configure the charge basis like night or day.
  • Enable ask a Question: Allow the customers to ask questions or queries they will have.
  • Amenities: Select the facilities as per the room type.

And then click on the save button on the top and we are done configuring the product

Note: The admin can view all the queries asked by the customers on the product edit page.

And can also revert to the customer queries as per the below image.

On the frontend, the admin can view the questions along with the Write an Answer button. The admin will click on this button and write the answer and then submit it.

Front End – Hotel Booking

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

Here, the customer will:

  • Choose the Room type and Hotel view.
  • Select the Check-in and Check-out date.
  • Set the quantities of Rooms required, Adults and kids.
  • Then click on “Book Now” button.

The customer can search the nearby places and can also view the amenities offered by the admin.

The customer can even ask queries. Click on “Ask a Question” tab to ask your queries as per the below image.

Now, click the Proceed to Checkout button to make the booking.

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

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

The customer will get an error message when trying to book the item which is Out of stock.

Admin End – Table Booking

The admin can create a Table booking product as shown below in the screenshot.

On the New Product page, the admin will select the Table Booking Product type.

After entering the basic details, the admin will enter the Booking information of the product –

CONTACT INFORMATION:

  • Address Information: Set the location name.
  • Show map with Location: Enable to show the map of the location.
  • Show contact button to: Select to whom the admin wants to display the “Contact Us” link – “Everyone” or only the “Logged in Customer”.

BOOKING INFORMATION:

  • Charged Per: Configure the charge basis like per table, guest, plate etc
  • Number Of guests: Set the charges per quantity like set the charges for per guest.
  • Maximum Guests Capacity: Set the maximum number of guests the table can be booked for.
  • Slot Duration(mins): Set the time span of a slot.
  • Break Time b/w slots(mins): Set the break time between the slots.
  • Prevent Scheduling(mins): Set the minutes to prevent the booking before the start time of the slot.
  • Same slot for All Day: Enable this to configure the same slot for all the days. Else disable this if want to set the different slots for each day.

Configure the time slots for each day if want to have different slots for each day. Now click on the save button on the top and we are done configuring the product.

Front End – Table Booking

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

Here, the customer will:

  • Select the date and time.
  • Set the number of guests.
  • Add message for the admin.
  • Then click on “Book Now” button.

Now, click the Proceed to Checkout button to make the booking.

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

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

The customer will get an error message when trying to book the table which is not available.

Manage Orders

The admin can also manage the orders of the Booking Products. For this, the admin will navigate to Advanced Booking product -> View Bookings Orders.

Here the admin can view the complete list of the orders placed for the Booking product.

Click on the View link to view the order details and to manage the orders.

Default Booking Product

Many Bookings In a Day:

The admin can also create default Booking product type – Many Bookings In a Day. Select Booking Product option, click it to create a new booking product as shown below in the screenshot.

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

Now after filling the information for the booking product, you will select the booking Information type as Many Bookings In a Day and configure it’s Booking details.

FRONTEND:

On the Product Page, the customer 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 select the date for which you want the booking. After that, you will select the required slot and enter the number of slots required for the selected date. Now, tap the Book Now button to add the selected slot to the cart.

Tapping the Book Now button will add the slot to the cart and you will see a success message for the same. Available slots are underlined with a green color, unavailable with a yellow color, and completely booked are underlined with a red underline.

One Booking for Many days:

The admin can also create default Booking product type – One Booking for Many days. Select Booking Product option, click it to create a new booking product as shown below in the screenshot.

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

Now after filling the information for the booking product, you will select the booking Information type as One Bookings For Many Days and configure it’s Booking details.

FRONTEND:

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 select the date for which you want the booking. After that, you will select the required slot and enter the number of slots required for the selected date. Now, tap the Book Now button to add the selected slot to the cart.

Tapping the Book Now button will add the slot to the cart and you will see a success message for the same. Available slots are underlined with a green color, unavailable with a yellow color, and completely booked are underlined with a red underline.

That’s all for the Magento 2 Advanced Booking and Reservation module. Still, have any issue, feel free to add a ticket and let us know your views to make the plugin better at webkul.uvdesk.com

Current Product Version - 2.0.0

Supported Framework Version - 2.2.x

. . .

Comment

Add Your Comment

Be the first to comment.

css.php

Index