Back to Top

WooCommerce Marketplace Booking Reservation System

Updated 29 September 2023

WooCommerce  Marketplace Booking Reservation System allows the sellers to add their own booking products and update their products as well.

The seller can add/edit booking products from their profile and add booking slots by two types “One Booking for Many days” and “Many Booking For One Day” and can make it disable also

Similarly, the admin can also add/edit booking products from their profile and can add booking slots utilizing the available booking types.

Note: This extension is an add-on to Multi Vendor Marketplace for WooCommerce. You must have installed it before making use of the WooCommerce Marketplace Booking Reservation System.

Start your headless eCommerce
now.
Find out More

Support

Dear Customers, for any question/query, please raise a ticket at our help desk system. We will do our best to answer as quickly 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 out.

Features

  • The admin and sellers both can add bookable products and manage their respective slots.
  • Bookable Product type has been made available for creating the booking products.
  • The admin and Sellers both can edit products and create two types of bookings “One booking for many days” and “Many bookings for one day”.
  • The sellers can see all booked product history under their accounts.
  • The customers can check their booked products under their account panel.
  • The customers will have a panel on the product page from where they can book their booking as required.
  • The admin and the sellers can keep the slots open or closed for particular time slots and particular days.
  • The admin & the sellers can edit slots and set the disable days for the booking product.
  • Booking Cancel functionality for the customer.
  • Reschedule Booking functionality for the customer.
  • Download the booking invoice pdf for the customer.
  • Delete option for individual delete in the bookable products list.
  • Email functionality on reschedule and cancel the booking.
  • A button to create the booking reservation in the bookable products list.
  • Send booking confirmation SMS to the client’s phone number.

Installation Process

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel. For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.

webkul_wc_mp_booking_reservation_system_add_plugin_1

Click on the option “Upload Plugin” at the top of your page to upload the zip file of the WooCommerce Marketplace Booking Reservation System.

webkul_wc_mp_booking_reservation_system_add_plugin_2

After that, click on the “Upload Plugin” option, Below that you will see a button “Choose File” Click on the button to browse for the zip file as per the snapshot below.

webkul_wc_mp_booking_reservation_system_add_plugin_browse_file

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

Webkul Wc Mp Booking Reservation System Add Plugin Select File

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

Webkul Woocommerce Shipping Restriction Activate Plugin

Module Translation

To know how to translate the module, WooCommerce Marketplace Booking Reservation System. You can click here.

Generate API Key – For Displaying Maps

Get Started Google Maps
  • Now, check all options – ‘Maps‘, ‘Routes‘, and ‘Places‘ then 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 a Billing Account.
  • Now, tap ‘Next‘ to continue and complete the steps.
  • Click ‘Next‘ to enable the APIs then select the project.
  • lastly, you need to copy the generated API key within the settings sub-menu option under the WC Marketplace Booking System.
image-37

How to Get Twilio Account Credentials?

Navigate to Try Twilio for free and fill in the required information as required.

Twilio registration fro free account

After login, you need to navigate through Account->API Keys & tokens.

account section twilio trial account

Here, you will find the respective Account SID and the Authentication token to be used for the configuration.

credentials for configuring in the WooCommerce backend

To get the Twilio Number tap My First Twilio Account option at the top left-hand corner.

get twilio account number

Initial Configuration Settings

The admin will navigate through Marketplace->Booking System. Then navigate to the Configuration tab as per the snapshot below.

wpdemo.webkul.com_marketplace-booking-reservation-115-113-191-18_wp-admin_admin.php_pagewc_mp_brstabsettingsscreenshot

General

Here, the admin will –

  • Enable the module status to use the functionality for the Marketplace store.
  • Enter the Google Maps API so as to display the location Map at the front end to the customers.
  • Set the booking cancellation available days for the customers.
  • Set the booking reschedule days within which a customer can reschedule the booking.
  • Allow customers to download the booking details in a PDF file format.

Lastly, tap the Save Changes button.

SMS

Under this section, the admin will enter the Twilio credentials and the Twilio phone number that is used to send the SMS notification.

twilio configuration woocommerce booking reservation plugin

