penCreate 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

  • 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 herearrow-up-right

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]envelope. Weโ€™ll be happy to assist you further.

Last updated