> ## Documentation Index
> Fetch the complete documentation index at: https://help.hoopai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Service calendars — bookable services and staff scheduling

> Create and manage a full service catalog with staff, resources, add-ons, and global booking settings using Services V2 in HoopAI.

Services V2 is the updated service management system inside the Calendars section of HoopAI. It gives service-based businesses a dedicated place to define every service they offer — haircuts, consultations, spa treatments, fitness sessions — and connect each one to staff members, physical resources, optional add-ons, and multiple locations. Clients see a polished booking menu, choose their service, and book directly.

The Services V2 section is divided into five tabs: **Services**, **Staff**, **Resources**, **Add-Ons**, and **Global Settings**.

<Note>
  Services V2 works with the **Service Booking** calendar type. You must have at least one service calendar before you can use it. See [Service calendars](/calendars/service-calendar) for setup steps. To list your services on Google for direct booking, also see [Google Organic Booking](/calendars/calendar-settings) and enable Version 2 of the Services feature from the Connections tab.
</Note>

***

## Services tab

The Services tab is your central catalog. Each row in the list shows the service name, duration, price, icons of assigned staff members, and a three-dot action menu for editing, duplicating, deleting, or sharing the service.

<Frame caption="Services V2 list showing service name, duration, price, and assigned staff">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-services-list.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=f0453ed5a735ecb4a50baeddd77a0447" alt="Services V2 list" width="1561" height="495" data-path="images/calendars-services-v2-services-list.png" />
</Frame>

The left sidebar holds a **Categories** menu. Use it to group related services (for example, "Haircuts", "Color", "Treatments") into sections on the booking page. Drag and drop categories to reorder them, and click **+ New Category** to add one. A **View Booking Page** link lets you preview exactly what your clients see.

<Frame caption="Category sidebar and drag-and-drop reordering in Services V2">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-categories-gif.gif?s=148e72264b863520060d4dd34085a1ff" alt="Services V2 categories GIF" width="1548" height="530" data-path="images/calendars-services-v2-categories-gif.gif" />
</Frame>

<Frame caption="Categories sidebar in Services V2">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-categories.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=cecc26ae37b6a4cbfaa96423d588342f" alt="Services V2 categories panel" width="1543" height="535" data-path="images/calendars-services-v2-categories.png" />
</Frame>

### Creating a service

<Steps>
  <Step title="Open the Services tab">
    In the left navigation go to **Calendars**, then click the **Services** tab at the top of the page.
  </Step>

  <Step title="Add a new service">
    Click **+ New Service** in the top-right corner. The service creation form opens.
  </Step>

  <Step title="Fill in the service details">
    Enter the service name, description, duration, price, and an optional image. Duration determines the length of the blocked time slot on the calendar.
  </Step>

  <Step title="Assign a category">
    Select a category from the dropdown to group this service on the booking menu. Categories can be created ahead of time or on the fly.
  </Step>

  <Step title="Save the service">
    Click **Save**. The service appears immediately in the list and on the booking menu for its associated calendar.
  </Step>
</Steps>

To edit or duplicate a service, click the three-dot icon on any row and choose **Edit**, **Duplicate**, or **Delete**. Use **Share** to copy a direct booking link for that specific service.

***

## Staff tab

The Staff tab manages the team members who provide services. It shows each staff member's name, email, phone number, access level (account user or admin), an edit button, and a share button for their personal calendar link.

<Frame caption="Staff tab displaying team members, contact info, and access levels">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-tab.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=1c5719a87f1e2c3591ae678b14e26111" alt="Services V2 staff tab" width="1551" height="526" data-path="images/calendars-services-v2-staff-tab.png" />
</Frame>

<Frame caption="Staff list with name, email, phone, type, and action columns">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-list.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=0f1ba79e014f3d597e2804fb3d16bfb6" alt="Services V2 staff list" width="1535" height="526" data-path="images/calendars-services-v2-staff-list.png" />
</Frame>

### Adding a new staff member

Click **New Staff** to add a team member. Fill in the following fields:

| Field                | Notes                                                         |
| -------------------- | ------------------------------------------------------------- |
| Profile picture      | Shown on booking pages so clients can identify their provider |
| First and last name  | Displayed internally and on the booking interface             |
| Email                | Must be unique; used for login and notifications              |
| Phone number         | Optional; used for verification codes                         |
| Timezone             | The staff member's working timezone                           |
| Custom URL           | A unique booking link for this staff member                   |
| Default availability | Baseline schedule for the staff member                        |

