Create a service in Tipo Appointment Booking so customers can book time slots (or full-day / multi-day services) and you can manage availability, payments, and booking rules.
The Tipo Booking app creates service based on Shopify products. After creating a service in the app, the booking form will show up on the product page on the online store.
โ Before you start
Youโve installed Tipo Appointment Booking app
You know what type of booking you want (time slots, full day, multi-day
๐ ๏ธ Step 1: Open Services
Open the app > click Services
Click New service button
๐ ๏ธ Steps 2: Choose a service type
On Choose service type, select one of these:
Regular booking (with checkout)
Best for normal appointments (haircut, consultation).
Customers book a time slot
Payment is completed via Shopify checkout
Full-day booking (with checkout)
Best for services that take a whole day (event rental, photoshoot day).
Customers book an entire day
Paid via Shopify checkout
Multi-day booking (with checkout)
Best for bookings across multiple days (retreat, multi-day rental).
Customers book a date range
Paid via Shopify checkout
Regular booking (without checkout)
Best if you collect payment offline.
Customers book a time slot
No Shopify checkout required
Full-day booking (without checkout)
Customers book a whole day
No checkout
Multi-day booking (without checkout)
Customers book multiple days
No checkout
Tip: If you want customers to pay online, choose a โwith checkoutโ type.
๐ ๏ธ Step 3: Create the service product in Shopify
The app creates/uses a Shopify Product for your service. In the Add product screen:
Title: e.g., Yoga class
Status: Active
Category: choose the closest match (optional)
Price: set your service price (for checkout services)
Click Save.
๐ ๏ธ Step 4: Configure service settings
๐ฅ Capacity
Set how many people can book the same time slot.
Example: 1 for 1-on-1 appointments
Example: 5 for group sessions
โฑ๏ธ Duration
Choose how long each booking takes:
Quick buttons (30, 60, 90, 120 minโฆ)
Or Custom
If your service supports it, you can choose:
Less than a day
Multiple days
Example: Haircut = 60 min
๐ ๏ธ Step 5: Choose payment type
Under Choose payment type, pick one:
Option
What it means
Best for
Example
โ Book without payment
Customers can confirm the booking without paying online
Free bookings, pay in person, pay by invoice
Consultation (free booking)
๐ฐ Pay to book โ Pay now
Customers must pay immediately to confirm the booking
High-demand slots, deposits, paid services
Salon appointment (Pay now)
๐ฐ Pay to book โ Pay later
Customers confirm now, and pay later (offline/manual)
Pay at store, bank transfer, manual payment
Repair service (Pay later)
๐ฐ Pay to book โ Let customers choose
Customers choose Pay now or Pay later at booking time
Mixed payment preferences
Class booking (customer chooses)
๐ ๏ธ Step 6: Set Availability
In the Availability section, click Manage
Assign team members to this service (required). If you have not had a team member, create a new one.
Their schedules determine what time slots are available
๐ ๏ธStep 7: Customize more settings (Optional)
In Location field, enter the location of the service
Color: helps identify bookings in the calendar
Questions & Add-ons: collect info (name, preferences) or sell add-ons
Advanced settings: booking rules, lead time, buffer time, etc. (if available)
๐ ๏ธ Step 8: Save your changes
Click Save button.
๐ How the service works on your storefront
After you create and save a service in Tipo Appointment Booking, the app automatically turns it into a bookable product on your Shopify storefront.
What customers will see
1) A โBookโ button appears on the product page
Once the service is published, customers will see a booking button (for example: Book now) on the service product page.
2) Customer clicks the button โ booking popup opens
A popup will appear where customers can:
Pick a date
Choose an available time slot
Select the correct variant (if your service has variants)
3) Customer confirms the booking
What happens next depends on your payment type:
If itโs a Paid service (Pay to book): When the customer clicks Continue, Shopify checkout is required.
If itโs a Free service (Book without payment): Customers can confirm the booking without checkout.
Note:
To make sure the booking form works on the site, please activate the app on the theme here
Also, the book button of the app works based on buy button on the theme. Please check and make sure the buy button (add to cart button) is enabled in the current theme.
โถ๏ธ Tutorial video
Create a new service based on an existing product
๐ Still need support?
If you still need help, please feel free to contact us at [email protected]. Weโll be happy to assist you further.