# Event Setup

# STEP ONE: Create Event

#### Steps to Create a New Event

1. Select **Events / Preview** from the sidebar.
2. Click the green **Add** button.
3. Enter a name for your event — e.g., `Health Screenings, Photo School 2026`.
4. Select the event type: **Normal**.
5. Select your event's **time zone**.
6. *(Optional)* Add a **Date** and **Location**.

Once saved, your event will appear as a new row in the Events list.

---

#### About the Date and Location Fields

These fields are optional and primarily used to **distinguish between multiple events** when more than one is listed.

- The **Date** field is just a label — if your event spans multiple dates, you can list them all here, or leave it blank.
- You do **not** need to create a separate event for each date — a single event can include any number of dates.

---

#### Adding Event Details

Use the **Event Details** box to add event-specific information you'd like to display on the scheduler or include in emails.

Anything entered here becomes available as a macro: **`$(E_DESCRIPTION)`**

You can insert this macro into your **CUI Messages** or **Notification Setup** templates to automatically pull in this text.

# STEP TWO: Add a Resource

#### Defining Your Resources

Every event requires at least one **Resource** — the "container" that holds your time slots.

---

#### Step 1: Name the Resource

Click directly into the **Title Area** of a new resource to edit its name.

---

#### Step 2: Choose a Descriptive Name

Use a name specific to your event type:

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-event-type-example-r"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">Event Type</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">Example Resource Name</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Health Clinics</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">"Flu Shots" (service name)</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Counseling/Advising</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">"Sarah Jenkins" (staff member's name)</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Facility Rentals</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">"Main Gymnasium" (room or equipment name)</td></tr></tbody></table>

</div>---

#### Step 3: Add Additional Resources

If your event involves multiple staff members, rooms, or service types, continue adding resources as needed. **Each resource manages its own independent set of appointments.**

# STEP THREE: Create Slots

To get started, go to **Events / Preview**, select your event, then click the **Appointments** tab. From the left-hand calendar, select the date you want to work with. Open the **Slots** drop-down and choose **Create Slots**.

#### **Step 1: Choose Which Resources to Create Slots For**

In the slot generator, choose to create slots for **selected resources** or **all resources**. To select multiple resources, hold **Ctrl** while clicking names in the right-hand panel.

#### **Step 2: Set Your Time and Duration**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-field-description-fr"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Field**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Description**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**From**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Start time of the first slot</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**To**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">End time of the last slot</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Duration**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Length of each appointment (in minutes)</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Travel Break**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Optional gap between appointments</td></tr></tbody></table>

</div>**Example:** 10-minute slots with a 5-minute travel break create slots at 8:00–8:10, 8:15–8:25, 8:30–8:40, and so on.

<p class="callout success">**Note:** If you need a break that doesn't align with your slot duration (e.g., 20-minute slots but a 40-minute lunch break), create slots in **two batches** — one before the break, one after.</p>

#### **Step 3: Choose Appointment Type**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-type-description-ind"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Type**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Description**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Indicator**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**In-Person**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Participants receive room/location info</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">P</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Virtual**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Participants receive a meeting link</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">V</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**In-Person or Virtual**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Participants choose their preferred format</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">PV</td></tr></tbody></table>

</div>#### **Step 4: Set Slot Visibility**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-option-what-it-does-"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Option**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Visible for Customer**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Available for online booking</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Hidden from Customer**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Hidden from participants; visible in Admin UI only</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Shown with "Call" Status**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Visible to participants, but they're prompted to call the school to book</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Make Unavailable**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Visible in Admin UI but not bookable online (use for lunch breaks, meetings, etc.)</td></tr></tbody></table>

</div>You can optionally add a custom message for unavailable slots.

#### **Step 5: Set Maximum Appointments Per Slot *(Optional)***

Use this for group sessions, open labs, or any scenario where multiple participants/families can book the same time slot.

##### **Creating Slots for Multiple Days or Resources**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-scenario-what-to-do-"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Scenario**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What to do**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Same schedule across multiple days**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Enable **Multiple Dates** and select all applicable dates before saving</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Different schedule per day**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Create slots for the first day, switch to the next date, and repeat</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Different schedules per resource**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Select a resource (or group), create their slots, save, then repeat for the next resource/group</td></tr></tbody></table>

</div><p class="callout info">**Tip:** If you created identical slots for all resources at once, individual slots won't display until you click a specific resource's name in the right-hand pane</p>

#### **Updating Existing Slots**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-use-update-slots-to-">Use **Update Slots** to change existing slot characteristics without deleting and recreating them.</div>**To access:** **Appointments → select date/resource → Slots → Update Slots**

**You can update:**

- Appointment type (e.g., switch from in-person to virtual)
- Maximum appointments per slot
- Slot visibility (hidden, unavailable, etc.)

