Back to Top

Booking App for Shopify: Create Bookings

Updated 16 September 2024

If you plan to start a booking business using Shopify, then the Booking App can be the ultimate choice.

Using the Booking App by Webkul, the admin can add bookings to his Shopify store products and let the customers book their preferred slots to avail of the service.

Using the app, you can create bookings for multiple professions, whether for appointment schedules, rental services, or day-wise bookings. 

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.

Start your headless eCommerce
now.
Find out More
Create Booking

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

variant

Once done, you can auto-inject the codes & enable your customers to book any of those products simply by choosing their preferred slots, dates, and time zones.

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

Create Booking

In this manual, we will understand how to create bookings using all 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 a 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:
Navigate to the Products section in your Shopify store. Select the product you want to turn into a booking product, then click the Booking Product option from the Action menu.

Step 2:
If your product has multiple variants, select the appropriate variant. Proceed by filling in any additional details

such as choosing between Single-user or Multi-user booking options and specifying the service location if applicable.

Step 3:
Set the Booking Type to One-day booking. Then, select the duration when bookings will be available for your customers.

Step 4:
You can customize the booking further by adding specific information about the service.

Additionally, you can create custom fields to gather any extra details from your customers during the booking process.

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

one day

Once you add a one-day booking to the product using the app, you need to do some code pasting 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.

code

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 preferred 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 the Booking Product button in the Action menu.
  • Step 2: Select a variant, if required & proceed to fill in 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 bookings to products.

appointment type

Front End Visibility

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 bikes 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 the Booking Product button in the Action menu.
  • Step 2: Select a variant, if required & proceed to fill in 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.

rent type

Front End Visibility

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, the “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 the Booking Product button in the Action menu.
  • Step 2: Select a variant, if required & proceed to fill in 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.

rent with time

Front End Visibility

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 the Booking Product button in the Action menu.
  • 2nd Step: Select a variant, if required & proceed to fill in 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
concert

Front End Visibility

That’s how concert type booking appears on the store’s front end .

Screenshot5-1
  • 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 in 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 services on your website then, you can go with Concert type with time.

This is because it allows the 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 in 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 of the bookings on your website’s 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.

Front End Visibility

That’s how concert type booking with time appears on the store’s front end .

Concert type booking with time

That’s all about the Concert type of booking.

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

DEMO

You can refer to the below-given link to use the Demo of the 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