{"id":111006,"date":"2018-02-05T15:00:15","date_gmt":"2018-02-05T15:00:15","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=111006"},"modified":"2024-03-27T08:05:13","modified_gmt":"2024-03-27T08:05:13","slug":"magento2-rent-appointment-event-hotel-booking-extension","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/","title":{"rendered":"Magento 2 Advanced Booking and Reservation"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/Magento2-Advanced-Booking-Reservation.html\" target=\"_blank\" rel=\"noopener\">Magento 2 Advanced Booking Reservation <\/a>extension will create dynamic booking and reservations like Appointment, Event, Rental, Hotel, and Restaurant Booking.<\/p>\n<p>This will convert the store into a dynamic event-driven site. This plugin introduces a new product type, Booking Products.<\/p>\n<p>Thus, this will allow the store owner to sell booking services as a product.\u00a0<\/p>\n<p>This product type lets the admin manage all necessary details of the Booking product like date available, slot period, stock value and price settings, and much more.<\/p>\n<p><strong>Check a brief overview of the plugin<\/strong> &#8211; wherein we have showed how the customer can view the booking products at the storefront, place the order, and the cancellation process.<\/p>\n<p>And how the admin can place the orders on behalf of the customers, and the process of creating the booking products.<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"Fu-_fode6dI\">\n<div class=\"components-placeholder__instructions\">Fu-_fode6dI<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Check a brief overview of the Table booking product &#8211;\u00a0\u00a0<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"Da7gJLIeSuM\">\n<div class=\"components-placeholder__instructions\">Da7gJLIeSuM<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Check a brief overview of the Event booking product type &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"rYBXccSXTJM\">\n<div class=\"components-placeholder__instructions\">rYBXccSXTJM<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Watch the below video tutorial to learn how to setup extension and create a rental booking product:<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"RXZNlzjQm88\">\n<div class=\"components-placeholder__instructions\">RXZNlzjQm88<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><span style=\"font-size: inherit; text-align: center;\">Watch the below video tutorial to know how to create an appointment booking product:<\/span><\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"oegSEZlntgY\">\n<div class=\"components-placeholder__instructions\">oegSEZlntgY<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<p>Check the overview of the default booking type &#8211;\u00a0<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"5DF8WgYNWXM\">\n<div class=\"components-placeholder__instructions\">5DF8WgYNWXM<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Check the overview of the hotel booking product type &#8211;\u00a0<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"2StiyTNzOvQ\">\n<div class=\"components-placeholder__instructions\">2StiyTNzOvQ<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 class=\"panel-title\"><strong>Features- Adobe Commerce Rental Extension<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<ul>\n<li>Dynamic Booking product creation for Booking and reservation.<\/li>\n<li>Admin can add Booking products like Appointment, Event, Rental, Hotel, and Restaurant Booking.<\/li>\n<li>Calendar Events in Email feature.<\/li>\n<li>The Admin can Approve\/Disapprove Q&amp;A&#8217;s from the Hotel Product Page.<\/li>\n<li>Can configure the mail template for contact to the admin regarding Booking Product.<\/li>\n<li>Can set the location name of the Booking product.<\/li>\n<li>Enable to show the map of the location of the Appointment, Event, Rental, Hotel, and Restaurant Booking.<\/li>\n<li>Booking products can have custom options.<\/li>\n<li>Dynamic time settings like create multiple time slots and also set the time span of the slots.<\/li>\n<li>Can set the break time between the slots.<\/li>\n<li>Can set the minutes to prevent the booking before the start time of the slot.<\/li>\n<li>Days\/Slot-based quantity can be configured.<\/li>\n<li>Customers can book a booking product.<\/li>\n<li>Customers can cancel a booking product.<\/li>\n<li>Can include Holiday(s) for Appointment, Table, Rents(Hourly) &amp; Default (Many bookings in One Day) type Booking products.<\/li>\n<li>Brilliant UI and UX for event display and booking.<\/li>\n<li>Built on top of the Magento MVC and ORM system.<\/li>\n<li>The admin can also place orders from the admin panel.<\/li>\n<li>Support iCalendar.<\/li>\n<li>The extension is fully compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noopener\">Hyva Theme<\/a>.\u00a0<\/li>\n<li>GraphQL has been implemented for the extension.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Installation of Adobe Commerce Cloud Rental Extension<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<p>The installation is quite simple just like the standard\u00a0<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Magento 2 extensions<\/a>.<\/p>\n<p>Customers will get a <strong>zip folder<\/strong> and they have to extract the contents of this zip folder on their system.<\/p>\n<p>The extracted folder has an <strong>src<\/strong> folder, inside the <strong>src<\/strong> folder you have the <strong>app <\/strong>folder.<\/p>\n<p>You need to transfer this <strong>app<\/strong> folder into the Magento2 root directory on the server as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Installation Of Magento2 Booking and Reservation\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" alt=\"Installation Of Magento 2 Rental Extension\" width=\"800\" height=\"411\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the successful installation, you have to run these commands in the Adobe Commerce root directory.<\/p>\n<p><strong>First command- <\/strong><\/p>\n<pre>php bin\/magento setup:upgrade<\/pre>\n<p><strong>Second Command &#8211; <\/strong><\/p>\n<pre>php bin\/magento setup:di:compile<\/pre>\n<p><strong>Third Command &#8211; <\/strong><\/p>\n<pre class=\"\">php bin\/magento setup:static-content:deploy<\/pre>\n<p>After running the commands, you have to flush the cache from the Adobe Commerce Cloud admin panel by navigating through<strong>-&gt;System-&gt;Cache management<\/strong> as shown below.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Installation Of Magento2 Booking and Reservation\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Flush-Cache-1.png\" alt=\"Installation Of Magento 2 Rental Extension\" width=\"800\" height=\"548\" loading=\"lazy\" \/><\/a><\/p>\n<p>This Adobe Commerce Rental Extension needs to be uninstalled and reinstalled in the following way.<\/p>\n<p>#<strong>Uninstallation<\/strong><\/p>\n<p>Note: After the uninstallation, all data of the module will be deleted from the instance. It will completely uninstall the Magento 2 Rental Extension.<\/p>\n<p>Please follow the steps for uninstallation-<\/p>\n<p>1. Run Following Command via terminal<\/p>\n<pre class=\"\">i- php bin\/magento advancedbookingsystem:disable<\/pre>\n<pre class=\"\">ii- php bin\/magento setup:di:compile<\/pre>\n<pre class=\"\">iii- php bin\/magento setup:static-content:deploy<\/pre>\n<p>2. Flush the cache and reindex all.<\/p>\n<p><strong>#Reinstallation<\/strong><\/p>\n<p>If this Adobe Commerce Cloud Rental Extension has been uninstalled by using the upper #Uninstallation process then Please follow the steps for reinstallation-<\/p>\n<p>1. Run Following Command via terminal<\/p>\n<pre class=\"\">i- php bin\/magento module:enable Webkul_AdvancedBookingSystem<\/pre>\n<pre class=\"\">ii- php bin\/magento setup:upgrade<\/pre>\n<pre class=\"\">iii- php bin\/magento setup:di:compile<\/pre>\n<pre class=\"\">iv- php bin\/magento setup:static-content:deploy<\/pre>\n<p>2. Flush the cache and reindex all.<\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Multi-Lingual Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For Multilingual support, please navigate to <strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the <strong>Locale <\/strong>option.<img decoding=\"async\" class=\"alignnone wp-image-309185 size-full\" title=\"change language-magento 2 locale\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1.png\" alt=\"Booking-plugin-Img1\" width=\"1279\" height=\"612\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1.png 1279w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1-1200x574.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img1-768x367.png 768w\" sizes=\"(max-width: 1279px) 100vw, 1279px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Language Translation &#8211; Adobe Commerce Rental Extension<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>If you need to do the Magento 2 Rental Extension translation, please navigate to the following path in your system <strong>app\/code\/Webkul\/AdvancedBookingSystem\/i18n<\/strong>.<br \/>Open the file named <strong>en_US.CSV <\/strong>for editing as shown in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" title=\"Magento2 Change CSV language file\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Magento 2 Rental Extension Change CSV language file\" width=\"800\" height=\"400\" loading=\"lazy\" \/><\/p>\n<p>Once you have opened the file for editing. Replace the words after the<strong>\u2020comma(,)<\/strong>\u2020on the right with your translated words.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/csv.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111003 size-full\" title=\"CSV file for language translation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/csv.png\" alt=\"CSV file Magento 2 Rental Extension\" width=\"800\" height=\"630\" loading=\"lazy\" \/><\/a><\/p>\n<p>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 &#8211;<strong> de_DE.CSV<\/strong>.<\/p>\n<p>Then upload the translated file to the same folder from where you have obtained it. Now your Adobe Commerce Cloud Rental Extension translation is complete.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" title=\"Magento2 Change CSV Language file\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Magento 2 Rental Extension Change CSV Language file\" width=\"800\" height=\"399\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Adobe Commerce Rental Extension Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the installation, the admin can configure the module settings by navigating to the <strong>Stores -&gt; Configurations -&gt; Webkul -&gt; Advanced Booking System <\/strong>as per the below image.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-418821 size-full\" title=\"configuration part\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts.png\" alt=\"192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/192.168.15.136_m246190_pub_admin_admin_system_config_index_key_d34c869afad29e89940e43684a8b64464db74cff1735ad486e4a22dc1ac59989_store-screenshts-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/p>\n<p>Here, the admin will configure the <strong>two<\/strong> settings below &#8211;<\/p>\n<h3>Settings:<\/h3>\n<ul>\n<li><strong>Google API Key: <\/strong>Enable the Google API key for the &#8220;Search nearby&#8221; map to work Properly.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Please click <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> to generate the key. And have to select these APIs of Google &#8211;<br \/><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/API.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111033 size-full\" title=\"google api key section \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/API.png\" alt=\"google api key section \" width=\"800\" height=\"344\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Admin approval required for questions<\/strong>: You can set this option to <strong>Yes<\/strong> or <strong>No<\/strong> as required.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">If set to <strong>Yes<\/strong>, then the admin approval is required before the questions are made visible on the product page.<\/p>\n<h3>Advanced Booking System Transactional Emails:<\/h3>\n<ul>\n<li><strong>Contact to Admin Regarding Booking Product Template: <\/strong>Configure the mail template for contact to the admin regarding Booking Product.<\/li>\n<li><strong>Customer asked a Question Regarding Hotel Booking Product Template<\/strong>: Configure the mail template for contact to the admin regarding Hotel booking product.<\/li>\n<li><strong>Customer created cancellation request for booking product<\/strong>: Select the respective email template for this option so that the admin receives email notification when a customer makes a cancellation for the booking product.\u00a0<br \/><img decoding=\"async\" class=\"alignnone size-full wp-image-418828\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mail.google.com_mail_u_1_store-screenshts.png\" alt=\"mail.google.com_mail_u_1_store-screenshts\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mail.google.com_mail_u_1_store-screenshts.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mail.google.com_mail_u_1_store-screenshts-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mail.google.com_mail_u_1_store-screenshts-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/mail.google.com_mail_u_1_store-screenshts-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/li>\n<\/ul>\n<h3>Booking Cancellation Options:<\/h3>\n<p>Furthermore, Admin needs to fill some more informations here.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-282494 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/advanced-booking-system-cancellation.png.png\" alt=\"advanced-booking-system-cancellation.png\" width=\"1112\" height=\"315\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/advanced-booking-system-cancellation.png.png 1112w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/advanced-booking-system-cancellation.png-300x85.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/advanced-booking-system-cancellation.png-250x71.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/advanced-booking-system-cancellation.png-768x218.png 768w\" sizes=\"(max-width: 1112px) 100vw, 1112px\" loading=\"lazy\" \/><\/p>\n<ul>\n<li><strong>Allow Booking Cancellations-\u00a0<\/strong>Here, admin needs to set whether to provide this feature to customer or not.<\/li>\n<li><strong>Display Cancellation Info at Product Page &#8211;\u00a0<\/strong>Here, admin needs to set if this cancellation info will be visible or not in product page.\u00a0<\/li>\n<li><strong>Cancellation Charge in %- <\/strong>If admin wants to set any cancellation charge it can be set here.<\/li>\n<li><strong>Allow Cancellation before Booking Start in(minutes)-\u00a0<\/strong>Here, admin can set if there is any timeline to set till when customer can apply cancellation on any order.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Add Booking Product<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Now the Admin have to navigate to Advanced Bookings System in the dashboard where it will be visible like this.\u00a0\u00a0<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392333\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin.png\" alt=\"Dashboard-Magento-Admin\" width=\"355\" height=\"395\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin.png 355w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-270x300.png 270w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-224x249.png 224w\" sizes=\"(max-width: 355px) 100vw, 355px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\">\u00a0<\/div>\n<\/div>\n<p><strong>View Bookings Order<\/strong> &#8211; Here the admin will be able to see all the details of the booking orders and manage them.<\/p>\n<p><strong>View Bookings Products<\/strong> &#8211;\u00a0 Here the admin will be able to see and edit all the booking products.<\/p>\n<p><strong>View Questions<\/strong> &#8211;\u00a0 Here admin will be able to see and manage all the questions added for the specific bookings.<\/p>\n<p><strong>View Calendar<\/strong> &#8211; Here admin will be able to see and edit all of the bookings in the calendar.<\/p>\n<p><strong>Cancellation Request<\/strong> &#8211; Here admin will be able to see all of the cancellation request from the customer and take prior action on the same.\u00a0<\/p>\n<p><strong>Manage Holidays &#8211;\u00a0<\/strong>Here admin will be able to manage, add\/edit Holiday(s) according to their preferences.<\/p>\n<h4>To Add New Booking Products<\/h4>\n<p>Now, to create the Booking Product, the admin needs to navigate through <strong>Advanced Bookings System&gt;View Bookings Product <\/strong>and then click on <strong>Add new bookings<\/strong>\u00a0simply select the Booking type as per the choice.<\/p>\n<p>Moreover, there is another way also of creating a Booking product.<\/p>\n<p>The admin will navigate through Menu item <strong>Products -&gt; Catalog -&gt;<\/strong> and then <strong>click<\/strong> the <strong>Add Product<\/strong> drop-down on the right top hand side.<\/p>\n<p>Henceforth, here you will find the <strong>Booking Product<\/strong> option, click it to create a booking product as shown below in the screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/BOOKING.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111013\" title=\"add product\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/BOOKING.png\" alt=\"Magento 2 Rental Extension_add product\" width=\"800\" height=\"432\" loading=\"lazy\" \/><\/a><\/p>\n<p>Thus, this will navigate the admin to the <strong>New Product<\/strong> page as per the below image.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-110985 size-full\" title=\"new product \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/TYPE.png\" alt=\"Magento 2 Rental Extension_new product \" width=\"800\" height=\"630\" loading=\"lazy\" \/><\/p>\n<p><strong><span style=\"color: revert; font-size: revert;\">To Add New Holiday<\/span><\/strong><\/p>\n<p><span style=\"font-size: revert; color: initial;\">To create a new Holiday, the admin needs to navigate through <\/span><strong style=\"font-size: revert; color: initial;\">Advanced Bookings System&gt;Manage Holidays <\/strong><span style=\"font-size: revert; color: initial;\">and then click on <\/span><strong style=\"font-size: revert; color: initial;\">Add New Holiday.<\/strong><span style=\"font-size: revert; color: initial;\">\u00a0<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392408\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday.png\" alt=\"Add-New-Holiday\" width=\"1365\" height=\"454\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-300x100.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-1200x399.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-250x83.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-768x255.png 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" loading=\"lazy\" \/><\/p>\n<p>Now, simply enter the <strong>Holiday Name<\/strong> as per the preference along with <strong>Date Type\u00a0<\/strong>which are <strong>Single Day<\/strong> or <strong>Date Range.\u00a0<\/strong>After filling out the details, Click on <strong>Save Holiday.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392413\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END.png\" alt=\"Add-New-Holiday-ADMIN-END\" width=\"1365\" height=\"512\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END-1200x450.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Add-New-Holiday-ADMIN-END-768x288.png 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" loading=\"lazy\" \/><\/p>\n<h3>\u00a0<\/h3>\n<h3 class=\"panel-title\"><strong>Admin End &#8211; Appointment Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can create an <strong>Appointment<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-309194 size-full\" title=\"add appointment \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2.png\" alt=\"Booking-plugin-Img2\" width=\"1266\" height=\"456\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2.png 1266w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2-300x108.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2-1200x432.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2-250x90.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-Img2-768x277.png 768w\" sizes=\"(max-width: 1266px) 100vw, 1266px\" loading=\"lazy\" \/><\/p>\n<p>So, on the New Product page, the admin will select the <strong>Appointment Booking<\/strong> Product type.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392292\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1.png\" alt=\"Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1\" width=\"1365\" height=\"2211\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-185x300.png 185w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-632x1024.png 632w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-154x249.png 154w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-768x1244.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-948x1536.png 948w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Doctor-Appointment-Products-Inventory-Catalog-Magento-Admin-1-NEW-1-1264x2048.png 1264w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" loading=\"lazy\" \/><\/p>\n<p>After entering the basic details, the admin will enter the Booking information of the product.\u00a0<\/p>\n<p>Additionally, it can enable the cancellation function for customers.<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>CONTACT INFORMATION:<\/strong><\/span><\/h4>\n<ul>\n<li><strong>Location: <\/strong>Set the location name.<\/li>\n<li><strong>Show Map with Location: <\/strong>Enable to show the map of the location.<\/li>\n<li><strong>Show Contact Button to: <\/strong>Select to whom the admin wants to display the &#8220;Contact Us&#8221; link &#8211; &#8220;Everyone&#8221; or only the &#8220;Logged in Customer&#8221;.<\/li>\n<\/ul>\n<h4><span style=\"text-decoration: underline;\"><strong>BOOKING INFORMATION:<\/strong><\/span><\/h4>\n<ul>\n<li><strong>Slot Duration(mins):<\/strong> Set the time span of a slot.<\/li>\n<li><strong>Break Time b\/w Slots(mins):<\/strong> Set the break time between the slots.<\/li>\n<li><strong>Prevent Scheduling(mins):<\/strong> Set the minutes to prevent the booking before the start time of the slot.<\/li>\n<li><strong>Available Every Week:<\/strong> Enable this to configure the time slots for all the days of the week.<br \/>Else disable this if don&#8217;t want to configure the time slots for all the days of the week.<br \/><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DISABLE.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110723 size-full\" title=\"add apointment \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DISABLE.png\" alt=\"add apointment \" width=\"800\" height=\"143\" loading=\"lazy\" \/><\/a><\/li>\n<li><strong>Same Slot for All Day:<\/strong> Enable this to configure the same slot for all the days.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/yes.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152235 size-full\" title=\"add apointment \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/yes.png\" alt=\"Magento 2 Rental Extension_add apointment \" width=\"800\" height=\"510\" loading=\"lazy\" \/><\/a> Else disable this if you want to set the different slots for each day.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">The admin can set the different-different time slots (slot span) and slots quantity for each day. <a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152478\" title=\"add apointment \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking.png\" alt=\"webkul-magento2-advance-booking- reservation-appointment-booking\" width=\"800\" height=\"671\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking.png 1107w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking-250x210.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking-300x252.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/webkul-magento2-advance-booking-reservation-appointment-booking-768x645.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Slot has Quantity:<\/strong> Enable this to configure the per slot stock value. Else disable this if you want to configure the same stock value for all the slots.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/qty.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152238 size-full\" title=\"add apointment \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/qty.png\" alt=\"Magento 2 Rental Extension_add apointment\" width=\"800\" height=\"538\" loading=\"lazy\" \/><\/a><\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>SLOT INFORMATION:<\/strong><\/span><\/h4>\n<p>Under this, the admin will configure the slot time span. And, define each slot quantity if <strong>Slot has quantity <\/strong>option is set to <strong>Yes<\/strong>.<\/p>\n<p>Now click on the <strong>save<\/strong> button on the top and we are done configuring the product.<\/p>\n<p>Henceforth for more details, you can check our video tutorial <a href=\"https:\/\/www.youtube.com\/watch?v=oegSEZlntgY&amp;feature=youtu.be\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Frontend &#8211; Appointment Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Book Now<\/strong> option to Book the reservation.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392307\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END.png\" alt=\"Appointment-FRONT-END\" width=\"1361\" height=\"1237\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END.png 1361w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END-300x273.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END-1127x1024.png 1127w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END-250x227.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Appointment-FRONT-END-768x698.png 768w\" sizes=\"(max-width: 1361px) 100vw, 1361px\" loading=\"lazy\" \/><\/p>\n<p>Here, the customer will:<\/p>\n<ul>\n<li>Select the date from the calendar for which they want to book the slot.<\/li>\n<li>Select the slot for the selected date and set the quantity.<\/li>\n<li>Then click on the \u201cBook Now\u201d button.<\/li>\n<\/ul>\n<p>Thus, tapping the <strong>Book Now <\/strong>button will add the slot to the cart. A success message will display for the same.<\/p>\n<p>Henceforth, click the <strong>Proceed to Checkout<\/strong> button to block the added slots by making a purchase.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-110734 size-full\" title=\"Appointment Frontend\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT.png\" alt=\"Magento 2 Rental Extension_Appointment Frontend\" width=\"800\" height=\"829\" loading=\"lazy\" \/><\/p>\n<p>Thus, the customer will select the dersiable payment method on the checkout page. Inorder accomplish the puchase the customer will click on <strong>Place Order.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-110736 size-full\" title=\"Appointment Frontend checkout\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER.png\" alt=\"Magento 2 Rental Extension_Appointment Frontend checkout\" width=\"800\" height=\"635\" loading=\"lazy\" \/><span style=\"font-size: inherit;\">Henceforth now the customer will see all the orders placed in the <strong>My Order <\/strong>Section.<\/span><\/p>\n<p>The time slot gets disable if it is completely fill as per the image.<br \/><img decoding=\"async\" class=\"aligncenter wp-image-110744 size-full\" title=\"Appointment Frontend checkout\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/disabled_slot.png\" alt=\"Appointment Frontend checkout\" width=\"800\" height=\"637\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Admin End &#8211; Event Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can create an <strong>Event<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ADMIN-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110748 size-full\" title=\"event booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ADMIN-1.png\" alt=\"event booking\" width=\"800\" height=\"538\" loading=\"lazy\" \/><\/a><\/p>\n<p>On the New Product page, the admin will select the Event Booking Product type.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-182017\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Webkul-Magento2-advance-booking-system-5.png\" alt=\"Webkul-Magento2-advance-booking-system-5\" width=\"800\" height=\"739\" loading=\"lazy\" \/><\/p>\n<p>After entering the basic details, the admin will enter the Booking information of the product \u2013<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>VENUE DETAILS:<\/strong><\/span><\/h4>\n<ul>\n<li><strong>Location: <\/strong>Set the location name.<\/li>\n<li><strong>Show Map with Location: <\/strong>Enable to show the map of the location.<\/li>\n<li><strong>Show Contact Button to: <\/strong>Select to whom the admin wants to display the \u201cContact Us\u201d link \u2013 \u201cEveryone\u201d or only the \u201cLogged in Customer\u201d.<\/li>\n<\/ul>\n<h4><span style=\"text-decoration: underline;\"><strong>TICKET AND QUANTITY:<\/strong><\/span><\/h4>\n<ul>\n<li><strong>Event Date: <\/strong>Set the Start Date and End date.<\/li>\n<li><strong>Event Map\/Chart Available: <\/strong>Upload the Map image of the location of the Event.<\/li>\n<li><strong>Price Charged Per: <\/strong>Configure tickets charge basis like whether the admin wants to charge the fee according to &#8220;Per Ticket&#8221;, &#8220;Per Person&#8221; or &#8220;Per Seat&#8221; etc.<\/li>\n<li><strong>Multiple Tickets: <\/strong>Enable this if you want to create multiple types of tickets. Else, disable this if you want to create only a single kind of ticket.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/disable.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152795 size-full\" title=\"event booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/disable.png\" alt=\"event booking\" width=\"800\" height=\"357\" loading=\"lazy\" \/><\/a>Now click on the <strong>save<\/strong> button on the top and we are done configuring the product.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Frontend &#8211; Event Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Buy Tickets<\/strong> option to Book the tickets.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/EVENT-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110764 size-full\" title=\"event booking frontend \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/EVENT-1.png\" alt=\"event booking frontend \" width=\"800\" height=\"980\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the customer will:<\/p>\n<ul>\n<li>Select the ticket which the customer wants to buy.<\/li>\n<li>View the ticket amount calculation as per the ticket type and its quantity selected.<\/li>\n<li>Then click on the \u201cBuy Tickets\u201d button.<\/li>\n<\/ul>\n<p>Tapping the <strong>Buy Tickets <\/strong>button will add the tickets to the cart and you will see a <strong>success message<\/strong> for the same.<\/p>\n<p>Now, click the <strong>Proceed to Checkout<\/strong> button to block the added tickets by making a purchase.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CART-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110769 size-full\" title=\"event booking frontend \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CART-1.png\" alt=\"Magento 2 Rental Extension_event booking frontend \" width=\"800\" height=\"580\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will select the payment method at the checkout page and will tap the <strong>Place Order<\/strong> button to complete the purchase.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/PLACE-ORDER.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110771 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/PLACE-ORDER.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"628\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the order is place, the customer will be able to see the order details under <strong>My Orders<\/strong> section.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-110775 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER1.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"958\" loading=\"lazy\" \/><\/p>\n<p>The customer will get an error message when trying to purchase the tickets which is Out of stock.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ERROR.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110780 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ERROR.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"950\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Admin End &#8211; Rental Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can create a <strong>Rental<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-309195 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3.png\" alt=\"Booking-plugin-img3\" width=\"1260\" height=\"499\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3.png 1260w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3-300x119.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3-1200x475.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3-250x99.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Booking-plugin-img3-768x304.png 768w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" loading=\"lazy\" \/><\/p>\n<p>On the New Product page, the admin will select the Rental Booking Product type.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392316\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1.png\" alt=\"Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1\" width=\"1360\" height=\"2368\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1.png 1360w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-172x300.png 172w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-588x1024.png 588w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-143x249.png 143w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-768x1337.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-882x1536.png 882w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Cycle-RentalHourly-booking-Products-Inventory-Catalog-Magento-Admin-NEW1-1176x2048.png 1176w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" loading=\"lazy\" \/><\/p>\n<p>After entering the basic details, the admin will enter the Booking information of the product \u2013<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>VENUE DETAILS:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Location: <\/strong>Set the location name.<\/li>\n<li><strong>Show Map with Location: <\/strong>Enable to show the map of the location.<\/li>\n<li><strong>Show Contact Button to: <\/strong>Select to whom the admin wants to display the \u201cContact Us\u201d link \u2013 \u201cEveryone\u201d or only the \u201cLogged in Customer\u201d.<\/li>\n<\/ul>\n<h4><strong><span style=\"text-decoration: underline;\">RENTING INFORMATION:<\/span><\/strong><\/h4>\n<ul>\n<li><strong>Available Qty to Rent: <\/strong>Set the quantity available to rent.<\/li>\n<li><strong>Renting Type: <\/strong>Select the rent type as Hourly Basis, Daily Basis or both.<strong><br \/><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/RENT-TYPE.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110793 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/RENT-TYPE.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"401\" loading=\"lazy\" \/><\/a><\/strong><\/li>\n<li><strong>Daily Price: <\/strong>If you have configured the &#8220;Renting Type&#8221; as Daily Basis or the Both. Then set the per day rent. Else, if configured the &#8220;Renting Type&#8221; as &#8220;Hourly Basis&#8221;. Then, the &#8220;<strong>Daily Price&#8221; <\/strong>field gets disappear.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/hourly.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152255 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/hourly.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"333\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Available Always: <\/strong>Enable this to configure the time slots for all the days of the week.<br \/>Else disable this if\u00a0 you don\u2019t want to configure the time slots for all the days of the week.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/dates.png\"><img decoding=\"async\" class=\"aligncenter wp-image-152257 size-full\" title=\"magento2 booking and reservation\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/dates.png\" alt=\"magento2 booking and reservation\" width=\"800\" height=\"434\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li><strong>Available From: <\/strong>If you have disabled the &#8220;Available Always&#8221; option then set the Start Date and End date.<\/li>\n<li><strong>Hourly Price: <\/strong>If you have configured the &#8220;Renting Type&#8221; as Hourly Basis or the Both. Then, set the per hour rent.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Else, if configured the &#8220;Renting Type&#8221; as &#8220;Daily Basis&#8221;. Then, &#8220;<strong>Hourly Price&#8221; <\/strong>field gets disappears.<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>HOURLY RENTING INFORMATION<\/strong><\/span><\/h4>\n<p>This section will appear if you have configured the &#8220;Renting Type&#8221; as Hourly Basis or the Both.<\/p>\n<ul>\n<li><strong>Prevent Scheduling(Mins): <\/strong>Set the minutes to prevent the booking before the start time of the slot.<\/li>\n<li><strong>Same Hours for All Days: <\/strong>Enable this to configure the same time slots for all the days of the week.<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Else disable this if you want to set the different slots for each day. The admin can set the different-different time slots (slot span).<\/p>\n<ul>\n<li><strong>Hours has Quantity: <\/strong>Enable this to configure the per slot stock value. Else disable this if you want to configure the same stock value for all the slots.<\/li>\n<\/ul>\n<p>After this, the admin will configure the slot time span and its quantity as per the choice. And then click on the <strong>save<\/strong> button on the top and we are done configuring the product.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Frontend &#8211; Rental Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Rent Now<\/strong> option to Book the reservation.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392320\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End.png\" alt=\"RentHourly-Front-End\" width=\"1348\" height=\"967\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End.png 1348w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End-300x215.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End-1200x861.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End-250x179.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/RentHourly-Front-End-768x551.png 768w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" loading=\"lazy\" \/><\/p>\n<p>Here, the customer will:<\/p>\n<ul>\n<li>Choose the Rent option either Daily Basis or Hourly Basis.<\/li>\n<\/ul>\n<h4><span style=\"text-decoration: underline;\"><strong>DAILY BASIS:<\/strong><\/span><\/h4>\n<p>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.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DAILY.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110891 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DAILY.png\" alt=\"rental booking system\" width=\"800\" height=\"333\" loading=\"lazy\" \/><\/a><\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>HOURLY BASIS:<\/strong><\/span><\/h4>\n<p>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.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/HOURLY.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110893 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/HOURLY.png\" alt=\"rental booking system\" width=\"800\" height=\"502\" loading=\"lazy\" \/><\/a><\/p>\n<ul>\n<li>Select the quantity.<\/li>\n<li>Then click on the \u201cRent Now\u201d button.<\/li>\n<\/ul>\n<p>Now, click the <strong>Proceed to Checkout<\/strong> button to make the booking.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110894 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT-1.png\" alt=\"Magento 2 Rental Extension_rental booking system\" width=\"800\" height=\"585\" loading=\"lazy\" \/><\/a><\/p>\n<p>Thus, the customer will select the payment method at the checkout page. Henceforth will click the <strong>Place Order<\/strong> button to complete the purchase.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110895 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER-1.png\" alt=\"Magento 2 Rental Extension_rental booking system\" width=\"800\" height=\"633\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the order is place, the customer will be able to see the order details under the <strong>My Orders<\/strong> section.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110897 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS-1.png\" alt=\"Magento 2 Rental Extension_rental booking system\" width=\"800\" height=\"962\" loading=\"lazy\" \/><\/a><\/p>\n<p>However, the customer will get an error message when trying to hire the item which is Out of stock.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ERROR-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110898 size-full\" title=\"rental booking system\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ERROR-1.png\" alt=\"Magento 2 Rental Extension_rental booking system\" width=\"800\" height=\"776\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Admin End &#8211; Hotel Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can create a <strong>Hotel<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ADD-PRODUCT.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110902 size-full\" title=\"Hotel Booking \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ADD-PRODUCT.png\" alt=\"Magento 2 Rental Extension_Hotel Booking \" width=\"800\" height=\"576\" loading=\"lazy\" \/><\/a><\/p>\n<p>On the New Product page, the admin will select the Hotel Booking Product type.<\/p>\n<p>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.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-429681\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin.webp\" alt=\"Restaurant-Booking-Configuration-Current Variations-to-Admin\" width=\"1294\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin.webp 1294w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin-1200x606.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Restaurant-Booking-Configuration-Current-Variations-to-Admin-768x388.webp 768w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" loading=\"lazy\" \/><\/p>\n<p>\u00a0<\/p>\n<p>After entering the basic details, the admin will enter the Booking Information of the product &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-182020\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Welbul-magento2-advance-booking-ssytem_9.png\" alt=\"Welbul-magento2-advance-booking-ssytem_9\" width=\"800\" height=\"2106\" loading=\"lazy\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>HOTEL LOCATION:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Address Information: <\/strong>Set the address of the hotel which will be visible at the frontend to the customers.<\/li>\n<\/ul>\n<ul>\n<li><strong>Show map with Location: <\/strong>Enable to show the map of the location.<\/li>\n<li><strong>Show contact button to: <\/strong>Select to whom the admin wants to display the &#8220;Contact Us&#8221; link &#8211; &#8220;Everyone&#8221; or only the &#8220;Logged in Customer&#8221;.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><strong>BOOKING INFORMATION:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Show Near By: <\/strong>Enable to show the map of the nearby location.<\/li>\n<li><strong>Price Charged Per: <\/strong>Configure the charge basis like night or day.<\/li>\n<li><strong>Enable ask a Question: <\/strong>At the front-end allow the customers to ask questions or queries they will have.<\/li>\n<li><strong>Amenities: <\/strong>Select the facilities as per the room type.<\/li>\n<\/ul>\n<p>And then click on the <strong>save<\/strong> button on the top and we are done configuring the product<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Note:<\/strong><\/span> The admin can view all the queries asked by the customers on the product edit page.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/EDIT.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111950 size-full\" title=\"Hotel Booking \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/EDIT.png\" alt=\"Magento 2 Rental Extension_Hotel Booking \" width=\"800\" height=\"304\" loading=\"lazy\" \/><\/a><\/p>\n<p>And can also revert to the customer queries as per the below image.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ANSWER.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111951 size-full\" title=\"Hotel Booking \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ANSWER.png\" alt=\"Magento 2 Rental Extension_Hotel Booking \" width=\"800\" height=\"646\" loading=\"lazy\" \/><\/a><\/p>\n<p>On the frontend, the admin can view the questions along with the <strong>Write an Answer <\/strong>button. The admin will click on this button write the answer and then submit it.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>View Questions<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Under this section, the admin will be able to check all the questions that have been asked from the Hotel booking product page at the front end.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-313009\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Screenshot-5-3.png\" alt=\"Screenshot-5-3\" width=\"354\" height=\"353\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Screenshot-5-3.png 354w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Screenshot-5-3-300x300.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Screenshot-5-3-250x249.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Screenshot-5-3-120x120.png 120w\" sizes=\"(max-width: 354px) 100vw, 354px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<p>The admin can <strong>delete<\/strong>, <strong>enable<\/strong> or <strong>disable<\/strong> the status of the questions using the actions drop-down menu option.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-153938 size-full\" title=\"view questions\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/view-questions.png\" alt=\"Magento 2 Rental Extension_view questions\" width=\"800\" height=\"515\" loading=\"lazy\" \/><\/p>\n<p>To <strong>view<\/strong> the questions for a particular product, tap the <strong>View Answers<\/strong> link. And this brings up the section with all the answers for the particular product. Here, the admin can delete the answers as well.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-153948 size-full\" title=\"asked answers\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/asked-answers.png\" alt=\"Magento 2 Rental Extension_asked answers\" width=\"800\" height=\"420\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Front End &#8211; Hotel Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Book Now<\/strong> option to Book the reservation.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/hotel.png\"><img decoding=\"async\" class=\"aligncenter wp-image-156028 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/hotel.png\" alt=\"Magento 2 Rental Extension_hotel\" width=\"800\" height=\"2024\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the customer will:<\/p>\n<ul>\n<li>Choose the <strong>Room type<\/strong> and <strong>Hotel view<\/strong>.<\/li>\n<li>Select the Check-in and Check-out date.<\/li>\n<li>Set the quantities of Rooms required, Adults and kids.<\/li>\n<li>Then click on the \u201cBook Now\u201d button.<\/li>\n<\/ul>\n<p>The customer can search the nearby places and can also view the amenities offered by the admin.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/FACILITIES.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111017 size-full\" title=\"frontend hotel booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/FACILITIES.png\" alt=\"Magento 2 Rental Extension_frontend hotel booking\" width=\"800\" height=\"240\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer can even ask queries. Click on the &#8220;Ask a Question&#8221; tab to ask your queries as per the below image.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ASK-QUERY.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111183 size-full\" title=\"frontend hotel booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ASK-QUERY.png\" alt=\"Magento 2 Rental Extension_frontend hotel booking\" width=\"800\" height=\"432\" loading=\"lazy\" \/><\/a><\/p>\n<p>If the\u00a0<strong>Admin\u00a0<\/strong>adds the Breakfast &amp; Dinner Option in the <strong>Current Variation<\/strong> Part in the <strong>Product Configuration<\/strong> It will show as given below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-429690\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner.webp\" alt=\"Book-your-room-with-Breakfast-And-Dinner\" width=\"1294\" height=\"654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner.webp 1294w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner-1200x606.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Book-your-room-with-Breakfast-And-Dinner-768x388.webp 768w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" loading=\"lazy\" \/><\/p>\n<p>Now, click the <strong>Proceed to Checkout<\/strong> button to make the booking.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110918 size-full\" title=\"frontend hotel booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT-2.png\" alt=\"Magento 2 Rental Extension_frontend hotel booking\" width=\"800\" height=\"582\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will select the payment method at the checkout page and will tap the <strong>Place Order<\/strong> button to complete the purchase.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110920 size-full\" title=\"frontend hotel booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER-2.png\" alt=\"Magento 2 Rental Extension_frontend hotel booking\" width=\"800\" height=\"631\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the order is placed, the customer will be able to see the order details under the <strong>My Orders<\/strong> section.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110924 size-full\" title=\"frontend hotel booking\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS-2.png\" alt=\"Magento 2 Rental Extension_frontend hotel booking\" width=\"800\" height=\"1206\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will get an error message when trying to book the item which is Out of stock.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ERROR-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-156030 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ERROR-2.png\" alt=\"Magento 2 Rental Extension_alert\" width=\"800\" height=\"440\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Admin End &#8211; Table Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can create a <strong>Table<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-154634 size-full\" title=\"check out\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ADD-1.png\" alt=\"Magento 2 Rental Extension_check out\" width=\"800\" height=\"579\" loading=\"lazy\" \/><\/p>\n<p>On the New Product page, the admin will select the Table Booking Product type.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392312\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE.png\" alt=\"ADMIN-END-TABLE\" width=\"1357\" height=\"2414\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE.png 1357w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-768x1366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-863x1536.png 863w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/ADMIN-END-TABLE-1151x2048.png 1151w\" sizes=\"(max-width: 1357px) 100vw, 1357px\" loading=\"lazy\" \/><\/p>\n<p>After entering the basic details, the admin will enter the Booking information of the product &#8211;<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>CONTACT INFORMATION:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Address Information: <\/strong>Set the location name.<\/li>\n<li><strong>Show map with Location: <\/strong>Enable to show the map of the location.<\/li>\n<li><strong>Show the contact button to <\/strong>Select to whom the admin wants to display the &#8220;Contact Us&#8221; link &#8211; &#8220;Everyone&#8221; or only the &#8220;Logged in Customer&#8221;.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><strong>BOOKING INFORMATION:<\/strong><\/span><\/p>\n<ul>\n<li><strong>Charged Per:<\/strong> Configure the charge basis like per table, guest, plate etc<\/li>\n<li><strong>Number Of Guests:<\/strong> Set the charges per quantity like set the charges for per guest.<\/li>\n<li><strong>Maximum Guests Capacity:<\/strong> Set the maximum number of guests the table can be booked for.<\/li>\n<li><strong>Slot Duration(mins):<\/strong> Set the time span of a slot.<\/li>\n<li><strong>Break Time b\/w slots(mins):<\/strong> Set the break time between the slots.<\/li>\n<li><strong>Prevent Scheduling(mins):<\/strong> Set the minutes to prevent the booking before the start time of the slot.<\/li>\n<li><strong>Same slot for All Day:<\/strong> Enable this to configure the same slot for all the days. Else disable this if you want to set the different slots for each day.<\/li>\n<\/ul>\n<p>Configure the time slots for each day if you want to have different slots for each day. Now click on the <strong>save<\/strong> button on the top and we are done configuring the product.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Front End &#8211; Table Booking<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Book Now<\/strong> option to Book the reservation.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/FRONTEND1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-392345\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE.png\" alt=\"Front-End-TABLE\" width=\"1362\" height=\"1189\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE.png 1362w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE-300x262.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE-1173x1024.png 1173w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE-250x218.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Front-End-TABLE-768x670.png 768w\" sizes=\"(max-width: 1362px) 100vw, 1362px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the customer will:<\/p>\n<ul>\n<li>Select the date and time.<\/li>\n<li>Set the number of guests.<\/li>\n<li>Add a message for the admin.<\/li>\n<li>Then click on the \u201cBook Now\u201d button.<\/li>\n<\/ul>\n<p>Now, click the <strong>Proceed to Checkout<\/strong> button to make the booking.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110942 size-full\" title=\"table booking frontend\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/CHECKOUT1.png\" alt=\"Magento 2 Rental Extension_table booking frontend\" width=\"800\" height=\"570\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will select the payment method at the checkout page and will tap the <strong>Place Order<\/strong> button to complete the purchase.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER1-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110945 size-full\" title=\"table booking frontend\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/ORDER1-1.png\" alt=\"Magento 2 Rental Extension_table booking frontend\" width=\"800\" height=\"628\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the order is placed, the customer will be able to see the order details under the <strong>My Orders<\/strong> section.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-110947 size-full\" title=\"table booking frontend\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/DETAILS1.png\" alt=\"Magento 2 Rental Extension_table booking frontend\" width=\"800\" height=\"1022\" loading=\"lazy\" \/><\/a><\/p>\n<p>The customer will get an error message when trying to book the table which is not available.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Default Booking Product<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<h3><span style=\"text-decoration: underline;\">Many Bookings In a Day:<\/span><\/h3>\n<p>The admin can also create a default Booking product type &#8211; <strong>Many Bookings In a Day. <\/strong>Select the <strong>Booking Product<\/strong> option, click it to create a <strong>new<\/strong> booking product as shown below in the screenshot.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Admin-Booking-Product-Type-1.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Booking Product Option\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Admin-Booking-Product-Type-1.png\" alt=\"Magento 2 Rental Extension_Booking Product Option\" width=\"800\" height=\"637\" loading=\"lazy\" \/><\/a><\/p>\n<p>After you click the <strong>Booking Product <\/strong>option above, the Add Product page will open where you can configure the booking product.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Many-Bookings-In-One-Day.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-392323\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day.png\" alt=\"Default-Many-Bookings-1-Day\" width=\"1356\" height=\"2515\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day.png 1356w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-162x300.png 162w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-552x1024.png 552w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-134x249.png 134w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-768x1424.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-828x1536.png 828w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Default-Many-Bookings-1-Day-1104x2048.png 1104w\" sizes=\"(max-width: 1356px) 100vw, 1356px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now after filling in the information for the<strong> booking product<\/strong>, you will select the <strong>booking Information <\/strong>type as <strong>Many Bookings In a Day <\/strong>and configure its Booking details.<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>FRONTEND:<\/strong><\/span><\/h4>\n<p>On the <strong>Product Page,<\/strong> the customer can select the <strong>Book Now<\/strong> option to Book the reservation.<br \/><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Book-Reservation.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-392328\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day.png\" alt=\"DEFAULT-Front-End-Many-in-one-day\" width=\"1365\" height=\"927\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day.png 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day-300x204.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day-1200x815.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day-250x170.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/DEFAULT-Front-End-Many-in-one-day-768x522.png 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking on the <strong>Book Now<\/strong> button you will see a popup. Here, you need to first select the <strong>date<\/strong> for which you want the booking.<\/p>\n<p>After that, you will select the <strong>required slot<\/strong> and enter the number of <strong>slots<\/strong> required for the selected date. Now, tap the <strong>Book Now <\/strong>button to add the selected slot to the <strong>cart<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Select-Slot-To-Book.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Frontend Usage - Many Bookings In A Day\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Select-Slot-To-Book.png\" alt=\"Magento 2 Rental Extension_Frontend Usage - Many Bookings In A Day\" width=\"800\" height=\"637\" loading=\"lazy\" \/><\/a><\/p>\n<p>Tapping the <strong>Book Now <\/strong>button will add the slot to the cart and you will see a <strong>success message<\/strong> for the same.<\/p>\n<p><strong>Available slots<\/strong> are underlined with <strong>green color<\/strong>, <strong>unavailable<\/strong> with a <strong>yellow color<\/strong>, and <strong>completely<\/strong> <strong>booked <\/strong>are underlined with red underline.<\/p>\n<h3><span style=\"text-decoration: underline;\">One Booking for Many Days:<\/span><\/h3>\n<p>The admin can also create a default Booking product type &#8211; <strong>One Booking for Many days. <\/strong>Select the <strong>Booking Product<\/strong> option, and click it to create a <strong>new<\/strong> booking product as shown below in the screenshot.<\/p>\n<p><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Admin1.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"How To Use Magento2 Booking And Reservation - One Booking For many Days\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/Admin1.png\" alt=\"How To Use Magento 2 Rental Extension- One Booking For many Days\" width=\"800\" height=\"933\" loading=\"lazy\" \/><\/a><\/p>\n<p>After you click the <strong>Booking Product <\/strong>option above, the Add Product page will open where you can configure the booking product as shown below in the screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Product-Hotel.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"How To Use Magento2 Booking And Reservation - One Booking For many Days\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Product-Hotel.png\" alt=\"Magento 2 Rental Extension_How To Use Magento2 Booking And Reservation - One Booking For many Days\" width=\"800\" height=\"1951\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now after filling in the information for the<strong> booking product<\/strong>, you will select the <strong>booking Information <\/strong>type as <strong>One Bookings For Many Days <\/strong>and configure its Booking details.<\/p>\n<h4><span style=\"text-decoration: underline;\"><strong>FRONTEND:<\/strong><\/span><\/h4>\n<p>On the <strong>Product Page, <\/strong>you can select the <strong>Book Now<\/strong> option to Book the reservation.<br \/><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Hotel-Frontend-View.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Front End Usage One booking for many days.\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Hotel-Frontend-View.png\" alt=\"Magento 2 Rental Extension_Front End Usage One booking for many days.\" width=\"800\" height=\"637\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking on the <strong>Book Now<\/strong> button you will see a popup. Here, you need to first select the <strong>date<\/strong> for which you want the booking.<\/p>\n<p>Thus, after that, you will select the <strong>required slot<\/strong> and enter the number of <strong>slots<\/strong> required for the selected date. Now, tap the <strong>Book Now <\/strong>button to add the selected slot to the <strong>cart<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Hotel-Pop-Up.png\"><img decoding=\"async\" class=\"aligncenter\" title=\"Frontend Usage - OneBooking For Many Days\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/11\/Booking-Hotel-Pop-Up.png\" alt=\"Magento 2 Rental Extension_Frontend Usage - OneBooking For Many Days\" width=\"800\" height=\"637\" loading=\"lazy\" \/><\/a><\/p>\n<p>Tapping the <strong>Book Now <\/strong>button will add the slot to the cart and you will see a <strong>success message<\/strong> for the same.<\/p>\n<p><strong>Available slots<\/strong> are underlined with a <strong>green color<\/strong>, <strong>unavailable<\/strong> with a <strong>yellow color<\/strong>, and <strong>completely<\/strong> <strong>booked <\/strong>are underlined with a red underline.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Adobe Commerce Rental Extension &#8211; Email Events<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p><b>Email <\/b>functionality is the most convenient and liable way of notifying customers about their booking events that occurred in the Adobe Commerce Cloud store via email.<\/p>\n<p>When the <strong>invoice<\/strong> has to be generated at that time the admin has to select &#8220;<strong>Email Copy of Invoice<\/strong>&#8221; and the customer will receive an email attachment having the booking details.<\/p>\n<p>The customer will accept the invitation message.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-182025 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Gmail.png\" alt=\"Magento 2 Rental Extension_Gmail\" width=\"800\" height=\"373\" loading=\"lazy\" \/><\/p>\n<p>The customer can <strong>add the booking details<\/strong> to the\u00a0<strong>Google Calendar<\/strong> or any other by first <strong>downloading<\/strong> the <strong>attached file<\/strong> in the mail.<\/p>\n<p>Then, the customer can navigate to the Google Calendar <strong>setting<\/strong> icon and select the <strong>Import<\/strong> <strong>Export <\/strong>menu. After this, import the downloaded file.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-153940 size-full\" title=\"calander import \" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/import-export-2.png\" alt=\"Magento 2 Rental Extension_calander import \" width=\"800\" height=\"657\" loading=\"lazy\" \/><\/p>\n<p>After the above step, you can find the booking details within the calendar.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-153941 size-full\" title=\"saved calendar\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/saved_calendar.png\" alt=\"Magento 2 Rental Extension_saved calendar\" width=\"800\" height=\"540\" loading=\"lazy\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Note:<\/strong><\/span> The email events functionality will work for all booking types &#8211;\u00a0Appointment, Event, Rental, Hotel, Restaurant, and Default Booking as well.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\"><strong>Manage Orders in Adobe Commerce Magento 2 Rental Extension<\/strong><\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can also manage the orders of the Booking Products. For this, the admin will navigate to <strong>Advanced Booking product -&gt; View Bookings Orders.<\/strong><\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392377\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1.png\" alt=\"Dashboard-Magento-Admin-1\" width=\"355\" height=\"395\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1.png 355w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1-270x300.png 270w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1-224x249.png 224w\" sizes=\"(max-width: 355px) 100vw, 355px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<p>Here the admin can view the complete list of the orders placed for the Booking product.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/MANAGE.png\"><img decoding=\"async\" class=\"aligncenter wp-image-111000 size-full\" title=\"view bookings\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/MANAGE.png\" alt=\"Magento 2 Rental Extension_view bookings\" width=\"800\" height=\"586\" loading=\"lazy\" \/><\/a><\/p>\n<p>Click on the <strong>View<\/strong> link to view the order details and to manage the orders.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Admin end -Cancel Order<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>The admin can provide cancellation booking product requests by enabling the cancellation available button.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-182027 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Webkul-Magento2-advance-booking-System_7-1.png\" alt=\"Webkul-Magento 2 Rental Extension-System_7-1\" width=\"800\" height=\"926\" loading=\"lazy\" \/><\/p>\n<p>Admin can also view cancellation requests by clicking on the cancellation request button as shown in the screenshot.<\/p>\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --right\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-392377\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1.png\" alt=\"Dashboard-Magento-Admin-1\" width=\"355\" height=\"395\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1.png 355w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1-270x300.png 270w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/Dashboard-Magento-Admin-1-224x249.png 224w\" sizes=\"(max-width: 355px) 100vw, 355px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<p>When the admin clicks on the cancellation Requests button the admin can view all the cancellation requests.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-181833\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/admin-cancellation-request.png\" alt=\"Magento 2 Rental Extension_admin-cancellation-request\" width=\"800\" height=\"465\" loading=\"lazy\" \/><\/p>\n<p>When the admin clicks on view in the action column then the process cancellation page will appear.<\/p>\n<p>Henceforth, by clicking on the process cancellation button admin can approve the cancellation request.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-181996 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/advance-booking5-1.png\" alt=\"Magento 2 Rental Extension_advance-booking5-1\" width=\"800\" height=\"779\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Front end Cancellation request<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>When admin will enable cancellation booking then the customer can see booking cancellation available as shown in the screenshot.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/cancel-booking-front1-1200x595.png\" alt=\"Magento 2 Rental Extension_cancel-booking-front1\" loading=\"lazy\" \/><\/p>\n<p>Thus, once the customer places an order and post invoice generation the customer can request for cancellation.<\/p>\n<p>Henceforth by following the navigation as <strong>My Account-&gt;My Orders -&gt; View order.<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/oderview-2-1200x406.png\" alt=\"Magento 2 Rental Extension_oderview-2\" loading=\"lazy\" \/><\/p>\n<p>So, the customer can see complete order details by clicking View Order.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/Order-000000117-1-1200x993.png\" alt=\"Magento 2 Rental Extension_Order-000000117-1\" loading=\"lazy\" \/><\/p>\n<p>\u00a0Hence, on clicking the cancel booking button customer will see- all information regarding booking charges appear as shown in the screenshot.<\/p>\n<p>When the customer clicks on the cancel booking button all information regarding booking charges will appear as shown in the screenshot.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/Booking-Cancellation-cahrges-1-1200x816.png\" alt=\"Magento 2 Rental Extension_Booking-Cancellation-cahrges-1\" loading=\"lazy\" \/><\/p>\n<p>When the customer clicks on cancel booking then cancellation request will be sent to admin.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/requestsend-1200x353.png\" alt=\"Magento 2 Rental Extension-requestsend\" width=\"800\" height=\"353\" loading=\"lazy\" \/><\/p>\n<p>Thus, whenever the admin approves the cancellation Request then customer then the refund invoice will be generated as shown in the screenshot below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-239242\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/m2-advanced-booking-extension.png\" alt=\"Magento 2 Rental Extension\" width=\"800\" height=\"687\" loading=\"lazy\" \/><\/p>\n<div class=\"wk-index-wrap\">\n<h3 class=\"index-title\">Booking Product With Custom Option<\/h3>\n<\/div>\n<p>The customer can now get more power by getting the facility to purchase products with custom options.<\/p>\n<p>Thus, the admin can configure such a product by navigating to<strong> Advanced Booking System&gt;View Booking Products&gt;Add New Booking.<\/strong><\/p>\n<p>Likewise in the below option, we have a Doctor&#8217;s Appointment. Wherein the admin has given the facility to the customer to select from multiple departments.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-239247 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/custom_options.png\" alt=\"Magento 2 Rental Extension_custom_options\" width=\"800\" height=\"574\" loading=\"lazy\" \/><\/p>\n<p>Thus, the customer in the front end can view such products as below.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1116\" height=\"420\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/m2-advanced-booking-extension_custom_options.png\" alt=\"Magento 2 Rental Extension_custom_options\" class=\"wp-image-239251\" style=\"width:880px;height:308px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/m2-advanced-booking-extension_custom_options.png 1116w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/m2-advanced-booking-extension_custom_options-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/m2-advanced-booking-extension_custom_options-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/m2-advanced-booking-extension_custom_options-768x289.png 768w\" sizes=\"(max-width: 1116px) 100vw, 1116px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Admin End Booking Orders<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin can also place orders from the admin panel as shown in the<strong> below image.<\/strong><\/p>\n\n\n\n<p>Go to <strong>Customer <\/strong>&gt;<strong>Edit <\/strong>&gt;<strong>Create Order<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"612\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1200x612.png\" alt=\"Screenshot\" class=\"wp-image-312965\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1200x612.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-768x392.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot.png 1296w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>It will redirect you to the new page, here just select the <strong>stores<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"610\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download-1200x610.png\" alt=\"download\" class=\"wp-image-312867\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download-1200x610.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download-300x152.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download-768x390.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/download.png 1295w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that as here, the order is created in the default store view, below are the options that you need to select and tap on the <strong>add selected products<\/strong> option given on the right side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"611\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1-1200x611.png\" alt=\"Screenshot-1\" class=\"wp-image-312967\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1-1200x611.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1-768x391.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-1.png 1292w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Afterward, adding the products, <strong>configure <\/strong>the addition product according to the order requirement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"617\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2-1200x617.png\" alt=\"Screenshot-2\" class=\"wp-image-312969\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2-1200x617.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2-768x395.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-2.png 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After adding the product, select the <strong>action<\/strong> ie moving to the <strong>shipping cart.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1-1200x606.png\" alt=\"Screenshot-3-1\" class=\"wp-image-312971\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1-1200x606.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1-768x388.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-3-1.png 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After that, add <strong>account information<\/strong> as well as<strong> address information<\/strong> and click on the <strong>submit order<\/strong> as shown in the given below snapshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"500\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-500x1024.png\" alt=\"New-Order-_-Orde-1\" class=\"wp-image-312975\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-500x1024.png 500w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-146x300.png 146w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-121x249.png 121w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-768x1574.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-749x1536.png 749w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1-999x2048.png 999w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/New-Order-_-Orde-1.png 1292w\" sizes=\"(max-width: 500px) 100vw, 500px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, finally, a pop-up message comes up for the successful order creation, as shown below<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"615\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1-1200x615.png\" alt=\"Screenshot-4-1\" class=\"wp-image-312976\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1-1200x615.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1-768x394.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/Screenshot-4-1.png 1297w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">iCalendar Support &#8211;<\/h3>\n<\/div><\/div>\n\n\n\n<p>This module already supports the iCalendar feature. It allows the customers to save the booking event to their calendar. When a customer book the products, the customer receives the booking details via email.<\/p>\n\n\n\n<p>It includes the .ics file in the email that can be used to store and save the booking event to the calendar.&nbsp;<\/p>\n\n\n\n<p>It is supported by most of the software like email reader and calendar application. Moreover, it is used and supported by many other products like Google Calendar, Apple Calendar, etc.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"659\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1-1200x659.png\" alt=\"Screenshot-from-2020-12-24-20-44-39-1\" class=\"wp-image-278453\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1-1200x659.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1-300x165.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1-250x137.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1-768x422.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/Screenshot-from-2020-12-24-20-44-39-1.png 1298w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the <strong>Magento 2 Advanced Booking and Reservation <\/strong>extension.<\/p>\n\n\n\n<p>Still, have any issues, feel free to add a ticket and let us know your views to make the plugin better at <a href=\"https:\/\/webkul.uvdesk.com\/en\/\">webkul.uvdesk.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Advanced Booking Reservation extension will create dynamic booking and reservations like Appointment, Event, Rental, Hotel, and Restaurant Booking. This will convert the store into a dynamic event-driven site. This plugin introduces a new product type, Booking Products. Thus, this will allow the store owner to sell booking services as a product.\u00a0 This product <a href=\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":152,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[1509,5462],"class_list":["post-111006","post","type-post","status-publish","format-standard","hentry","category-magento2","tag-booking-and-reservation-system","tag-booking-extension"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Rental Hotel Event Appointment Table Booking Extension<\/title>\n<meta name=\"description\" content=\"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Rental Hotel Event Appointment Table Booking Extension\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-05T15:00:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-27T08:05:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\" \/>\n<meta name=\"author\" content=\"Kajal Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kajal Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"41 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\"},\"author\":{\"name\":\"Kajal Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc\"},\"headline\":\"Magento 2 Advanced Booking and Reservation\",\"datePublished\":\"2018-02-05T15:00:15+00:00\",\"dateModified\":\"2024-03-27T08:05:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\"},\"wordCount\":4862,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"keywords\":[\"booking and reservation system\",\"Booking extension\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\",\"name\":\"Magento 2 Rental Hotel Event Appointment Table Booking Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"datePublished\":\"2018-02-05T15:00:15+00:00\",\"dateModified\":\"2024-03-27T08:05:13+00:00\",\"description\":\"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage\",\"url\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\",\"contentUrl\":\"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Advanced Booking and Reservation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc\",\"name\":\"Kajal Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Kajal Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/kajalsharma-magento920\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Rental Hotel Event Appointment Table Booking Extension","description":"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Rental Hotel Event Appointment Table Booking Extension","og_description":"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.","og_url":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-02-05T15:00:15+00:00","article_modified_time":"2024-03-27T08:05:13+00:00","og_image":[{"url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","type":"","width":"","height":""}],"author":"Kajal Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kajal Sharma","Est. reading time":"41 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/"},"author":{"name":"Kajal Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc"},"headline":"Magento 2 Advanced Booking and Reservation","datePublished":"2018-02-05T15:00:15+00:00","dateModified":"2024-03-27T08:05:13+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/"},"wordCount":4862,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","keywords":["booking and reservation system","Booking extension"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/","url":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/","name":"Magento 2 Rental Hotel Event Appointment Table Booking Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage"},"thumbnailUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","datePublished":"2018-02-05T15:00:15+00:00","dateModified":"2024-03-27T08:05:13+00:00","description":"Magento 2 Rental Extension will allow the customer to generate dynamic booking for the customer Appointments, Event tickets, and more.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#primaryimage","url":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png","contentUrl":"http:\/\/webkul.com\/blog\/wp-content\/uploads\/2016\/09\/Move-app-folder-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-rent-appointment-event-hotel-booking-extension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Advanced Booking and Reservation"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/eeac324d79cd929a522950586c3d26bc","name":"Kajal Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d2cd60d1df5bcebcbac2ccff8f759366c837d2468ff65a57d369d8c42b7d6f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Kajal Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/kajalsharma-magento920\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/111006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/152"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=111006"}],"version-history":[{"count":137,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/111006\/revisions"}],"predecessor-version":[{"id":429699,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/111006\/revisions\/429699"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=111006"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=111006"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=111006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}