Hotel Booking Addon

The Hotel Booking Addon makes it easy for the admin to create and manage hotels/properties, rooms, and bookings. The entire process is easy, from adding hotel details to setting prices and managing availability. On the storefront, customers can search for Hotels/Properties using filters like price, type, and available services. They can check room availability based on selected dates and number of guests, view hotel details, and book rooms with ease. Features like wishlist and reserve help to improve the overall booking experience.

Each company represents a hotel/property, and every hotel can have one or more sub-properties. Sub-properties are used to list different room types available within the hotel. Under each sub-property, the admin can add rooms, set the number of available rooms, define occupancy limits for adults and children, and manage room status. The setup helps maintain clear hotel details and ensures accurate availability is shown to customers.

Features

• Link Legal Pages: The Admin chooses pages like Contact Us, Privacy Policy, and Terms from the dropdowns.
• Cancel Order Status: Set the status that applies when a customer cancels their booking.
• Tick Hotel Booking in Vendor Plan: Enable the hotel booking option for vendors in their selected plans.
• Type Field: Create a dropdown field for hotel types, shown on the vendor profile and storefront.
• Filter for Hotel Search: Create a filter, like price, to help customers find the right hotel faster.
• Add Hotel Facilities: Add facilities like Wi-Fi or Parking with images to show on the storefront.
• Create Companies: Add vendor profiles (companies) with hotel name, details, and images.
• Add Sub-properties for individual Hotel/Property: Add sub-properties for individual hotel/property with prices, images, booking settings, and other required details. 
• Customer Booking Flow: Customers can search, filter, reserve rooms, and check out easily.
• Wishlist Option: Customers can save hotels to their wishlist for easy access later.
• Map View of Hotels: View hotel locations on a map directly from the storefront.

Admin Panel Explanation  

• The admin panel provides access to all important settings for the Hotel Booking Addon, including options for notifications, access keys, page links, and other core features. This section shows how the admin can manage these settings.
• The General tab shows the “Items for menu”. Use these links to directly access the Addon/App features. 

• Switch to >> Settings tab 

These are the addon’s main settings: 

• Access key: In the field, the admin needs to enter an access key, a unique code that allows users to use and manage the addon/app’s functionality.
• License Number: Enter the unique code of license number. 
• Google FCM key: Enter the server key, which is used to send push notifications through Firebase Cloud Messaging. 
• Contact us, Privacy policies, Terms & Conditions pages: For each field, use the down arrow to choose the appropriate page from the options. For example, select “Contacts” for the Contact Us field.
• Cancel Order Status: Choose the status for cancelled orders. It will apply when a customer cancels the order.

Tick Hotel Booking in Vendor Plan

First, enable the “Hotel Booking” checkbox in the vendor plan to allow vendors to use hotel booking features based on their selected plan.

Go to vendors menu ➡️  Click Vendor plan ➡️  Open any vendor plan ➡️ Enable the hotel booking checkbox

Setting Up Filter, Hotel Type Field, and Facilities 

• Filter 

The Filters feature in the vendor menu allows the admin to create a new filter for hotel booking. The filter will appear on the storefront and help customers find available properties for booking.

Go to Vendors menu ➡️ Open Filters ➡️ Click on (+) to add Filter ➡️ Fill in details and create the filter 

• On the New Filter page, enter the name and position, then select ‘Filter by’. Choose ‘Price’ to filter properties based on their price and press the create button.

• Setting up Input Field

Setting up a field to add types, which will also appear on the storefront to help customers find properties by type. Let’s see how to add a field. 

Go to Settings ➡️ Open Profile Fields ➡️ Select Vendor Information ➡️ Click “Add Field” and fill in the details ➡️ Click “Create” to save.

• In the General tab of the new profile field, enter the Name, Code, and Position. Select a type (like “Select box”) to allow adding variants. Then, enable the three checkboxes to show this field in the vendor profile, display it on the storefront, and allow filtering by its types.

• Switch to the Variants tab to add various options for this profile field.

• Facilities 

The Hotel Facilities feature allows the admin to add and manage hotel services like Wi-Fi, Parking, or TV to show on the storefront.