Here, the admin will enter the –

  • Twilio Account SID.
  • Twilio Auth Token.
  • and the Twilio phone number.

Lastly, tap the Save Changes button.

Template

Here, the admin will set the template that will be used to send the booking confirmation SMS notifications to the customers.

configure template twilio sms

Lastly, tap the Save Changes button.

Admin End – Working

Example:  Booking Type – One Booking For Many Days (Back end)

The admin will be able to add the booking product by navigating through Products->Add New.

wpdemo.webkul.com_marketplace-booking-reservation-115-113-191-18_wp-admin_post-new.php_post_typeproductscreenshot

The admin can also add the booking products by navigating through Marketplace->Booking System->Booking products->Add New.

wpdemo.webkul.com_marketplace-booking-reservation-115-113-191-18_wp-admin_admin.php_pagewc_mp_brsscreenshot

Then, the admin creates a booking product.

wpdemo.webkul.com_marketplace-booking-reservation-common_wp-admin_post.php_post124actioneditscreenshot

Here, the admin will have to enter the appropriate product information that includes –

  • Booking Product Name
  • Selecting the Product Data as – a bookable Product
  • Choosing the product type as Virtual
  • Setting up the Price of the booking product

After that, set up the appropriate product information, and navigate to the Booking menu option on the left-hand side.

wpdemo.webkul.com_marketplace-booking-reservation-common_wp-admin_post-new.php_post_typeproductscreenshot

Then, the admin needs to –

  • Select a Booking Type as – ‘One Booking For Many Day‘.
  • Set the Booking Status as – Enabled.
  • Select the Start Date and End Date for the booking product.
  • Enter the Booking Stock Per Slot.
  • Enter the Location for the Booking(gets auto-detected using Google Maps API key).
  • Set the Booking Time Slot.
  • Set the span of the booking time slot by creating the Start DayStart Time, and End DayEnd Time.

Lastly, save the product and the booking product is ready for use at the front end.

Booking Type – One Booking for Many Days(Frontend View)

Now that, the booking product will be visible on the website storefront.

Here, the available slot can easily be chosen for the available dates by the customers. After that, the quantity for the selected slots can be set by the customer.

on ebooking for many days frontend view

The location of the event can be checked by tapping on the location link and under the booking product you can see the exact location of the event.

event location

After the order has been placed the customer will receive a SMS notification for the same.

The customer will also receive an email for the order confirmation.

Order receive mail to customer

Example:  Booking Type – Many Booking in a Day(Back end)

The admin will add the booking product by navigating through Marketplace->Booking System->Booking products->Add New.

wpdemo.webkul.com_marketplace-booking-reservation-115-113-191-18_wp-admin_admin.php_pagewc_mp_brsscreenshot

After that, the admin will enter the required details for the product.

many booking in a day product add

Here, the admin needs to –

  • Select a Booking Type as – ‘Many Booking In One Day‘.
  • Set the Booking Status as – Enabled.
  • Select the Start Date and End Date for the booking product.
  • Enter the Booking Stock Per Slot.
  • Enter the Location for the Booking(gets auto-detected using Google Maps API key).
  • Set the Booking Stock Per Slot.
  • Enter the Booking Break Time Between Booking as required.
  • For the days of the week set the start time and end time for the slots and choose the status as open or closed as required.

Lastly, save the product and the booking product is ready for use at the front end.

many bookings in one day

Customers can select the available date and then select their preferred slot as required and make a checkout thereafter.

select booking slot as required

The location of the event can be checked by tapping on the location link and under the booking product you can see the exact location of the event.

location of the event on product page

After the order has been placed the customer will receive a SMS notification for the same.

The customer will also receive an email for the order confirmation.

order confirmation mail to customer

Edit Slots – Store Admin

The admin can edit the slots for the two types of bookings as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsscreenshot-1-1

After tapping the Edit Slots for Many Bookings in One Day(Doctor’s Appointment) below section appears.

Slots:

The admin can make any of the slots open or closed as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82screenshot-1

Disable Time Spans:

The admin for a particular date can choose the time span when the bookings will not be available.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82tmtabdisable_tspanscreenshot-1