<Frame caption="New staff member form with required and optional fields">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-add-new.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=90bee8e9ecacfddfb01f93ecd2e19463" alt="Add new staff member form" width="1535" height="526" data-path="images/calendars-services-v2-staff-add-new.png" />
</Frame>

### Managing an existing staff member

Click the pencil icon on a staff row to open the editing module.

<Frame caption="Staff edit module opened via pencil icon">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-edit.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=acdac0e5a030cdead6b09e4406fae775" alt="Staff edit icon" width="1535" height="526" data-path="images/calendars-services-v2-staff-edit.png" />
</Frame>

**Basic details** — Modify name, email, phone, timezone, custom URL, user icon (auto-generates a colored circle with initials if left blank), and default availability.

<Frame caption="Basic details section inside the staff editor">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-basic-details.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=b49089abf474257b25baa62dd2b843e7" alt="Staff basic details" width="1150" height="792" data-path="images/calendars-services-v2-staff-basic-details.png" />
</Frame>

**Assigned services** — Control which services this staff member can accept and set daily, weekly, or monthly appointment limits.

<Frame caption="Assigned services panel showing appointment limits and linked services">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-assigned-services.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=fbd09d88e9c4d60af5866550905404ee" alt="Staff assigned services" width="1156" height="548" data-path="images/calendars-services-v2-staff-assigned-services.png" />
</Frame>

**Weekly working hours** — Configure working hours per day for each service. Select or deselect work days, edit start and end times, copy a schedule to other days, or add multiple time blocks when hours are split.

<Frame caption="Weekly working hours configuration with per-day schedule controls">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-weekly-hours.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=87075698adfddc1a30d94da9895f957d" alt="Staff weekly working hours" width="1152" height="698" data-path="images/calendars-services-v2-staff-weekly-hours.png" />
</Frame>

**Date-specific hours** — Override the regular schedule for specific dates such as holidays, training days, or limited availability periods.

<Steps>
  <Step title="Open date-specific hours">
    Click **+ Date Specific Hours** at the bottom of the schedule section.
  </Step>

  <Step title="Select the date or dates">
    Pick the specific date or range of dates you want to modify.

    <Frame caption="Date picker for selecting a specific override date">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-date-specific-2.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=bd4d697d1630515d080986d66b77e5cb" alt="Date picker" width="830" height="604" data-path="images/calendars-services-v2-staff-date-specific-2.png" />
    </Frame>
  </Step>

  <Step title="Set the availability">
    Define start and end times, specify which services and locations the override applies to, or mark the entire day as unavailable.

    <Frame caption="Override configuration showing time, services, and unavailable option">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-date-specific-3.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=43f8a7d30d1114d8aee6e7873aa1bf49" alt="Date-specific hours configuration" width="823" height="598" data-path="images/calendars-services-v2-staff-date-specific-3.png" />
    </Frame>
  </Step>

  <Step title="Save and manage">
    Once saved, the entry appears in the list. You can add more date overrides, edit, or delete existing ones at any time.

    <Frame caption="Date-specific hours list showing saved overrides">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-staff-date-specific-4.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=f811ce6289fe5d1aaeffb2e3df5aa21c" alt="Date-specific hours list" width="1152" height="685" data-path="images/calendars-services-v2-staff-date-specific-4.png" />
    </Frame>
  </Step>
</Steps>

Managing staff directly inside HoopAI keeps everything connected — schedules, notifications, and customer-facing availability are all synchronized automatically.

***

## Resources tab

Resources are the physical assets required to deliver a service: rooms, chairs, stations, equipment, or any other item that can only be used by one (or a limited number of) appointments at a time. When a service that requires a resource is booked, the resource is automatically reserved, preventing overbooking.

<Frame caption="Resources tab showing resource name, capacity, associated services, and locations">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-resources-tab.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=5946e3fae13b4db8789d041dc3ecfe30" alt="Services V2 resources tab" width="1540" height="505" data-path="images/calendars-services-v2-resources-tab.png" />
</Frame>

Each resource row shows:

| Column               | Description                                                  |
| -------------------- | ------------------------------------------------------------ |
| Name                 | Identifier (e.g., "Conference Room A")                       |
| Total capacity       | How many simultaneous appointments the resource supports     |
| Services associated  | All services that require this resource                      |
| Locations associated | Which branch locations have this resource                    |
| Status               | Active or inactive                                           |
| Quick actions        | Three-dot menu: edit, activate/deactivate, duplicate, delete |

<Frame caption="Resource list with capacity, associated services, and status columns">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-resources-list.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=deb244204779a0c96dcf46325ab3145b" alt="Services V2 resources list" width="1540" height="505" data-path="images/calendars-services-v2-resources-list.png" />
</Frame>

### Creating a resource

<Steps>
  <Step title="Click + New Resource">
    Opens the resource creation form.
  </Step>

  <Step title="Enter a name">
    Use a descriptive name. For multiple identical assets (e.g., three identical treatment rooms), create a separate resource for each so availability is tracked individually.
  </Step>

  <Step title="Select the associated service">
    Choose which service(s) require this resource from the dropdown.
  </Step>

  <Step title="Set the location">
    Select the location where this resource exists. Particularly important for multi-location businesses.
  </Step>

  <Step title="Define the capacity">
    Enter the number of simultaneous users or appointments the resource can support.
  </Step>

  <Step title="Create">
    Click **Create** to save the resource. It will now constrain booking availability for linked services.
  </Step>
</Steps>

### Managing resources

Use the three-dot menu on any resource row to:

* **Edit** — Open the same form used during creation.
* **Deactivate / Activate** — Mark a resource unavailable (e.g., a room under maintenance) without deleting it.
* **Duplicate** — Quickly create a copy of an existing resource configuration.
* **Delete** — Permanently remove the resource.

<Tip>
  Enable the Resources tab by going to **Global Settings > In-App Settings** and turning on **Enable Resources**. If you do not see the Resources tab, check this setting first.
</Tip>

***

## Add-ons tab

Add-ons are supplementary services or products that clients can select alongside a primary service at booking time — for example, a deep conditioning treatment added to a haircut, or a video recording package added to a photo session.

<Frame caption="Add-ons tab showing name, duration, price, and associated services">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-addons-tab.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=9228e5d6efa740f829f4d9a611398cd7" alt="Services V2 add-ons tab" width="1540" height="436" data-path="images/calendars-services-v2-addons-tab.png" />
</Frame>

Each add-on row shows: name, duration (if it has its own time), price, which services it is available on, an edit button, and a delete button.

<Frame caption="Add-ons list with service associations and action columns">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-addons-list.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=02e07987748035858af9671561fd8e85" alt="Services V2 add-ons list" width="1530" height="503" data-path="images/calendars-services-v2-addons-list.png" />
</Frame>

### Creating an add-on

<Steps>
  <Step title="Click New Add-on">
    Opens the add-on creation form.

    <Frame caption="New Add-on button in the add-ons tab">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-addons-create-btn.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=a64a1cf37b88edb41e1836c27774d840" alt="New add-on button" width="1530" height="499" data-path="images/calendars-services-v2-addons-create-btn.png" />
    </Frame>
  </Step>

  <Step title="Configure the add-on">
    Fill in the fields described below.

    <Frame caption="Add-on configuration form with all fields">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-addons-form.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=593628268405dd534360aa3f447c82ab" alt="Add-on configuration form" width="641" height="767" data-path="images/calendars-services-v2-addons-form.png" />
    </Frame>
  </Step>

  <Step title="Save the add-on">
    Click **Create Add-on** to save.
  </Step>

  <Step title="Assign to services">
    After saving, open each service where you want the add-on to appear and assign it there. Add-ons do not appear on a service's booking page until you link them to that service.
  </Step>
</Steps>

**Add-on configuration fields:**

<AccordionGroup>
  <Accordion title="Add-on image">
    Upload a visual representation displayed on the booking page alongside the add-on name.
  </Accordion>

  <Accordion title="Name">
    The customer-facing name of the add-on (e.g., "Deep Conditioning", "HD Brows").
  </Accordion>

  <Accordion title="Price">
    The cost of the add-on. Leave at 0 for complimentary add-ons.
  </Accordion>

  <Accordion title="Duration">
    Enable this if the add-on has its own time that should be added to the total service duration. For example, a 15-minute scalp massage added to a haircut extends the total appointment by 15 minutes.
  </Accordion>

  <Accordion title="Maximum quantity">
    The maximum number of units a client can select per appointment. Default is 1.
  </Accordion>

  <Accordion title="Multiple price with quantity">
    When enabled, the price multiplies by quantity at checkout. For example, a $20 add-on selected at quantity 2 charges $40.
  </Accordion>

  <Accordion title="Description">
    A short explanation of what the add-on includes, shown to clients during booking.
  </Accordion>

  <Accordion title="Hide from booking page">
    When enabled, the add-on is only visible to staff, not clients. Useful for internal upsells applied manually by team members.
  </Accordion>
