# Create a service

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

<figure><img src="/files/oeZxT34prPJBQHtBCgCc" alt=""><figcaption></figcaption></figure>

***

### 🛠️ Steps 2: Choose a service type

On **Choose service type**, select one of these:

<figure><img src="/files/5qEP0n7ZhV5KsZd3tIlF" alt=""><figcaption></figcaption></figure>

**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

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**.

<figure><img src="/files/clOut9s1IqX4v3WKjqor" alt=""><figcaption></figcaption></figure>

### 🛠️ Step 4: Configure service settings&#x20;

#### 👥 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`&#x20;

<figure><img src="/files/ijFXMxpIOM7TcI053Z0E" alt=""><figcaption></figcaption></figure>

***

### 🛠️ 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&#x20;

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.&#x20;
* Their schedules determine what time slots are available

[Learn more](https://docs.tipo.io/tipo-appointment-booking/availability-team-members/set-availability-for-services#how-to-set-availability)

<figure><img src="/files/QzDHtcWHxbRBRS3dnqtg" alt=""><figcaption></figcaption></figure>

***

### 🛠️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)

<figure><img src="/files/2a8bCDm2aCSMf1GGfFMZ" alt=""><figcaption></figcaption></figure>

***

### 🛠️ Step 8: Save your changes

Click **Save** button. &#x20;

***

### 🌐 How the service works on your storefront <a href="#how-it-works-on-your-storefront" id="how-it-works-on-your-storefront"></a>

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.

<figure><img src="/files/AfotkqEcIlQXdOP9DaUs" alt=""><figcaption></figcaption></figure>

**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)

<figure><img src="/files/DZPYHeJ110FGwrorKxD8" alt=""><figcaption></figcaption></figure>

**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.

<figure><img src="/files/8TkKGrqDwP5LkANkG32J" alt=""><figcaption></figcaption></figure>

**Note**:&#x20;

To make sure the booking form works on the site, please activate the app on the theme [here](https://tipo.io/index.php/kb/integrate-uninstall-the-app-to-a-theme/)&#x20;

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&#x20;

{% embed url="<https://youtu.be/tEh5Rox-bqM>" %}

***

**🙋 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tipo.io/tipo-appointment-booking/service-setup/create-a-service.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.