Go to the Hotel Facilities option in the Hotel Booking App menu. The “Add facilities” page shows all the added facilities. Use the (+) icon to add a new facility. 

• Add the title of the facility and the image. Then, press “Create”. 

Process to Add a Company

The Vendors menu shows all created vendor accounts, which are treated as companies. Use “Add Vendor” to create a new company.

Go to the Vendors menu ➡️ Click “Add Vendor” to create a company ➡️ Fill in the details ➡️ Click “Create” ➡️ Enter the hotel name for the company ➡️Move to Gallery to add images ➡️  Use the Facilities tab to add facilities ➡️ Click “Save.”

• The General tab allows the admin to add the Company name and set the Status. Then, use the field and select the type of hotel for this company, enter the other details like tax number, e-mail, and Location and press the create button. 

• Once the company is created, add the hotel/property name in the field.

• Go to the Gallery tab to upload photos of the hotel.

• Move to the next tab, “Facilities”, and select the facilities one by one.
• Customers on the storefront can also search Hotels/properties based on these facilities.

Storefront View of Hotels/Properties

• The storefront provides a “Hotels” menu at the top. Tap on that and view all the created companies showing their Hotels/Properties details like name, price, location, and more. 
• Customers use the search to find properties at a specific location, set the duration of stay, choose how many adults and children are staying, and find results based on room availability and preferences.
• Click the “Show Map” to view the locations of all the listed properties, and use the “Sorting” to arrange properties by lowest or highest price first.
• Customers can use the Price filter to find properties within their budget, select Facilities like Wi-Fi or TV to match their needs, and choose the Type filter to find specific property types such as luxury or business hotels.

Create a Sub-Property for One Property Above

• Let’s create a sub-property for the last property/hotel created above in the admin panel. 
• In the Products menu, use the + Add Products to add a sub-property that will work under a specific company. 
• Below, the admin needs to select the same company to which the last hotel/property was added, as the sub-property will be shown under that hotel/property.

• In the General tab, provide the sub-property name, select the associated company and category, and enter the booking price. Add a description, upload relevant images, and include the list price if required. Finally, click the Create button to complete the setup.

Now, Move to >> Booking tab  

• Here, start by entering the room occupancy details. Specify how many adults and children are allowed in a room. Then, set the total occupancy limit to ensure the total number of guests does not exceed the room's capacity.
• Define the minimum and maximum stay duration for the room in days.

Important Points for Managing Length of Stay

• Set minimum stay to 1 day to allow bookings of any duration (e.g., 1 night stay allowed).
• Set maximum stay to 0 day to remove the upper limit (e.g., guest can stay as long as they want).
• The "To" date in a range is excluded (e.g., range 1–5 July includes only 1–4 July).
• If no custom range is set, global stay settings will be used for those dates.
• Select the block dates on which the rooms are permanently closed.
• The Configuration section has an Add Room button. The admin can use it to add multiple rooms to this sub-property.

Move to Booking tab ➡️ Enter the Room Occupancy (Maximum Adult, Children, and total) ➡️  Length of Stay (Minimum and Maximum) ➡️ Select block dates ➡️ Configuration (Add Rooms) 

• Press the “Add Room” button to open the room creation window. Enter the room number, floor, select the status, and add any extra information if needed. Once all details are filled, click the Create button to add the room to the sub-property. 

• The admin can add more rooms and update their details anytime.
• The Status field includes three options:
  • Active: Room is available for booking
  • Inactive: Room is permanently unavailable
  • Temporarily Inactive: Room is unavailable for a specific time period.

To set a room as temporarily inactive, use the “Disable” button to select the unavailable dates.

• Select the dates when the room will be temporarily inactive, add the reason, and press “Create”. 

Creating an Additional Sub-Property with Variations

Create a new feature first before setting up variations for the sub-property. Use the steps below to create a feature. 

Go to the Products menu ➡️ Open Features ➡️ Click “Add New Feature” ➡️ In the General tab, enter the feature name, select its purpose, style, and filter to enable the Variants tab ➡️ Add variants in the next tab ➡️ Click “Create” to save.

