Create a service
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
Section titled “✅ 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
Section titled “🛠️ Step 1: Open Services”- Open the app > click Services
- Click New service button
🛠️ Steps 2: Choose a service type
Section titled “🛠️ Steps 2: Choose a service type”On Choose service type, select one of these:
A. Book by Time Slot
Best for services that happen within a day and have a set duration.
- Examples: * Barber Shop: 30-minute haircut slots.
- Customer View: A list of specific times (e.g., 10:00 AM, 10:30 AM) showing available slots.
B. Book for a Full Day
Used for services where the customer occupies the entire date from start to finish.
- Examples: * Photography Studio: Renting the space for a full day shoot.
- Car Rental: Hiring a vehicle for a 24-hour period.
- Customer View: A calendar where they select one specific day.
C. Book Across Multiple Days
Best for services that span several consecutive days.
- Examples: * Summer Camp: A 5-day youth program.
- Customer View: A date-range picker where they select a Start Date and End Date.
🛠️ Step 3: Create the service product in Shopify
Section titled “🛠️ 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
Section titled “🛠️ Step 4: Configure service settings ”👥 Capacity
Section titled “👥 Capacity”Set how many people can book the same time slot.
- Example:
1for 1-on-1 appointments - Example:
5for group sessions
⏱️ Duration
Section titled “⏱️ 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
Section titled “🛠️ Step 5: Choose payment type”Under Choose payment type, pick one:
| Option | What it means | Best for | Example |
|---|---|---|---|
| ✅ No payment required | 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
Section titled “🛠️ 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)
Section titled “🛠️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
Section titled “🛠️ Step 8: Save your changes”Click Save button.
🌐 How the service works on your storefront
Section titled “🌐 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
Section titled “▶️ Tutorial video ”🙋 Still need support?
If you still need help, please feel free to contact us at hi@tipo.io. We’ll be happy to assist you further.