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