</AccordionGroup>

<Tip>
  Enable the Add-Ons tab by going to **Global Settings > In-App Settings** and turning on **Enable Add-Ons**.
</Tip>

***

## Managing service appointments

Service appointments appear in the main Calendars view alongside all other appointment types. Filter to see only service bookings by selecting **Services** from the view dropdown at the top of the calendar.

<Frame caption="Calendar view with Services filter selected, showing service appointments">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-appointments-view.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=6abce9673b7387c3918e141290ae4f73" alt="Calendar services view filter" width="892" height="372" data-path="images/calendars-services-v2-appointments-view.png" />
</Frame>

<Frame caption="Service appointments displayed on the calendar">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-appointments-view2.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=fc3147e2d426f5fe45d831fc3519bb12" alt="Service appointments on calendar" width="1062" height="464" data-path="images/calendars-services-v2-appointments-view2.png" />
</Frame>

### Viewing appointment details

Click any appointment to open the details panel on the right side. This panel shows:

* Appointment time (day, date, timezone)
* Contact information (clicking the contact name opens their contact card)
* Location (shows "Default" for single-location businesses)
* Booked by (contact, staff, automation, etc.)
* Source (where the booking came from)
* Service details: service name, duration, assigned staff, resources, and add-ons

<Frame caption="Appointment detail panel with action buttons and full service information">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-actions.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=3620654ef5c5d3835dbe676019959d5d" alt="Appointment details panel" width="614" height="498" data-path="images/calendars-services-v2-appointments-actions.png" />
</Frame>

<Frame caption="Appointment information including service, staff, resources, and add-ons">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-details.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=b36465ca1313b28e7fe0a56cebfb61a5" alt="Appointment full details" width="623" height="810" data-path="images/calendars-services-v2-appointments-details.png" />
</Frame>

### Editing an appointment

Click **Edit** in the appointment detail panel to open the edit module. From here you can:

* Add or remove services and add-ons
* Change the assigned staff member
* Modify the service variant
* Update the location
* Change the appointment title, date, and time
* Adjust the timezone
* Update coupon codes

<Frame caption="Appointment edit module showing all editable fields">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-edit.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=9f1665f3e2ed4df62c926d401d6ebae0" alt="Appointment edit module" width="1751" height="856" data-path="images/calendars-services-v2-appointments-edit.png" />
</Frame>

### Rescheduling an appointment

Click **Reschedule** in the appointment detail panel to pick a new day and time for the booking.

<Frame caption="Reschedule view with date and time selection">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-appointments-reschedule.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=6c0aa9b7d0471f5c45ec9a325b33748c" alt="Reschedule appointment" width="1918" height="866" data-path="images/calendars-services-v2-appointments-reschedule.png" />
</Frame>

You can also view and add internal notes from this panel.

<Frame caption="Internal notes section inside the appointment panel">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-appointments-notes1.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=69346a28065425e547cb2f364bf1f69e" alt="Appointment internal notes" width="1918" height="866" data-path="images/calendars-services-v2-appointments-notes1.png" />
</Frame>

### Duplicating an appointment

Click **Duplicate** to open a booking form pre-filled with the current appointment's details. Modify the contact, services, add-ons, staff, or timing as needed, then click **Book Appointment**.

<Frame caption="Duplicate appointment modal with pre-filled service and contact information">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-duplicate.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=45f64d915368307e2abf6fcd498e4012" alt="Duplicate appointment modal" width="1878" height="857" data-path="images/calendars-services-v2-appointments-duplicate.png" />
</Frame>

### Creating a new appointment manually