<p class="callout success">**Important:** Update Slots does **not** change start times, end times, or duration. To change those, you must delete and recreate the slots (see *Changing Slot Duration or Times* below).</p>

**"Keep existing slot type on slots being updated"** — useful when resources have already blocked parts of their schedule, since it lets you change appointment type without affecting slot type.

### **Blocking Slots**

Blocking is the preferred way to **temporarily** remove availability without permanently deleting a slot.

1. Go to the **Appointments** page and click the **X** in the corner of the slot.
2. The slot turns **red** and displays "Blocked." You can enter a custom message (e.g., "Lunch Break" or "Staff Meeting").
3. To unblock, click the **X** again to restore availability.

<p class="callout info">Blocked slots appear on reports when **Show All Slots** is enabled.</p>

### **Deleting Slots**

Use **Delete Time Slots** to permanently remove slots.

**To access:** **Appointments → select date/resource → Slots → Delete Time Slots**

If appointments already exist on those slots, you'll be prompted to choose:

- **Move appointments** to the red Appointments List (a holding area for manual rebooking or cancellation)
- **Cancel appointments** without sending a notification
- **Cancel appointments** and send a cancellation email

<p class="callout success">**Tip:** Consider whether participants need a cancellation notification before confirming any deletion.</p>

### **Moving Slots**

Use **Move Slots** to transfer an entire day's slots — and any existing appointments — to a new date. Useful for snow closures, rescheduled days, or resource availability changes.

**To access:** **Appointments → select date/resource → Slots → Move Slots**

In the dialog, select the destination date, choose whether to move slots for all resources or selected resources, and confirm.

Existing appointments transfer with all participant information intact, and appointment **times remain the same**.

<p class="callout info">**Important:** Calendar notification emails are **not** sent automatically — advise participants to update any calendar entries they've saved. You can send a custom notification email explaining the change.</p>

### **Copying Slots**

Use **Copy Slots** to duplicate a day's slot *structure* to another date or resource — **without** copying existing appointments.

**To access:** **Appointments → select date/resource → Slots → Copy Slots**

Select the destination date and/or resource(s) and confirm. Slot visibility, appointment type, and availability settings are all preserved.

<p class="callout success">If you also need appointments to transfer, use **Move Slots** instead.</p>

### **Changing Slot Duration or Times**

Slot start times, end times, and duration **cannot be edited in place**. To change any of these:

1. Delete the slots you want to change (or all slots for that day).
2. Recreate them with the correct settings.

**Example:** If you have 10-minute slots from 8:00 AM–2:00 PM but want 9:00 AM–1:00 PM instead, delete the 8:00–9:00 AM and 1:00–2:00 PM slots (or delete all and start fresh), then create the new schedule.

### **Quick Reference: Which Tool to Use?**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-situation-use-tempor"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Situation**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Use**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Temporarily remove availability</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Block Slots**</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Permanently remove slots</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Delete Time Slots**</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Change appointment type or visibility</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Update Slots**</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Reschedule an entire day</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Move Slots**</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Duplicate a schedule to another day or resource</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Copy Slots**</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Change slot duration or times</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Delete + Recreate**</td></tr></tbody></table>

</div>### **Slot Color Guide**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-color-meaning-%F0%9F%94%B5-blue"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Color**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Meaning**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">🔵 Blue</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Available</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">🔴 Red</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Blocked</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">⚪ Grey</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Resource is booked elsewhere (team meeting or personal appointment)</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">![image.png](https://help.pickatime.com/uploads/images/gallery/2026-06/scaled-1680-/Ycximage.png) Yellow</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Time has passed</td></tr></tbody></table>

</div>**<span class="rvts71">FAQ on Creating Slots</span>**

##### **<span class="rvts71">I created slots on the wrong date</span>**

<span class="rvts36">On the Appointments page, select the Slots drop-down and then select the Move Slots option. This will allow you to move all slots (and any appointments) to a new date. You will have the option to send an email to any appointment holder whose appointment was moved. </span>

##### **<span class="rvts36">My slots are 20 minutes in duration, but I wanted a 30-minute break for lunch</span>**

<span class="rvts20">If your break will not have the same duration as your slots or is not a multiple of your slots (e.g., you have time slots of 20 minutes, and you want a 40-minute break), you will need to create your slots in sections. First, create the slots BEFORE your break time, and then create your slots AFTER your break time. </span>

##### **<span class="rvts38">Why are my time slots yellow? </span>**

<span class="rvts20">Yellow indicates that the time has passed.</span>

##### **<span class="rvts38">I created time slots with the wrong duration, but my customers have already booked appointments.</span>**

