Read More
Read More
Menu Close

    Booking App for Shopify: Create Bookings

    If You are planning to start a booking business using Shopify then, Booking App can be the ultimate choice to opt for.

    Using Booking App by Webkul, admin can add bookings to his Shopify store products and let the customers book their preferable slots to avail the service. You can create bookings for multiple profession whether it’s for appointment schedule, rental services or day-wise bookings using the app. 

    You can easily install the app on your store and add bookings to products. It is as simple as this.

    Shopify store admin panel>>Visit “Product” Section>>Select any product (or add new Product and “Save” it)>>Click “More Action”>>click “Booking Product” from drop down.

    1-10

    Now, select a variant & proceed to fill the booking product information>>”Save” the details.

    Searching for a Shopify Searching for a Shopify Headless solution ? Read More
    2-9

    Once done, you can auto-inject the codes & enable your customers to book any of those products simply by choosing their preferable slots, date, and timezone.

    In Booking app, You can create bookings for multiple scenarios using any of the 6 booking types available in the app. 

    Booking Type

    In this manual, we will understand how to create bookings using all the six booking types separately. Let’s proceed to explore bookings.

    ONE DAY BOOKING

    Sometimes, customers need to hire a cab/taxi for a day. For such cases, you can offer one day service to your customers effortlessly using the booking app. Just create one-day bookings for specific duration & let the customers book for a day.

    Also, if you want to offer a one-day Venue booking service to your customers, you can create bookings using the app.

    For Example:- Cab booking for a day, etc.

    Steps to Create a One-day Booking:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • 2 Step: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “One-day booking” & select a duration when you want the bookings to be available for your customers.
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    This way, you can add one day booking to products.

    3-8

    Once you add a one-day booking to the product using the app, you need to do some code pasting in order to visualize the effect on the storefront. 

    Visit the Configure Front section & add the codes to their respective liquid files. You can inject the codes both ways either automatically or manually.

    Configure store front

    After adding the codes, this is how your book will appear on your storefront:

    Front end visibility

    APPOINTMENT TYPE

    In case you are planning to develop an appointment booking system for Shopify, you can go with appointment type booking. You just need to create time slots that will be visible to the customers on the booking widget. Customers will select their preferable slot & book an appointment.

    Example:- Dentist Appointments, Salon Appointments, etc.

    Steps to create Appointment Type booking:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • Step 2: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Appointment Type”. Select a duration when you want the bookings to be available for your customers & Create slot timings for specific days.
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    This way, you can add appointment type booking to products.

    create slots-appointment booking

    Once you add appointment type booking on the product using the app, you need to do some code pasting in order to visualize the effect on the storefront.

    Visit the Configure Front section & add the codes to their respective liquid files. You can inject the codes both ways either automatically or manually.

    Configure Front End-Appointment Booking

    After injecting the codes, that is how the appointment type bookings will appear on the store front end.

    front end-appointment booking

    RENT TYPE

    If you want to offer rental products such as bike on rent, jewelry on rent, rental dresses, etc on your website then, you can go with rent type booking. All you need to do is just add a date range when your booking product is available for rent. 
    The customer will select a start and end date from the added date-range and rent the product.

    Example:- Hire a cycle on a fixed date.

    Steps to create Rent Type booking:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • Step 2: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Rent Type”. Select a date range when you want the bookings to be available for rent.
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    This way, you can add rent type booking to products.

    4-8

    Once you add Rent Type booking on the product using the app, you need to do some code pasting in order to visualize the effect on the storefront.

    Visit the Configure Front section & add the codes to their respective liquid files. You can inject the codes both ways either automatically or manually.

    Front end Configuration

    After adding the codes into liquid files, this is the visibility of rent type booking on your store front end.

    Rent type booking

    That’s all about the Rent Type booking.

    RENT TYPE WITH TIME

    If you are willing to offer products on rent for some specific date & time then, “Rent type with time” booking will be the right choice for you. In this booking type, you need to add a date range when your booking service is available for the customers & set a time applicable for each slot of that duration.
    Customers will enter a start date-time & an end date-time to book the product.

    For Example:- Bike on rent.

    Steps to create Rent Type with Time booking:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • Step 2: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Rent Type with time”. Select a date range when you want the booking service to be available for the customers. Also, set the slot time.
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    This way, you can add rent type with time booking to products.

    6-8

    Once you add Rent Type with Time booking on the product using the app, you need to do some code pasting in order to visualize the effect on the storefront.

    Visit the Configure Front section & add the codes to their respective liquid files. You can inject the codes either automatically or manually.

    Configure Store front

    After adding the codes into liquid files, this is the visibility of rent type with time booking on your store front end.

    Rent Type with time Booking type

    CONCERT TYPE

    This booking type is exclusively for those who want to offer venue booking, party hall booking, auditorium booking services, etc on his/her website.
    It allows you to create day-wise slots that will be visible to your customers on the storefront. Customers will select their preferred slot & book the service for multiple days configured by the admin.

    Steps to create Concert Type booking:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • 2nd Step: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Concert Type”. Add Day-wise slots for the customers
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers
    7-7

    Once you add concert type booking on the product using the app, you need to do some code pasting in order to visualize the effect on the storefront.

    Visit the Configure Front section & add the codes to their respective liquid files. Codes can be injected either automatically or manually.

    Configure Front End

    Front End Visibility

    Screenshot5-1
    • Step 1: Go to the Products section of your Shopify store. Select a product & click on Booking Product button in the Action menu.
    • Step 2: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Concert Type with time”. Add Day-wise slots for the customers
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    CONCERT TYPE WITH TIME

    In case you offer music shows or multiple concert booking service on your website then, you can go with Concert type with time.
    This is because it allows admin to create day-wise slots with time & let the customers choose a slot to book the concert.

    Steps to create Concert Type with time bookings:

    • Step 1: Go to the Products section of your Shopify store. Select a product & click on the Booking Product button in the Action menu.
    • Step 2: Select a variant, if required & proceed to fill additional details of the product such as Single-user or Multi-user booking & service location.
    • Step 3: Select the Booking type as “Concert Type with time”. Add Day-wise slots for the customers
    • Step 4: Add custom information in case you want to display some required information about your bookings & add custom fields to take some additional info from customers.

    Now, to visualize the effect the bookings on your website front end, you need to add the codes to their respective liquid files. The same will be instructed in the Configure Front section of the booking app.

    This way, you can add day-wise bookings to products. That’s how it appears on the store’s front end:

    Concert type booking with time

    That’s all about Concert type of booking.

    For more detail, you can refer to the Detailed User Guide of Booking App.

    DEMO

    You can refer the below-given link to use the Demo of Booking App by Webkul:
    https://webkul-booking-app-demo-2.myshopify.com

    NEED HELP?

    Still, you need any kind of support, simply raise a ticket at https://webkul.uvdesk.com/en/. You can also contact [email protected] to get proper assistance.

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Table of Content