Disable Days:

Here, the admin can select the days when the booking will be disabled. The admin will select the closed from and closed till days as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82tmtabdisable_dayscreenshot-1

In the case of Edit Slots for One Booking for Many Days(Hotel Reservation) below section appears.

Slots:

The admin can make any of the slots open or closed as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid75screenshot-1

Disable Days:

Here, the admin can select the days when the booking will be disabled. The admin will select the closed from and closed till days as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid75tmtabdisable_dayscreenshot-1

Seller End Workflow

The seller under the marketplace account panel options will get the Manage Booking option.

192.168.15.27_demo_marketplace-booking-reservation_my-account_seller-dashboard_iPad-Air

Tapping that up brings up the section that is similar to the admin dashboard.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagesellerscreenshot

Here, tap the Booking System side panel option, and that brings up the below section.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsscreenshot

Here, the vendors can add a new booking product by tapping on the Add New button.

After that, go to the Booking section and for the product data – select Bookable product and fill in the rest of the data for the product accordingly.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_post-new.php_post_typeproductscreenshot

The vendors can also view the booking order by tapping the Booking Orders tab.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brstaborderscreenshot

Example:  Booking Type – One Booking For Many Days (Vendor Account Panel)

To add a product the vendor will have to enter the appropriate product information that includes –

  • Booking Product Name
  • Selecting the Product Data as – a bookable Product
  • Choosing the product type as Virtual
  • Setting up the Price of the booking product.
192.168.15.27_demo_marketplace-booking-reservation_wp-admin_post.php_post75actioneditnew-snapshot-1

After that, set up the appropriate product information, and navigate to the Booking menu option on the left-hand side.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_post.php_post75actioneditmessage1new-snapshot

Then, the vendor needs to –

  • Select a Booking Type as – ‘One Booking For Many Days ‘.
  • Set the Booking Status as – Enabled.
  • Select the Start Date and End Date for the booking product.
  • Enter the Booking Stock Per Slot.
  • Enter the Location for the Booking(gets auto-detected using the Google Maps API key).
  • Set the Booking Time Slot.
  • Set the span of the booking time slot by creating the Start DayStart Time, and End DayEnd Time.

Lastly, save the product and the booking product is ready for use at the front end.

Booking Type – One Booking for Many Days(Frontend View)

Now that, the booking product will be visible on the website storefront.

Here, the available slot can easily be chosen for the available dates by the customers. After that, the quantity for the selected slots can be set by the customer.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_new-snapshot

The location of the event can be checked by tapping on the location link and under the booking product you can see the exact location of the event.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_new-snapshot-1

After the order has been placed the customer will receive a SMS notification for the same.

mockup-5

The customer will also receive an email for the order confirmation.

mail.google.com_mail_u_1_new-snapshot

Example:  Booking Type – Many Booking in a Day(Vendor Account panel)

The vendor will add the booking product by navigating through Marketplace->Booking System->Booking products->Add New.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsscreenshot-1

Here, the vendor will also be able to edit the slots for the created booking products as required.

After that, the vendor will enter the required details for the product. Then go to the Booking section.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_post.php_post82actioneditscreenshot-1-1

Here, the admin needs to –

  • Select a Booking Type as – ‘Many Booking In One Day‘.
  • Set the Booking Status as – Enabled.
  • Select the Start Date and End Date for the booking product.
  • Enter the Booking Stock Per Slot.
  • Enter the Location for the Booking(gets auto-detected using the Google Maps API key).
  • Set the Booking Stock Per Slot.
  • Enter the Booking Break Time Between Booking as required.
  • For the days of the week set the start time and end time for the slots and choose the status as open or closed as required.

Lastly, save the product and the booking product is ready for use at the front end.

192.168.15.27_demo_marketplace-booking-reservation_product_doctors-appointment_screenshot

Customers can select the available date and then select their preferred slot as required and make a checkout thereafter.

Screenshot-from-2023-09-27-17-02-16

The location of the event can be checked by tapping on the location link and under the booking product you can see the exact location of the event.

192.168.15.27_demo_marketplace-booking-reservation_product_doctors-appointment_screenshot-1

