JetAppointment is Crocoblock’s appointment booking plugin, designed to work within Elementor page templates. Unlike standalone booking plugins that impose their own design, JetAppointment integrates with your Elementor templates, letting you design the booking form and calendar using Elementor’s visual editor while JetAppointment handles the booking logic, availability management, and payment processing behind the scenes.
JetAppointment’s Architecture
JetAppointment has three primary entities: Services (what customers book), Providers (who delivers the service), and Appointments (the actual bookings). These are stored as JetEngine custom post types, which means you can display them using JetEngine Listing Grids and dynamic tags. A service directory showing bookable services with their provider profiles and embedded booking calendars is built by combining JetAppointment’s data with JetEngine’s display capabilities.
Step 1: Create Services
Go to JetAppointment -> Services -> Add New. Each service needs:
- Service name and description
- Duration – appointment length in minutes
- Buffer time – break between appointments (travel time, preparation, cleanup)
- Price – if charging for bookings
- Capacity – maximum attendees per appointment slot (1 for individual, more for group sessions)
- Assigned providers – which providers can deliver this service
Need help building with Jet plugins? Describe your project and get a free estimate.
Step 2: Set Up Providers
Providers are the people or resources that deliver services. Go to JetAppointment -> Providers -> Add New. Assign which services each provider offers and configure their working schedule:
- Available days of the week
- Working hours per day
- Days off (specific dates when unavailable)
Provider schedules determine which time slots appear as available in the booking calendar. If a provider is not available on Tuesday, no Tuesday slots are shown for their services.
Step 3: Add the Booking Form to Elementor
JetAppointment adds Elementor widgets for the booking experience. Add the Appointment Form widget to any Elementor page or template. Configure:
- Service selection – show all services or pre-select a specific one
- Provider selection – let customers choose their provider or auto-assign
- Calendar display – monthly calendar or date picker
- Time slot format – how available times are displayed
- Required fields – name, email, phone, any custom fields
Step 4: Payment Configuration
JetAppointment integrates with WooCommerce for payment processing. Enable the WooCommerce integration in JetAppointment settings. When a customer completes a booking, it creates a WooCommerce order for the appointment. The customer is directed through WooCommerce checkout to pay. After payment, the appointment is confirmed and both customer and provider receive notification emails.
This WooCommerce integration means all your existing payment gateways work for appointments without additional configuration. Stripe, PayPal, and any other active WooCommerce payment gateway handles appointment payments.
Appointment Notifications and Emails
JetAppointment sends automated emails for appointment confirmation, reminders, and cancellations. Go to JetAppointment -> Notifications to configure each email type. The email templates support dynamic variables for appointment details: date, time, service name, provider name, and customer name. Configure reminder timing – a reminder 24 hours before the appointment is standard for most service businesses.
JetAppointment sends emails through WordPress’s wp_mail function. For reliable delivery, install WP Mail SMTP and connect to a transactional email provider (Postmark, SendGrid). Without SMTP configuration, appointment confirmation emails may land in spam or fail to deliver entirely, which causes customer confusion and no-shows. This email configuration step is as important as the booking form itself for a functioning appointment system.
Reporting and Calendar View
JetAppointment provides a calendar view of all scheduled appointments, filterable by provider and service. Providers can access a frontend calendar through a JetEngine-powered page showing their upcoming appointments. This frontend calendar is built using JetEngine templates and JetAppointment dynamic tags rather than a fixed admin interface. For service businesses where providers need to check their schedules from mobile devices without logging into wp-admin, the frontend calendar is a practical necessity rather than a nice-to-have.