Frontend Forms

Schedula provides two distinct frontend booking forms to accommodate different booking scenarios and business needs.

Overview

The frontend interface allows customers to book appointments directly on your website through two specialized forms:

• Main Reservation Form – A comprehensive booking solution
• Service-Specific Form – Targeted forms for specific services with custom fields

Both forms feature modern, responsive design. 

1. Main Reservation Form

Description

The main reservation form is a comprehensive booking solution that provides customers with full access to all available services, staff members, and time slots. It’s designed for businesses that want to offer a complete booking experience on a single page.

Key Features

• Universal Service Access: Customers can browse and select from all available services
• Staff Selection: Choose from available staff members based on service requirements
• Dynamic Availability: Real-time checking of staff availability and time slots
• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Vue.js Powered: Modern, reactive user interface with smooth interactions

Page Integration

1. Create a new page (e.g., “Book Appointment”)
2. Add the shortcode [schedula_reservation_form] to the page content
3. Publish the page
4. The form will automatically load with all necessary scripts and styles

2. Service-Specific Reservation Form

Description

Service-specific forms are targeted booking solutions designed for individual services, categories, or staff members. These forms can include custom fields, specific validations, and tailored booking flows for specialized services.

Key Features

• Service-Specific: Pre-configured for specific services or categories
• Custom Fields: Additional form fields based on service requirements
• Custom Validations: Service-specific validation rules and requirements
• Staff Filtering: Automatically filtered to relevant staff members
• Tailored Experience: Streamlined booking flow for specific use cases
• Multiple Forms: Support for multiple service forms on the same site

Service Form Configuration

Service forms are created and configured through the WordPress admin panel in the custom form option page:

1. Service Selection: Choose which service(s) the form handles
2. Category Filtering: Limit to specific service categories
3. Staff Assignment: Pre-assign specific staff members
4. Custom Fields: Add service-specific form fields
5. Validation Rules: Set custom validation requirements
6. Styling Options : Configure appearance settings
7. Create a new page 
8. Add the shortcode [schedula_service_form id=”Form Id”]to the page content
9. Publish the page
10. The form will automatically load with all necessary scripts and styles