After the order has been placed the customer will receive a SMS notification for the same.

mockup-3-1

The customer will also receive an email for the order confirmation.

mail.google.com_mail_u_1_screenshot-3

Edit Slots – Vendor

The vendor can edit the slots for the two types of bookings as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsscreenshot-2

After tapping the Edit Slots for Many Bookings in One Day(Doctor’s Appointment) below section appears.

Slots:

The vendor can make any of the slots as open or closed as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82screenshot

Disable Time Spans:

The vendors for a particular date can choose the time span when the bookings will not be available.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82tmtabdisable_tspanscreenshot

Disable Days:

Here, the vendor can select the days when the booking will be disabled. The vendor will select the closed from and closed till days as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid82tmtabdisable_dayscreenshot

In the case of Edit Slots for One Booking for Many Days(Hotel Reservation) below section appears.

Slots:

The vendor can make any of the slots as open or closed as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid75screenshot

Disable Days:

Here, the vendor can select the days when the booking will be disabled. The vendor will select the closed from and closed till days as required.

192.168.15.27_demo_marketplace-booking-reservation_wp-admin_admin.php_pagewc_mp_brsactionedit-bookingid75tmtabdisable_dayscreenshot

Customer Workflow

The customer for the booking product will select the date for the booking on the product page.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_screenshot

After selecting the date the customer will choose the available slot and enter the quantity.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_screenshot-1

The customer can even view the location of the event on Google Maps.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_screenshot-3

After that, add the booking product to the cart by tapping the Book Now button, and the product is added to the cart.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation_screenshot-2

The booking details are visible in the cart as well.

192.168.15.27_demo_marketplace-booking-reservation_cart_screenshot

Tap the proceed to checkout button and the details are visible for the booking product here as well.

192.168.15.27_demo_marketplace-booking-reservation_checkout_screenshot

Select the payment method and then tap the Place Order button to complete the order.

192.168.15.27_demo_marketplace-booking-reservation_checkout_order-received_135__keywc_order_zNQ7gnLkSTd7hscreenshot

The customer will receive an SMS for booking confirmation.

mockup-2-1

An email for the booking confirmation will also be received by the customer.

mail.google.com_mail_u_1_screenshot-1-1

Customer – Reschedule & Cancel Booking

On the order success page, the customers will be able to reschedule the booking as well depending upon the number of days before the booking event when the customers can reschedule the booking.

192.168.15.27_demo_marketplace-booking-reservation_checkout_order-received_135__keywc_order_zNQ7gnLkSTd7hscreenshot

In the order confirmation mail as well there will be the Reschedule Booking link available.

mail.google.com_mail_u_1_screenshot-1-1

Apart from that, within the order history of the respective order as well the customer will find the reschedule button.

192.168.15.27_demo_marketplace-booking-reservation_my-account_view-order_135_screenshot

Tapping the same, the customer will be redirected to the booking product page. Here, the customer will select the new date, slot, and other data. Then tap the Reschedule Now button.

reschedule option for booking

After that, a success message will be displayed.

192.168.15.27_demo_marketplace-booking-reservation_product_hotel-reservation__re-schedule23screenshot-1-1

An email for the reschedule is also sent to the customer.

mail.google.com_mail_u_1_screenshot-2-1

After that, when the customer checks the same order the rescheduled date will be visible. Apart from that, the customer can also cancel the booking by tapping the Cancel Booking button.

192.168.15.27_demo_marketplace-booking-reservation_my-account_view-order_135_screenshot-1

Tapping the Cancel Booking button will cancel the booking.

192.168.15.27_demo_marketplace-booking-reservation_my-account_view-order_135_screenshot-2

That’s much for the WooCommerce Marketplace Booking & Reservation System plugin.

For any queries, doubts, or suggestions regarding the extension get back to us at [email protected] or raise a ticket at our HelpDesk System.

Current Product Version - 1.1.0

Supported Framework Version - WordPress 6.3.1, WooCommerce 8.0.3, WooCommerce Marketplace 5.3.1

. . .

Leave a Comment

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


Be the first to comment.

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