<span class="rvts20">Time slots can not be changed from one duration to another. If you need a different duration than what you originally created, you will need to delete your time slots with the incorrect duration and create new time slots with the correct duration. When you delete the time slots, the system will ask you what you want to do with the appointments. You can cancel them and send an email to each customer requesting that they rebook their appointment. Or you can put the appointments "on hold" and then cancel and manually rebook each appointment. </span>

##### **<span class="rvts20">After selecting the </span><span class="rvts21">Delete Time Slots</span><span class="rvts20"> option, you will see a new dialog box telling you the number of appointments on your soon-to-be-deleted slots:</span>**

<span class="rvts20">The default option is set to move the appointments to a holding area on the </span><span class="rvts21">Appointments List</span><span class="rvts20"> page. If you choose this option, you will have a list of the appointments that you need to either cancel or cancel and rebook.</span>

# STEP FOUR: Adjust Settings

### **Event Settings (UI Setup)**

The **UI Setup** page lets you adjust settings specific to a single event.

**To get there:**

1. From the Admin UI, go to **Events / Preview** and select your event.
2. Click **Go To Event** to open Event Management.
3. Select **Settings / UI Setup**.

Work through the sections from top to bottom, as outlined below.

#### **Scheduler Availability**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Open scheduler to customers on**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Date/time the scheduler opens to participants</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Close scheduler to customers on**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Date/time the scheduler closes to participants</td></tr></tbody></table>

</div>#### **Appointment Number Limits**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-1"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Maximum Appointments per Event**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Caps total appointments allowed for the entire event</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Maximum Appointments Per Resource per Day**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Caps appointments per resource, per day — e.g., you can create 15 slots but cap bookings at 10; once the 10th is booked, no more can be made that day</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Duration Between Appointments**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Sets a required gap between a participant's booked appointments</td></tr></tbody></table>

</div>#### **Appointment Cancellations**

**Customer cannot cancel their appointment closer than X hours/days/weeks.** Restricts how close to the appointment time a participant can cancel.

- Set to 0 to allow cancellation up to the last minute.
- Set to a large value to effectively prevent cancellations.

<p class="callout info">**Note:** Closing the scheduler does **not** automatically prevent cancellations — this setting is separate.</p>

#### **Close Appointment Booking**

Controls when slots become unavailable for **new bookings**, ahead of the appointment time. Choose one of three methods:

1. Close booking at a specific **time of day**, XX days before the appointment date.
2. Close booking XX **hours/days/weeks/months** before the appointment time.
3. Close booking XX **hours before the first appointment of the day**.

### **Scheduler Settings**

#### **Scheduling Link**

Your event's **Scheduling Link** is the URL you share with participants (on your website or via email) to access the booking page (CUI). You can customise it with an event-specific suffix — for example: `https://pickatime.com/SmartFluShots/Rochester` or `https://pickatime.com/SmartFluShots/Brighton`

<p class="callout success">**Important:** Even with a custom event link, participants will see a toggle to switch to any other **open** events on your account. To restrict participants to a single event with no toggle option, use the **Category** link instead, which scopes the scheduler to only the event(s) in that category.</p>

#### **Scheduler Display**

**Display format:** Choose from **Table**, **Text**, **Vertical**, **List**, or **Date**.

<span style="text-decoration: underline;">**View mode:**</span>

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-mode-best-for-conden"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Mode**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Best for**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Condensed**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Compact layout with variable time steps — good for smaller screens or quickly browsing availability</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Expanded**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Fixed time intervals in a traditional layout — easier for comparing exact appointment lengths/gaps</td></tr></tbody></table>

</div>Users can toggle between views anytime using the button in the top-left corner of the scheduler.

<span style="text-decoration: underline;">**Date display mode:**</span>

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-mode-behavior-pagina"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Mode**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Behavior**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Paginator**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Shows multiple dates on one page</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Calendar**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Shows one day at a time, with a mini calendar to jump to other dates</td></tr></tbody></table>

</div>**Additional display options:**

- **Display the end time of each appointment slot** — *(unavailable with Table or List display)*
- **Display the number of available appointments per slot** — *(unavailable with Table or List display)*

---

#### **Scheduler Display Limits**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-2"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Display X weeks of slots / XXX slots on the scheduling page**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Controls how many days/weeks of slots are shown at once in the CUI</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Do not display after XX days/months from today**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Lets you have appointments available on the back end without showing them on the booking page yet</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Display maximum X available appointment(s) per slot, show next only when XX% are booked**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Controls how many time slots per day are initially shown, releasing more as earlier ones fill up — see example below</td></tr></tbody></table>

</div><p class="callout info">**Example:** If you have 20 slots available in a day but want only the first 10 to show initially, enter **10**. The first 10 times (e.g., 9:00–10:30) display first; once one is booked, the next slot in sequence (10:40) becomes visible. *(Note: this limit counts **time slots**, not total appointments — if you allow 2 appointments per slot and set this to 10, the system still shows the first 10 time slots, not 10 total bookings.)*</p>