• Following the same steps used to create a Sub-property above, the one shown below has also been created in the same way and will work under the same company (Mont).  
• Now, switch to the Variations tab and click “Add Variations” to add the newly created feature with different variations. The admin can easily update the prices for each variation. And, press Create variations. 

Reserve Rooms From an Individual Hotel/Property 

• In the storefront, open the last hotel/property for which the sub-properties were being created. View details like the address, images, and available facilities. The same page also shows the sub-properties with details for final room booking. 
• Click the heart icon to save the property to the Wishlist, or click Reserve to book the lowest-cost room. You can also use the map to see its location.

Use the four search options to check which rooms are available. 

• First, select the start and end dates of your stay.
• Then, enter how many adults and children will stay, along with how many rooms you need. 

After that, click the Search button. Based on the room availability and booking rules, the system will show you the matching results.

Note: If the start or end date matches a block date of any sub-property, its rooms won't appear in the results. But if the block date falls between the selected dates, available rooms will still be shown.

• Based on the selected dates and occupancy, the room type and price per night are shown.
• Use the “i” icon to see discount details.
• The Your Choices section shows variations of the second sub-property. 
• The Select Rooms section shows how many rooms are available, along with their prices. The second sub-property’ main price is replaced with variation prices.  Select the ones you prefer.
• Click “I’ll Reserve” button to reserve the selected rooms and continue to booking.
• Then, click Checkout.
• On the final checkout page, select the required options and click Place Order to complete the booking.

• In the customer Order Details page, the customer can use three options to cancel the booking, Start a chat, and rebook the same rooms. 

• In My Account, open the Hotel wishlist option to view the hotels added to the Wishlist. 

Hotely App

Booking a hotel is now simpler and more convenient with the Hotely App. From room registration to checkout, each step is easy to follow. Customers can search for hotels using filters such as price, property type, and available facilities. They can check room availability based on selected dates and number of guests, view hotel details, and complete bookings with ease. Features like wishlist, Language, and currency change enhance the overall experience.

✅Features 

• Easy Hotel Search & Booking: Find and book hotels/properties easily using filters, map view, and simple search options.

• Smart Room Selection: Select room types, adjust room quantity, and view real-time pricing and availability.

• Smooth Booking & Payment: Complete bookings with guest details, special requests, coupon codes, and secure payment options.

• My Trip: Check your booking history and cancel orders if needed.
• E-Voucher: Get a digital voucher with booking details to show at check-in.

• Favorites List: Save preferred properties using the heart icon for quick access and future bookings.

• Profile Management & Settings: Update personal information, reviews, contact support, and customize app language or currency.

✅ Opening of the App

• The app starts with a splash screen and moves to the Login page. If you are already registered, enter your ID and password. 
• Use the Google or Facebook icons to sign in instantly with your existing accounts on these platforms.
• To sign up, tap “Register.” Provide your phone number or email and enter the OTP sent to you. Then, complete your details and set a password to finish.

Login Page with Email and Password fields, Google and Facebook login options ➡️ Tap “Register” for new sign-up ➡️ Enter Email or Phone number ➡️ Enter OTP received ➡️ Set Password and fill in remaining details to complete registration.

✅Home Page Overview 

• The Homepage of the app allows users to easily search and book hotels/properties. It shows a search bar, popular destinations, and hotel listings grouped under categories like 5-star hotels, luxury resorts, business hotels, and best deals. Users can view prices, check offers like early bird discounts, and see nearby stays based on their location. Users can also use features like the wishlist and quick filters.  
• When the user taps on the “Explore Something Fun” field, the “Edit Your Search” option appears with two tools. Tap the calendar icon to select travel dates and the person icon to choose the number of rooms and guests. Based on the selected options, matching hotels /properties will appear at the top.
• Use the “Filter” option to select facilities like Wi-Fi, parking or breakfast. This helps customers find hotels/properties that offer the services they need. Use “Map” to check the locations of all the listed properties.