<Steps>
  <Step title="Click + New">
    Click the **+ New** button in the top-right corner of the calendar view.

    <Frame caption="New appointment button in the calendar toolbar">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-new-btn.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=ec6c6cb011b6e87bb35fb7032513aaba" alt="New appointment button" width="1638" height="470" data-path="images/calendars-services-v2-appointments-new-btn.png" />
    </Frame>
  </Step>

  <Step title="Select a contact">
    Choose a contact from the dropdown. The appointment will be linked to their record.
  </Step>

  <Step title="Add services">
    Click **Add Service** and select the services for this appointment.

    <Frame caption="New appointment modal with contact and service selection">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/kH-7_ePI0C0Dun2-/images/calendars-services-v2-appointments-new-modal.png?fit=max&auto=format&n=kH-7_ePI0C0Dun2-&q=85&s=79f70a3d17cafa5fe994864b21bbd059" alt="New appointment modal" width="1872" height="841" data-path="images/calendars-services-v2-appointments-new-modal.png" />
    </Frame>
  </Step>

  <Step title="Add add-ons if needed">
    Click the pencil icon to include any relevant add-ons for the selected services.
  </Step>

  <Step title="Set date, time, and book">
    Select the appointment date and time slot, then click **Book Appointment** to save.
  </Step>
</Steps>

***

## Global settings

The Global Settings tab controls configurations that apply across all your services. It is divided into six sections.

<Frame caption="Global Settings tab showing the six configuration sections">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-settings-tab.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=7525d82c4df8eb2ae8151a9a25d596d1" alt="Services V2 global settings tab" width="1534" height="722" data-path="images/calendars-services-v2-global-settings-tab.png" />
</Frame>

### In-app settings

Control your preferences for working inside HoopAI:

<Frame caption="In-app settings panel with calendar and feature toggles">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-in-app.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=ad035a42d4aa81061f9394dec804009b" alt="In-app settings" width="1517" height="647" data-path="images/calendars-services-v2-global-in-app.png" />
</Frame>

| Setting                   | Description                                    |
| ------------------------- | ---------------------------------------------- |
| View options              | Set which day of the week starts your calendar |
| Enable multiple locations | Add and manage multiple service locations      |
| Enable resources          | Show or hide the Resources tab                 |
| Enable add-ons            | Show or hide the Add-Ons tab                   |

### Booking page

Customize the client-facing booking experience:

<Frame caption="Booking page customization — company name, logo, and slug">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-booking-page1.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=058d6dfcf2db747b27d11f32d7abd2af" alt="Booking page settings part 1" width="1513" height="667" data-path="images/calendars-services-v2-global-booking-page1.png" />
</Frame>

<Frame caption="Booking page customization — layout, theme, language, and colors">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-booking-page2.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=a2183ffecac79c7aa4b65c5c935569d6" alt="Booking page settings part 2" width="1219" height="594" data-path="images/calendars-services-v2-global-booking-page2.png" />
</Frame>

<Frame caption="Booking page customization — custom CSS and button labels">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-booking-page3.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=a9ec68123f8fea35d2c7b5f73dd5af08" alt="Booking page settings part 3" width="1217" height="472" data-path="images/calendars-services-v2-global-booking-page3.png" />
</Frame>

Key options include:

* **Company name and logo** — Displayed at the top of the booking page
* **Account slug** — Unique identifier used as the base for all your service URLs
* **Booking page order** — Define whether clients choose a service or location first
* **Booking page layout** — Card view, list view, or client-selectable
* **Filter and sort placement** — Top or left of the booking page
* **Theme** — Light, dark, or custom (with custom colors)
* **Language** — Displayed language for the booking page
* **Time format** — 12-hour or 24-hour
* **Service selection button label** — Customize the text on the service select button
* **Final booking button label** — Customize the text on the booking confirmation button
* **Insert custom code** — Add custom CSS to further style the booking page

**Additional settings:**

<Frame caption="Additional settings for staff selection and multi-service booking">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-additional-settings.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=e9a5ffb042933dcb0bfd217b3beab3e2" alt="Additional booking settings" width="840" height="479" data-path="images/calendars-services-v2-global-additional-settings.png" />
</Frame>

| Setting                    | Description                                                    |
| -------------------------- | -------------------------------------------------------------- |
| Staff selection            | Let clients choose their preferred staff member                |
| Any available              | Allow random staff assignment when no preference is made       |
| Auto-assign staff based on | Define the rule for automatic staff assignment                 |
| Multiple service           | Allow clients to book two or more services in a single booking |

