Back to Top

Booking App for Shopify: Create Bookings

Updated 7 September 2022

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
Headless solution ?
Find out 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.

. . .

Leave a Comment

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


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content