#### **Resource Display**

<p class="callout success">Note: These options are unavailable when using the Table or Date display format.</p>

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-3"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Hide resources on the CUI**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Hides resource names — useful when it doesn't matter which resource a participant books with</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Show resources on the CUI**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Displays resource names</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Display resources with buttons / vertically / in a pull-down**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Controls how resource options are presented</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Resource Title**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Custom label for your resources (e.g., "Nurse")</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Display resource description**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Shows a resource's description, if one has been added</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Display rooms**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Shows assigned room numbers, if applicable</td></tr></tbody></table>

</div>#### **Miscellaneous**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-4"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Require parents to select their student's name from a drop-down when booking**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Requires linking a pre-imported student to the booking *(requires students to already be imported)*</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Allow customers to select a timezone from a list of allowed time zones**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Lets participants choose their own display timezone</td></tr></tbody></table>

</div>### **Advanced Settings**

#### **Online Meeting Provider**

**Use 'X' for online meetings:** Select your preferred online meeting provider for this event from the drop-down.

#### **Multiple Appointment Booking**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-5"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Allow a customer to take multiple slots**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Lets a participant book more than one appointment in a single session</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Allow a customer to make conflicting appointments for themselves**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Lets a participant book overlapping appointments across **different resources** at the same time</td></tr></tbody></table>

</div>#### **Appointment Changes**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-setting-what-it-does-6"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Setting**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it does**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Allow customers to see and cancel past appointments**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Lets participants view/cancel appointments that have already passed</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Don't allow customers to change appointment time**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Prevents participants from rescheduling once booked</td></tr></tbody></table>

</div>### **Notification Setup**

The **Notifications** tab lets you configure: **Confirmation Email**, **Cancellation Email**, **Reminder Email**, **Custom Email**, **Follow-up Email**, **Resource Notification Email**, and **Calendar Event Notification**.

#### **Confirmation Email**

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-field-what-it-contro"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Field**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it controls**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Subject**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Email subject line</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Header**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Text shown above the email body</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Body**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Main email text</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Send Confirmation and Cancellation Emails**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Sends a confirmation after booking *(typically left unchecked for schools)*</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Support Email**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Address that receives replies to confirmation/reminder/cancellation emails. If left blank, replies get an automated response directing them to contact your organisation.</td></tr></tbody></table>

</div>#### **Reminder Emails**

**Send Reminder Emails:** Click **Add** and enter the number of hours before an appointment that a reminder should go out. You can add multiple reminder times — duplicates are automatically removed.

<div class="overflow-x-auto w-full px-2 mb-6" id="bkmrk-field-what-it-contro-1"><table class="min-w-full border-collapse text-sm leading-[1.7] whitespace-normal"><thead class="text-left"><tr><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**Field**</th><th class="text-text-100 border-b-0.5 border-[hsl(var(--border-300)/0.6)] py-2 pr-4 align-top font-bold" scope="col">**What it controls**</th></tr></thead><tbody><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Footer**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Text shown below the email body</td></tr><tr><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">**Subject for combined email**</td><td class="border-b-0.5 border-[hsl(var(--border-300)/0.3)] py-2 pr-4 align-top">Subject line used when a combined email is sent (e.g., a cancel + immediate reschedule)</td></tr></tbody></table>

</div>### **Configure CUI (Customer User Interface)**

You can customise most of the text and labels participants see when booking appointments.

**To edit CUI messages:**

1. From the Admin UI, go to **Events / Preview**, select your event, and click **Go To**.
2. Select **Settings / CUI Messages**.
3. On the left, choose a label to edit — the corresponding text appears on the right for editing.

**Common customisations:**

- **Login page title:** Edit under **Sign In Page / Welcome Message**.
- **Logo:** Go to **Global Setup / Business**, under **Account Level Settings / Account Logo**, and click the **Upload** icon.
- **HTML editing:** Click the **HTML icon (`<>`)** in the toolbar to view/edit raw HTML for a given message.

# STEP FIVE: Try it out

1. #### 1. Open the Scheduler
    
    
    1. From the Admin UI, go to **Events / Preview**, select your event, and click **Go To Event**.
    2. Select **Settings / UI Setup**.
    3. Set **"Open scheduler to customers on"** and **"Close scheduler to customers on"** to define the window during which participants can book appointments.
    
    ---
    
    #### 2. View the Scheduler
    
    
    1. Go to **Global Setup / Business / Account Level Settings / Account URL**, and find your **Account URL** at the bottom of the page.
    2. Click the URL, or copy it into another browser window to test the scheduler as a participant would experience it.
    
    > You can customize this URL by checking **"Set Custom URL"** and entering your preferred name. The updated URL will be live in approximately **5–10 minutes**.