This guide covers everything you need to manage spa treatment bookings through the admin panel. Use the contents on the left to jump to any section.
The Serenity Spa admin panel gives you full visibility and control over treatment bookings. From here you can review new bookings, confirm or cancel appointments, block dates for closure or staff training, and check moment-by-moment slot availability.
The panel is split into four areas: Bookings, Calendar, Block Dates, and Availability. Each is accessible from the left-hand navigation or the tab bar at the top of the main area.
The admin panel is protected by a username and password login. Navigate to the admin URL and enter your credentials to access the panel.
At the top of the main area, four summary cards give you an at-a-glance view of your bookings:
| Card | What it shows |
|---|---|
| Total Bookings | All confirmed and pending bookings (cancelled bookings excluded). |
| This Month | Active bookings scheduled within the current calendar month. |
| Upcoming (7d) | Active bookings due within the next 7 days. |
| Revenue (£) | Combined value of all active (non-cancelled) bookings. |
Click 🔄 Refresh in the Bookings tab to recalculate these figures after making changes.
The All Bookings tab shows a full table of every booking. Each row displays the reference number, client name, treatment, therapist, date, time, total, and current status.
Use the All Statuses dropdown to filter the list to confirmed, pending, or cancelled bookings only.
Click View on any row to open the full booking details. From the detail panel you can:
The Calendar tab shows a monthly grid colour-coded by day status. Use the ← Prev and Next → buttons to move between months.
| Colour | Meaning |
|---|---|
| Green | Date is available with no bookings. |
| Amber | Date has one or more bookings. A small number shows the booking count. |
| Grey | Date is blocked. |
| Faded | Date is in the past. |
Click any amber day to see a summary of that day's bookings in a pop-up panel.
Use Block Dates to prevent new bookings on specific days — for example during a deep clean, staff training, or private event.
To remove a block, click Unblock next to the relevant entry in the Currently Blocked list. You will be asked to confirm before it is removed.
The Availability checker lets you see exactly how many slots are free at each time on any given day.
| Colour | Meaning |
|---|---|
| Green | 2 or more slots available. |
| Amber | Only 1 slot remaining. |
| Red | Fully booked — no slots available. |
If the selected date is blocked, the checker will indicate this instead of showing time slots.
Every booking carries one of three statuses:
| Status | Meaning |
|---|---|
| Confirmed | The booking has been accepted and is active. |
| Pending | The booking has been received but not yet reviewed or confirmed. |
| Cancelled | The booking has been cancelled. It remains in the system for reference but is excluded from stats and availability counts. |
To move a booking from pending to confirmed, open it via the View button and click ✓ Confirm. To cancel any active booking, open it and click ✕ Cancel.
Data is session-based. The admin panel holds booking data in memory for the current session. Any status changes you make will persist for the duration of your session. Refreshing or reopening the page restores the original seed data.
Closing the modal. Click the × button, click outside the panel, or press Escape to close any open detail panel.
Max bookings per slot. The system allows up to 4 concurrent bookings per time slot. The Availability checker will flag any slots that are fully booked.
Cancelled bookings and revenue. Cancelled bookings are excluded from all dashboard stats including the revenue total.