Appointment Booking Form

The SpaCLub WordPress Theme provides a powerful and fully interactive Appointment Booking Form that allows customers to book services directly from the frontend. The booking form works using a shortcode and can be placed on any page.

1. Create Appointment Booking Page

You can create an appointment booking page by placing the booking shortcode on any WordPress page.

  1. Go to Pages > Add New in WordPress.
  2. Enter a page title (for example: Book Appointment).
  3. Add the following shortcode inside the page content:
[slotty-booking-form]

Once published, this page will display the complete appointment booking form on the frontend.

Appointment Form Shortcode

2. Frontend Appointment Booking Flow

The appointment booking form follows a step-by-step flow to ensure a smooth booking experience.

Step 1: Select Service

  • Customers can browse available services.
  • Services are displayed based on categories.
  • Users can filter services by category.
  • Each service shows price, duration, and type.
Select Service

Step 2: Choose Location (Optional)

  • If location option is enabled, users must select a service location.
  • Available locations are shown based on admin configuration.
Select Location

Step 3: Choose Staff Member

  • Only staff members assigned to the selected service are shown.
  • Users can select a specific staff member or choose Any Member.
Select Staff

Step 4: Select Date & Time

  • Customers choose an available date from the calendar.
  • Available time slots are displayed automatically.
  • Unavailable dates and times are disabled.
Select Date and Time

Step 5: Customer Information

  • Customers enter personal details such as name, email, and contact number.
  • Optional notes or descriptions can be added.
  • Service location (At Home / At Shop) can be selected if enabled.
Customer Information

Step 6: Coupons & Gift Cards

  • Customers can apply coupon codes if enabled.
  • Gift cards can be applied using Voucher Code and PIN.
  • Total amount updates automatically after applying discounts.
Coupon and Giftcard

Coupon and Giftcard

Step 7: Payment

  • Customers proceed to payment based on selected payment mode.
  • Total payable amount is displayed clearly.

3. Appointment Settings (Admin Control)

Administrators can fully control the appointment form behavior from the settings panel.

  1. Go to SpaClub > Appointment > Settings.
  2. Open the Booking Settings tab.
Appointment Settings

From here, admin can manage:

  • Enable or disable coupon codes.
  • Enable or disable location selection.
  • Enable file uploads during booking.
  • Set booking type and redirection pages.
  • Configure deposit or full payment options.
  • Control buffer time between appointments.

4. Payment Modes

SpaClub supports both online and offline payment modes.

  • Online Payment – Uses WooCommerce payment gateways.
  • Offline Payment – Appointment is booked without online payment.

Admin can select the payment mode from Appointment Settings.

Note: WooCommerce must be configured to enable online payments. A separate documentation section explains how to configure WooCommerce payment gateways.

5. Booking Summary Panel

During booking, customers can see a live booking summary that includes:

  • Selected service details.
  • Date, time, staff, and location.
  • Applied taxes, coupons, and gift cards.
  • Final payable amount.
Booking Summary

This ensures transparency and avoids confusion before payment.

Tip: Place the appointment booking page in your main navigation or use the “Get Appointment” button for better conversions.