Reading list Switch to dark mode

    WordPress WooCommerce Booking and Reservation

    Updated 13 December 2023

    WooCommerce Booking and Reservation: These days customers want to purchase and book everything online including booking tickets, booking courses, doctors’ appointments, etc.

    WooCommerce Booking and Reservation plugin will create a dynamic booking and reservation for the products. This will convert the store into a dynamic event-driven site.

    This plugin introduces a new product type, bookable products. This empowers the store owner to sell bookable services as a product with respect to hourly and daily reservations.

    It will completely match with services such as motels, hotels, events, and tourism.  It will provide two types of bookings for the products that are –Many Bookings in One Day One Booking For Many Days.

    This product type lets the admin manage all necessary booking service attributes such as date available, bookable period, slot period, stock value, and price multiplier settings.

    Searching for an experienced
    WordPress Company ?
    Find out More

    Such products in the store catalog are represented with a native store calendar, allowing for the date and time of booking.

    Note- This module will work only for Bookable Products e.g. doctor’s appointments, movie booking system, etc.

    Check a brief overview of the plugin –

    Jp6DyFCXXls

    Support

    Dear Customers, if you have a question/query, please raise a ticket at webkul.uvdesk.com. We will do our best to answer as quick as it is possible.

    Don’t give us a low rate without contacting support on the issue you’ve faced with. We are always happy to help you.

    Features

    MODULE:

    Dynamic:

    • event creation
    • time setting
    • event display

    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 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.
    • WordPress’ inherent date-time functionality.
    • Functionality to alter booking schedules for customers.
    • Retrieve the PDF invoice for the customer’s booking.
    • Sending emails for rescheduled and canceled bookings.

    CUSTOMER:

    • Booking calendar is displayed in the front end, where customers can view availability and can make bookings.
    • The customers can get SMS notifications.
    • 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.

    Installation 

    The user will get a zip file which needs to be uploaded in the “Add New” menu option in the WordPress admin panel.

    For this login to WordPress Admin Panel and in the Dashboard hover your mouse over the “Plugins” menu option select the “Add New” option.

    add plugin

    After this, the user will see an option on the top of the page that is “Upload Plugin”, click the option to upload the zip file.

    upload plugin

    On clicking the “Upload Plugin” option, the user will see a “Choose File” button. Click on the button to browse for the zip file as per the image below.

    choose file

    After browsing the file, click on the “Install Now” button so as to install the plugin as per the snapshot.install plugin

    Once the user installs the plugin, a message “Plugin installed successfully” displays and an “Activate Plugin” is visible to activate the plugin.

    The user needs to click on the “Activate Plugin” button to activate the plugin.activate plugin

    Module Translation

    To know how to translate the module, you can click here.

    Generate API Key – For Displaying Maps

      • Go to the Google Maps Platform
      • Tap ‘Get Started‘ on the top right-hand side.
        Get Started Google Maps
      • Now, check all options – ‘Maps‘, ‘Routes‘ and ‘Places‘ and tap ‘Continue‘.
      • Enable Google Maps Platform
      • If you want to use an existing project, please select it from the list. Otherwise, select ‘Create a new project‘ and enter a project name.
        Select Or Create A Product
    • Create Billing Account.
    • Now, tap ‘Next‘ to continue and complete the steps.
    • Click ‘Next‘ to enable the APIs for the selected project.
    • lastly, you need to copy the generated API key within the settings sub-menu option under the WC Marketplace Booking System.
      Google Maps API Key Generated

    Configuration

    After the installation, the admin can create Bookings and Reservations. For this, the admin will have the WC Booking Reservation tab in the admin panel.

    Under the WC Booking Reservation tab, the admin will see four options as shown in the image below.

    • Many Booking in one day
    • One Booking for many days
    • Manage Slots
    • Settings

    Screenshot-from-2023-08-21-17-48-22

    Booking Types 

    Many Booking In One Day

    The admin can easily create the multiple time slots for “Many booking in one-day” type Bookable product. For this, the admin will add a product by navigating to Products>Add New.

    While adding a product, the admin will select the Bookable Product as a product type from the drop-down list.Add_new_product_‹_Booking_and_Reservation_System_—_WordPress

    The admin can configure the fields as under:

    • 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: Defines the stock which can be booked in per slot. The customer can only book the product stock on the frontend, up to the limit defined by the admin at the backend.
    • Location: Can enter the location where the booking is to made.
    • Status: Enable/ disable the status “Many Booking in one day”.
    • Time Slot: Set the time span of a slot.
    • Break Time Slot: Set the break time between the slots.
    • Booking Break Time Between Bookings:  Enter the break time between bookings so that there is a specific time while making next booking.

    In the grid, the admin sets the available times for bookings and reservations for each day as per the choice, e.g. reservations can be made only from 11:50 AM – 10:00 PM.

    Note:

    • The admin can also disable the bookings and reservations for a particular day.
    • For this, the admin will select a “close” option from the drop-down list available against the time slots.

    After creating the Bookable product, the user can view the manage slots page, from where the slots for the product can be edited.

    Screenshot-61

    Then, click on the “Edit Slots” button against the created product and navigate to the “Slot List” page as per the below image.

    Screenshot-1-9

    The admin can see all the slots, as well as, can “Open” or “Close” the slots for the customers on the front end and update the status at once.

    Disable Time Spans:

    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.Screenshot-2-8

    At the front end, the bookings will disable for that particular time slot.

    For instance, if the admin disables a slot 14:40 pm to 15:55 pm for Wednesday, the booking for that slot displays as Unavailable as shown in the image below.

    Screenshot_from_2020_06_18_13_22_22

    DISABLE BOOKINGS AND RESERVATION FOR RANDOM DAYS:

    To disable the bookings for random days, the admin will click on the “Disable Time Span” tab as per the image.Screenshot-5-5

    The admin will select the random dates from the calendar and can also select the time slot to be closed at a particular time and then click on the “Update Status” button.

    At the front end, the bookings will get disabled for that random day for that particular time slot.

    Screenshot_from_2020_06_18_13_57_36

    DISABLE BOOKINGS AND RESERVATION FOR CONTINUOUS DAYS:

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

    Screenshot-4-5

    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 ” 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.

    Screenshot_from_2020_06_18_14_06_10

    Front End

    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 shown in the image below.

    many booking for one day

    The Bookable products will have the “BOOK NOW” button so that the customers can easily differentiate the Bookable products.

    The customers will click on the desired Bookable product for booking and reservation.

    This redirects the customers to the product page as per the below image.

    Booking Reservation

    On clicking the ‘Book Now’ tab, customers will get a pop-up window as shown in the image below.Screenshot_from_2020_06_18_14_14_35

    Customers can:

    • 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.

    One Booking For Many Days

    The admin can easily create multiple day’s 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 a product type from the drop-down list.

    Then, Availability option becomes visible as per the image.

    Screenshot-6-5

    Here, the admin will:

    • Select Booking Type: Select the “One Booking for many days” option from the drop-down list.
    • Booking Status: Enable/disable the “One Booking for many days”.
    • 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: Defines the stock which can be booked in per slot. The customer can only book the product stock on the frontend, up to the limit defined by the admin at the backend.
    • Booking Location: Enter the location where the booking is to be made.

    After this, the admin will create the slots as per the image.

    Screenshot-4-1

    Here, the admin can:

    • Select the weekday, enter the start time, select the end day, enter the end time.
    • Remove the existing time slots by clicking on the “Remove ” button & can even add bookings by clicking on “Add Booking” button.

    After creating the Bookable product, the user can view the manage slots page where the product slots can be edited by the user.

    Screenshot-7-5

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

    Screenshot-11-4

    The admin can open the slots or close any slot as need be.

    DISABLE TIME SLOTS:

    Instead of disabling or removing the complete bookings and reservations for a particular day, the admin can disable a particular slot accordingly.

    The admin simply selects the “Close” option for any time slot from the available drop-down list as per the image.Screenshot-11-5

    DISABLE BOOKINGS AND RESERVATION FOR CONTINUOUS DAYS:

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

    Screenshot-12-4

    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.

    Front End

    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.

    one booking for may days

    The Bookable products will have the “BOOK NOW” button so that the customers can easily differentiate the Bookable products.

    The customers will click on the desired Bookable product for booking and reservation purpose. They will be redirected to the product page as shown in the image below.

    fest ticket - Booking Reservation

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

    Screenshot_from_2020_06_18_15_59_42

    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 the rest of the dates will be disabled in the calendar.
    • Select the slot for the selected date and set the quantity.
    • Then click on the “Book Now” button to book the slot.

    Bookings

    The admin can easily view the booking details of the Bookable products. Collectively from a single page. For this, the admin needs to navigate to the “Bookable Orders” option.

    Screenshot-13-2

    Here the admin can click on “Bookings” to view the booking in a respective product like in “Bike Riding Booking

    Screenshot-14-2

    The admin can also view the order detail for the booking made by clicking on the “View” option.
    Screenshot-15-2

    Shopping Cart

    The customer can make as many bookings as they like for the bookable products as per the image.Screenshot_from_2020_06_18_16_42_27

    The customer can make multiple bookings for “Many Booking in one day” as well as for “One Booking for many days” easily.

    Steps to create account on Twilio

    Note- The admin will have to run the command to install Twilio via the terminal.

    Command – composer install

    Folder path example – cd /home/installation/folder1/wp-content/plugins/woocommerce-booking-and-reservation

    • The user can hit the link- www.twilio.com to sign up with the Twilio SMS provider.

    Twilio SMS

    On clicking the link, the user will be redirected to the Sign-Up page. The user will have to enter details such as Name, Email, Password etc.Twilio SMS

    Once the user submits the sign-up details and completes the sign-up process, the admin can check Twilio credentials under Console Dashboard as shown in the image below.Twilio SMS

    On receiving the credentials, the admin can complete the module configuration with the Twilio SMS provider.Twilio SMS

    Settings

    Under the Settings tab, the admin has Options,

    General

    Screenshot-16-3

    • Module Status: The admin can Enable/Disable the module as per the choice.
    • Google API Key: Here, the admin requires to give the google API key and then click on the “Save Changes” button.
    • Allow Booking Cancelations: Before this time the user can cancel the booking.
    • Allow Booking Reschedule: Users can reschedule the booking before this time.
    • Allow PDF: Customer can download the booking details pdf.

    SMS

    Screenshot-18-

    • Account ID: Here, the admin needs to write the account id.
    • Auth Token: The admin has to provide their Auth Token which they receive from Twilio.
    • Service ID: Under service id, the admin gives their service id.

    Template

    Screenshot-17-2

    • Configure Template: Here, the admin can configure the template.
    • SMS Notification: The admin can Enable/Disable SMS Notification.

    After all the changes are done by the admin, then needs to apply them by clicking Save Changes.

    SMS on Customer End

    The customer will receive the confirmation  SMS for their booking along with the booking details as shown below.

    That’s all for the WordPress WooCommerce Booking and Reservation plugin. 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 - 3.1.0

    Supported Framework Version - Woocommerce 7.9.0, WordPress 6.3.0

    Blog Version - Woocommerce 7.9.0, WordPress 6.3.0
    • Version Woocommerce 7.9.0, WordPress 6.3.0
    • Version Woocommerce 3.0.x, 3.1.x , wordpress 4.0.x
    • Version Woocommerce 3.0.x - 4.2.x ,5.8.0, WordPress 4.5.x-5.4.X 5.8.2
    • Version Woocommerce 3.0.x - 4.2.x , WordPress 4.5.x-5.4.X
    . . .

    Leave a Comment

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


    11 comments

  • Adam
    • Subhangi (Moderator)
  • Soham
    • Archana Tiwari (Moderator)
  • Vasil
    • Zeba Hakim (Moderator)
  • jefrina
    • Archana Tiwari (Moderator)
  • Dilesh
  • Mateus Martins
    • kajal sharma (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content