**Forms:**

<Frame caption="Form settings for customer data collection">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-forms.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=1cfbc7ff1a5f24c3ef567aef36ae50a3" alt="Form settings" width="869" height="597" data-path="images/calendars-services-v2-global-forms.png" />
</Frame>

| Setting          | Description                                                           |
| ---------------- | --------------------------------------------------------------------- |
| Select form      | Choose a custom form to capture client data at booking                |
| Sticky contacts  | Pre-populate form fields using browser cookies for returning visitors |
| Consent checkbox | Require clients to consent to being contacted before confirming       |

**Confirmation page:**

Customize the page clients see after completing a booking.

<Frame caption="Confirmation page settings">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-confirmation.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=8e0c06d0a61fdf1a70326902356d1d30" alt="Confirmation page settings" width="778" height="464" data-path="images/calendars-services-v2-global-confirmation.png" />
</Frame>

### Payment settings

Configure how clients pay for services.

<Frame caption="Payment settings panel with mode, currency, and checkout options">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-payment.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=cf265e6b56d814f392996aedb3b630d8" alt="Payment settings" width="1523" height="1071" data-path="images/calendars-services-v2-global-payment.png" />
</Frame>

| Setting                  | Description                                                               |
| ------------------------ | ------------------------------------------------------------------------- |
| Payment mode             | Toggle between test mode (for setup) and live mode (real payments)        |
| Currency                 | Set the currency displayed to clients during checkout                     |
| Manage payment providers | Switch or update your connected payment gateway                           |
| Booking payment options  | Control what payment methods appear during checkout                       |
| Hide payment amount      | Hides the total when the client selects "Pay in person" or "Card on file" |

### Service settings

Define global rules that apply to all services.

<Frame caption="Service settings panel with scheduling and cancellation controls">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-service-settings.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=d346909fce7e16e802f3a889635be977" alt="Service settings" width="1221" height="604" data-path="images/calendars-services-v2-global-service-settings.png" />
</Frame>

| Setting                           | Description                                                                     |
| --------------------------------- | ------------------------------------------------------------------------------- |
| Service interval                  | Frequency of available booking slots (e.g., every 30 minutes)                   |
| Minimum scheduling notice         | Minimum time required before a booking can be made                              |
| Date range                        | How far in advance clients can book                                             |
| Reschedule and cancellation links | How long before the appointment these links remain active                       |
| Auto-confirm new appointments     | Automatically confirm new bookings, or leave them unconfirmed for manual review |

### Additional settings

<Frame caption="Additional settings for contact assignment, tracking, and timezone">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-extra-settings.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=83e2c1fa0c4765b51499007346997d78" alt="Additional settings" width="849" height="456" data-path="images/calendars-services-v2-global-extra-settings.png" />
</Frame>

| Setting            | Description                                                                        |
| ------------------ | ---------------------------------------------------------------------------------- |
| Contact assignment | Automatically assign the contact to the staff member who has the appointment       |
| Facebook Pixel ID  | Track booking page interactions with your Meta Pixel                               |
| Fixed timezone     | Show all appointments in the business timezone only, regardless of client location |

### Notifications

Configure which actions trigger notifications and how they are delivered.

<Frame caption="Notifications settings for email, in-app, and SMS alerts">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-notifications.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=e379a3bfc3f7a0e06d87e970e0e467ef" alt="Notification settings" width="1212" height="662" data-path="images/calendars-services-v2-global-notifications.png" />
</Frame>

Enable, disable, or customize email, in-app, and SMS notifications for booking confirmations, reminders, cancellations, and rescheduling.

**Third-party calendar settings:**

<Frame caption="Third-party calendar settings for Google and Outlook attendee permissions">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-global-third-party.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=d5e0ac62e8a6f39122f70a35e0aa3dcf" alt="Third-party calendar settings" width="1146" height="373" data-path="images/calendars-services-v2-global-third-party.png" />
</Frame>

| Setting                             | Description                                                          |
| ----------------------------------- | -------------------------------------------------------------------- |
| Google/Outlook attendee permissions | Allow third-party calendars to modify attendees and send invitations |
| Appointment notes                   | Customize the information included in calendar event notes           |

***

## Google Organic Booking with Services V2

Google Organic Booking lets clients find and book your services directly from Google Search and Google Maps, without leaving the Google interface. Services V2 powers the service list that gets submitted to Google.

