Menu Close
    Hire Us Request Quote Reading List Switch to Dark Mode

    Booking App by Webkul for Shopify

    If you are eagerly waiting to offer booking services to the customers, your wait is over now. Here, we are presenting a new app namely Booking App for Shopify.

    With this app, you as an admin can add bookings to Your Shopify store products and have a simple yet powerful booking system for Shopify. Thus, the customers will book or rent the products or services or can schedule their appointments simply by choosing their preferable slots, date, and timezone.

    There can be distinctive booking scenarios if it comes to have an online booking business. Undoubtedly, you will always go with the one that perfectly suits your booking business.

    Thus, our booking app will help you to create multiple bookings for any type of booking cases whether it will be appointment Type Booking (Time-wise booking) or Concert Type Booking (Day-wise booking) or Rent Type booking.

    NOTE:- While adding “Rent Type” or “Rent type with time” bookings to any product please make sure that the inventory policy of that product is set to “Don’t track inventory” on the Shopify end.

    App Highlights: Upgraded Features

    1. Introduced SIX DIFFERENT TYPES OF BOOKINGS

    Booking App is not limited to appointment & concert bookings but also implemented as One Day Bookings, Rent type, Rent Type with Time and Concert Type with Time.

    Whether you are interested in developing a movie ticket booking system, hotel booking system, booking system for consultant, booking system for tuition classes, live concert booking system or any rent type bookings, any such systems can be developed using any of these 6 booking Types.

    2. “Overwrite Specific Days” feature for multiple booking types in the app.

    Using this feature, admin can now create slots on some specific days or time duration. These slots will overwrite the previous slots created for any booking product or service.

    Thus, the admin will have flexibility now to close booking for some specific date/time.

    3. Introduced the “Manual Booking Option” using which admin can create bookings on behalf of their customers. 

    Explore the feature! 

    4. Set Minimum Guest Limit per Customer:-  In case of multi-user booking, you can set a minimum guest limit for each customer to book a slot at a time.

    5. Auto-approve customer’s reschedule booking request, if configured by the admin.

    Additional Features of Booking App

     Benefits for Admin

    • You will get an interactive dashboard to track your progress.
    • Notifications will come for all the updates done on the customer end.
    • You can set the booking product type, service, and location.
    • Also, you can create time-wise or day-wise slots for your booking products which will be selected by the customers at the time of booking.
    • Admin can assign different booking slots to multiple variants of the same product using this app.
    • You can add additional information to the booking product which is visible to the customers on the product description page.
    • Now it is simple to add custom fields to get more information from your customers.
    • You can view all the booking details of the customers.
    • Also, you can reschedule or cancel customer’s bookings as per your convenience.
    • You can approve the customer’s booking if requested by the customer.
    • The calendar view is also there for all your customer’s bookings.
    • Additionally, you can configure the app details on your own.

    Benefits for Customers

    • The customer can book any product from his/her end by selecting his preferable timezone and booking date.
    • Also, customer can select their preferred slots & can book or rent the service for more than one users as well (in case of multi-user booking).
    • The customer can request the admin to reschedule his booking.
    • Customer can request the admin to Cancel his/her bookings.
    • Moreover, Customer can view all his booking details in the “My Account” section.

    How to Install the Booking App

    In order to install the Booking App to your store, all you need to do is just visit the Shopify app store and get the Booking App by Webkul.

    Now, follow the below-given instructions:

    • Click the Add app button of the Booking App by Webkul page of the Shopify app store.
    • Clicking the add app button, you will be asked to enter your Shopify store URL. Enter your store URL & click the Login button.
    • Once you click the login button, you will be straightaway redirected to your Shopify store.
    • Click the Install button to install the app to your Shopify store.

    Once installed, you can see the booking app in the Apps section of your Shopify store.

    That’s how you can install the booking app to your store effortlessly.

    Admin’s Dashboard: Track your Progress

    In this Booking App, you will have an interactive dashboard that represents your booking statistics, your earnings, your account information as well as all the notifications that you get from the customers.

    You can schedule booking from the app in case you need our support in adding the codes or configuration.

    Moreover, you can view all the six different types of bookings in the app from here:-

    How to create booking Products

    Admin needs to follow the below-given steps to add bookings to Products:

    • Go to the Booking App by Webkul.
    • Visit Booking Product Section.
    • Click the “Add Booking Product” button.
    • Select Your Store Product to which you want to add a booking.
    • Now, Choose the Product Variant.
    • Clicking the Proceed button, You will be straightaway redirected to the “Edit Booking Product” section.

    There, you need to fill the following details:

    Product Information:

    In this menu, you need to choose the booking type i.e for Single User Booking or Multi-user Booking.

    Thus, you need to select if you want only one customer to book a slot at a time or you want to offer the same time or date slot to multiple customers.

    Multi-User Booking

    Customer’s Guest Limit: You can set a guest limit for the customers to book a slot.

    Let’s understand it with an instance: Suppose it sets to 20 then, a single slot will be available for a maximum of 20 guests.

    Maximum Guest Limit per Customer: You can set a maximum guest limit for each customer to book a slot at a time.

    Let’s take an example:- Suppose it sets to 10 then, an individual customer can book a single slot for a maximum of 10 guests at once.

    Minimum Guest Limit per Customer: You can set a minimum guest limit for each customer to book a slot at a time.

    Let’s take an example:- Suppose it sets to 5 then, an individual customer can book a single slot for a minimum of 5 guests at once.

    Location: 

    Set location preferences i.e if You want to provide the service to customer location or at Your own preferred location.

    Availability

    From this section, admin can choose the booking type as per his/her business needs whether it will be Appointment Type booking, Concert type or Rent Type booking and create the slots accordingly.

    Overwrite Specific Days:

    In this feature, you as an admin can close booking for some specific days or time period of any of his created slots. All You need to do is just create slots on some specific days or time duration that will overwrite the previous slots created for the booking product.

    Custom Fields:

    In case you want some additional information from your customer, you can add custom fields with the booking products from this section.

    Custom Information:

    From this section, You can display extra information with the Product or Service You provide on the store’s product description page.

    Alternative: To Add Booking to Product

    Admin can create a booking product from the Product section of the store.

    Now once you install the app on your store, you can select any product (or add a new product), choose it’s variant, select the Booking Type (Appointment/Concert Type) and assign it as a booking product.

    All you need to do is to click on the “More Action” menu of the selected product and click the “Booking Product” button.

    Once you click the “Booking Product” button, you need to select the variant of that product which you want to assign as a “Booking Product”.

    Now, you can select the “Booking Type” whether you want to create Appointment Type Booking (Time-wise Booking), Concert Type Booking (Day-wise Booking) or Rent Type booking and proceed further.

    Once you click on the “Proceed” button, you will be reaching to the “Edit booking product” section of the booking app.

    There, you can view the booking product information and option to choose a single or multi-user booking type.

    Now, specify the preferred location where you want to provide the service to the customers and select the booking type from the “Availability” section.

    Moreover, you can add Overwrite some specific days i.e close booking for some specific days, add custom fields and additional information for your booking product.

    It is as simple as this:

    Admin panel of Shopify store>>Visit “Product” Section>>Select any product (or add new Product and “Save” it)>>Click “More Action“>>click “Booking Product“>>Fill the booking information>>”Save” the details.

    Booking Products

    On the admin end, this section of the booking app is having a list of booking products. Now once you create any booking product, you can manage all the related details from this section.

    You just need to select a product from this section and click on “Edit Booking Product” in the action menu.

    You can edit all the booking product details in this section. Also, you can delete/remove the booking product from here.

    Let’s understand it one by one.

    1. Product Information

    You can view all the booking product details in this section such as title, description, product image, and slot price.

    Also, you can select the booking type as “Single user booking” or “Multi-user booking“.

    2.  Location

    In this section, the admin can choose whether he wants to provide the product booking service at any specific location selected by him or he chooses the customer’s preferred location for the same.

    Now, if the admin chooses his own preferred location, he needs to enter the location (the address where he wants his customer to visit).

    3. Availability

    In this section, you can choose booking types and create the slots for your booking products.

    Here, you can set the dates between which your bookings will be available and also select the days on which booking products will be available.

    Let’s discuss the six different types of bookings in detail.

    One Day Booking

    If you want to offer any service for a day, you can choose this booking type. Thus, customers will select the slot and book the service for a day.

    Now, Let’s take an example: One Day Cab booking service: You as an admin can set a duration and the customers will select a slot to book for a day.

    Appointment Type

    If you want to offer an appointment booking service then, select this booking type to create time slots in basic as well as advance slot management.

    It allows you to select the time duration between which the booking product will be available. Also, you can set the Per booking timings as well as the rest time after each booking slot.

    Per Booking Timings: It is the time taken for each booking slot.

    Rest Time after per Booking Slot: It is the rest time available after each booking slot.

    For Example:- Dentist Booking System, Doctor’s Appointment.

    Rent Type

    If You own rental business then, go with Rent Type of booking. You can set a duration for Your service and customers will select the slots to rent the product or service.

    For Example:- Venue Booking Service

    Important Note:- While adding rent type booking to any product, please make sure that the inventory policy of that product is “Don’t track inventory” from Shopify end.

    Rent Type with Time

    To offer rental service for some specific date and time, you can go with this booking type. In this, you need to set duration and per booking timing i.e the time to be taken for each booking slot.

    For Example:- Rent a bike, Rent a Dress

    Important Note:- While adding “rent type with time” booking to any product, please make sure that the inventory policy of that product is set to “Don’t track inventory” from Shopify end.

    Concert Type

    In this type of booking, You can create day-wise slots irrespective of the time and let your customers book the slot. Click here to know more about how to add the day-wise booking to products.

    For Example:- Auditorium booking, Booking Halls for Seminar.

    Concert Type with Time

    Additionally, you can create date time slots for your bookings and let the customers book their preferred slots with date & time.

    For Example:- Ticket booking for Live Musical Concerts, etc.

    Also, you will also get an option to add day-wise booking on products simply by choosing Concert Type booking.

    Click Here to know about Day-wise booking in detail.

    4. Custom Information

    If you want to add some additional information about your booking product, you can add it to this section only.  You just need to enter the title of the information that you are providing along with its description.

    Also, the customer can view this booking product information on the product description page.

    5. Custom Fields

    If you want to get more information about your customer who is booking your product, you can add custom fields for the same. The customer needs to fill all these details at the time of product booking.

    Note:–  You can also make any custom field mandatory for the customers to fill that detail while booking any product.

    Bookings

    This section lists all the customer’s bookings. Also, you will get the cancel or reschedule requests of your customers.

    Once you click on the three dots in the action menu, you will get an option to edit your booking products.

    Also, you can click on the “Edit Booking” button to view all the booking details and approve, cancel or reschedule bookings as per the requirement.

    From this section, you can click the “Approve” button to approve the customer’s booking request.

    If the customer requests for booking, you will get notified for the same. You will receive an email after which you can approve the customer’s request from this section.

    In Case Customer requested to Reschedule Bookings:

    Clicking the reschedule button, You can enter the date and slot to which you want to reschedule Your customer’s bookings.

    To cancel the customer’s bookings, just click the Cancel button and Proceed. The customer will get notified of the same.

    Booking Calendar

    You can have a calendar view of your bookings. Here, you can filter any product to make it visible in the calendar shown in this section.

    Also, you can filter it by month, week or day to view the booking product on a calendar. You will get an option of a list view as well.

    How to Configure the Booking Details

    The configuration of the booking details includes six sections. There, you can configure your general details, booking details, email templates, booking widget, front labels as well as colors.

    Make it clear with the screenshots below.

    1. General Configuration

    You can configure your general details from here.

    Also, you can select the default “Timezone” as well as “Currency” in this section.

    Add-On: Google Calendar

    In the Add-On section of the app, you can enable the Google Calendar feature.

    The admin will have this option to provide Google Calendar Link to the customers to add booking events. Once the customer makes a booking and is auto-approved by the admin then, both admin & customer will receive a notification mail about the booking.

    2. Booking Configuration

    You can configure all your product booking details in this section such as:-

    • Allow customers to enter the no of days after which you want to make the slots available for the customers.
    • Auto approve customer’s booking requests once a new request raised.
    • Let the customer request you to cancel his/her bookings.
    • Auto-approve reschedule booking requests raised by the customers.
    • Allow customers to create bookings even if the slots availability is less than the minimum guest limit set by the admin (in case of Multi-user booking). 

    3. Email Templates

    Admin can configure all the reminder emails/notifications send to the customers while booking any product.

    4. Booking Widget

    In this section, you will get an option to enable or disable the “Timezone” selector button which is visible to the customer at the time of booking any product.

    Now once you enable this feature, customer needs to select the “Timezone” before booking any product.

     

    5. Front Labels

    You can configure all the labels by your own to make it visible on the frontend exactly the way you want them to appear.

    In this way, the admin can configure backend.

    How to Configure the Store Front?

    In order to visualize the effect of this booking app on your store, you just need to configure its frontend by copying the code and paste it to their respective files.

    1. For Booking Widget

    Now to display the “Timezone Selector” button on the frontend, just copy the given code and paste it below the product-template.liquid file.

            {% if product.tags contains "wk_booking" %}
            {% include 'bc-widget' %}
            {% endif %}

    2. For Customer’s Booking Details

    Now, to display customer’s booking detail options on the frontend, just copy the given code and paste it below the customers/order.liquid

    {% if line_item.properties.wk_booking %}
            <p><u><a href="https://{{ shop.domain }}/pages/booking-information/{{ line_item.id }}?handle={{ line_item.variant_id }}">View Booking Details</a></u></p>
            {% endif %}

    In this way, you can configure your frontend in the booking app.

    Customer End

    Through this booking app, customers can book any product on his end created by the admin. He/She just needs to select a timezone, booking date, and a preferred time slot to book that product.

    Once the admin adds booking to his/her store products, let’s see how the booking widget appears on Front End individually for all type of bookings.

    ONE DAY BOOKING

    APPOINTMENT TYPE BOOKING

    RENT TYPE BOOKING

    RENT TYPE WITH TIME

    CONCERT TYPE BOOKING

    CONCERT TYPE WITH TIME

    CUSTOMER’S “MY ACCOUNT”

    Once the customer book any product, he/she can view all the booking details in his “My Account” section.

    Also, the customer can request the admin to reschedule or cancel bookings from his “My Account” section.

    Once the customer requests for rescheduling, the admin will get a reminder mail. This product booking gets rescheduled only after getting approved by the admin.

    In this way, a customer can get all such benefits from this booking app.

    Demo Link

    You can click on the link below to get the backend as well as frontend demo links:

    https://webkul-booking-app-demo-2.myshopify.com/pages/demo

    Webkul Support

    Hope you like this blog! To get more interesting blogs, keep in touch with us. If you need any kind of support, just raise a ticket at https://webkul.uvdesk.com/en/. 

    Also, You can contact support@webkul.com to get proper assistance.

    Thank You for reading this Blog!

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index