Homepage with hotels/properties ➡️ Tap “Explore Something Fun” ➡️ Select Date, Guests, Rooms ➡️ Use Filter for facilities ➡️ Use Map to view all properties locations on the map.

• Tap on Filter to select the facilities you want, and use “Map” to check the locations of all listed properties.

Individual Property With Details For Booking 

• When a customer opens any hotel/property, they can see details like the name, description, available facilities, starting price, and a wishlist icon to save it as a favorite.
• The customer can use the “Add Review” button to leave a review for the hotel/property after their stay.
• Tap the “Booking” button to begin the booking process.

Open any hotel/property ➡️ View its description, facilities, and price ➡️ Click "Add Review" if you want to share your experience ➡️ Select "Booking" to continue with the booking process.

• Next, the customer selects the booking dates, number of adults, children, and rooms, then taps the Booking button to view available rooms based on the selected data.

• On the Select Room Type page, the number of rooms, adults, and children selected earlier is shown at the top. Press the “Select” button to choose different room types and use the (+) or (–) buttons to adjust the number of rooms. 
• The customer can select rooms only up to the available number at each sub-property. If they select more, a “No more rooms available” warning will appear.
• As the number of selected rooms changes, the price updates on the same page. After choosing the rooms, tap the Booking button to continue.

• Next is the booking details screen, where the customer reviews their selected hotel details, including guest count, room type, check-in/check-out dates, sub-property name with room price, user contact details, and the add special request option. 
  • Contact Details: The contact details section shows the customer's name, email ID, and phone number (if added). Use the edit icon to make changes.
  • Add Special Request: In this section, customers can tap the (+) icon and choose special requests from the available options, like bed type or smoking preference. If their request isn’t listed, they can enable the “Other Request” option and type it manually.

• On the Payment Details screen, a countdown timer shows how much time is left to complete the payment. The customer can choose a payment method (credit card or phone order), apply a coupon if available, check the total amount, and tap “Pay Now” to confirm the booking.
• Next, a congratulations message appears to confirm that the order has been placed successfully. At the same time, the “Payment Successful” page opens, showing the Invoice ID, transaction date, payment method, and a summary of the total amount. Also, a send receipt button is available, which helps to send the receipt to the customer’s registered ID. 
• Click on “See E-Voucher” to view your booking proof. It includes all the important reservation details and can be shown at the hotel during check-in. Use the “Download E-Voucher” button to save the receipt directly to your gallery.

✅My Trip 

• The “My Trip” menu shows the booking history with order IDs. Use the “View Details” button to view complete booking information, and select “Cancel Order” if cancellation is needed.

✅ Favorite 

Tap the heart icon on any property to add it to the Favorites list. This feature keeps all liked properties in one place, making it easier to view and book them later without searching again. The Favorites menu provides quick access to preferred stays at any time.

✅Profile Menu 

The “Profile” menu is your personal space to manage account details and settings. Here, users can update personal information, view the privacy policy, access terms and conditions, check their reviews, and change app settings, including language and currency. It also provides quick access to customer support.

Personal Info

• This option allows users to add or update their personal details, including name, email, phone number, and government ID. 

Privacy and Sharing 

• Manage what personal information is shared and keep your data secure.

Terms & Conditions

• Opens the page where users can read the rules and guidelines for using the app.

Contact Us

• Provides details or options to reach customer support for help or queries.

Add & Check Your Reviews

• The first page of each hotel/property shows an “Add Review” button to submit a review. Once added, the review will appear in the “Review” section under the Profile menu.

Change Setting

• Change Setting includes two options: Change Language and Change Currency. Users can select their preferred language and currency from the available list.

✅ Final Thought

The Hotely App and Hotel Booking Addon together make hotel booking easy for both the admin and customers. Admin can add and manage hotels, rooms, prices, and bookings from the admin panel. The storefront shows all hotel details clearly, making it simple for users to search and book. The Hotely App gives a smooth mobile experience with features like filters, wishlist, map view, and e-vouchers. From setup in the admin panel to booking on the app or storefront, everything works well together for a faster and better hotel booking process.

 Addon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x, 4.18x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed quality add-ons.