**Requirements:**

* An active and verified Google Business Profile connected to HoopAI Integrations
* At least one Service calendar

<Steps>
  <Step title="Open Calendar Settings">
    Navigate to **Calendars > Calendar Settings**, then go to the **Connections** tab.

    <Frame caption="Calendar Settings Connections tab showing Google Organic Booking option">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-google-organic-cal-settings.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=65c122396bf633fbef272a1074cdf07c" alt="Calendar Settings connections tab" width="1141" height="348" data-path="images/calendars-services-v2-google-organic-cal-settings.png" />
    </Frame>
  </Step>

  <Step title="Enable Google Organic Booking">
    Toggle **Enable Google Organic Booking** on, then confirm on the pop-up.

    <Frame caption="Enable Google Organic Booking toggle and confirmation">
      <img src="https://mintcdn.com/hoopai-84ec0cdc/9LAxb-NDhr4pbMZL/images/calendars-services-v2-google-organic-enable.png?fit=max&auto=format&n=9LAxb-NDhr4pbMZL&q=85&s=38106224bc7c57d053110a2134683f47" alt="Enable Google Organic Booking" width="747" height="214" data-path="images/calendars-services-v2-google-organic-enable.png" />
    </Frame>
  </Step>

  <Step title="Enable Services V2">
    Select the checkbox to enable Version 2 of the Services feature, which is required for Google Organic Booking.
  </Step>

  <Step title="Select your feeds">
    Choose a **Group or Service** from the Primary Action Feed dropdown, then select the calendars to include in the Services Feed.
  </Step>

  <Step title="Upload">
    Click **Upload** to submit your service data to Google. Initial verification typically takes 1–2 weeks.
  </Step>
</Steps>

<Tip>
  For best results with Google Organic Booking: keep service descriptions concise and matching the service name; select only service menus or groups in the Primary Action Feed; and keep your service list up to date. When connected, your Google Business Profile will display a booking button.
</Tip>

***

## Frequently asked questions

<AccordionGroup>
  <Accordion title="What is the difference between Services V2 and the original service configuration?">
    The original approach required configuring services inside each individual calendar's settings. Services V2 introduces a centralized service catalog at the Calendars section level where you manage all services in one place and link them to multiple calendars. It adds categories, per-service staff and resource control, add-ons, location management, and comprehensive global settings that were not available in the original setup.
  </Accordion>

  <Accordion title="Can a service appear on more than one calendar?">
    Yes. From the service editor, link the service to multiple service-type calendars. It will appear on the booking menu for each linked calendar. This is useful for multi-location businesses that share the same service offerings.
  </Accordion>

  <Accordion title="Why don't I see the Resources or Add-Ons tabs?">
    Both tabs must be explicitly enabled. Go to **Global Settings > In-App Settings** and turn on **Enable Resources** and/or **Enable Add-Ons** to make those tabs visible.
  </Accordion>

  <Accordion title="How do resources prevent double booking?">
    When a service is linked to a resource, HoopAI checks resource availability before showing a time slot to a client. If the resource is already reserved for that slot (by another booking of any service that uses the same resource), the slot will not be offered. This ensures physical assets are never double-booked.
  </Accordion>

  <Accordion title="Can add-ons extend the total appointment duration?">
    Yes. When configuring an add-on, enable the **Duration** field and enter the add-on's time. HoopAI will add that time to the primary service duration when calculating the total slot length. For example, a 60-minute haircut with a 15-minute scalp massage add-on will block 75 minutes on the calendar.
  </Accordion>

  <Accordion title="Can I allow clients to book multiple services in one appointment?">
    Yes. Go to **Global Settings > Booking Page > Additional Settings** and enable **Multiple Service**. Clients will then be able to add more than one service during a single booking session.
  </Accordion>

  <Accordion title="What happens to existing bookings if I disable a service?">
    Disabling a service hides it from new bookings on the public booking menu. All existing appointments for that service remain intact and visible to staff and clients.
  </Accordion>

  <Accordion title="How long does it take for Services V2 to show up on Google after enabling Google Organic Booking?">
    Initial verification of feeds and profiles typically takes 1–2 weeks. During this time, accuracy in service descriptions and correct link selections is important for a smooth verification process.
  </Accordion>
</AccordionGroup>
