Arjun Regmi

Take control of your appointment business with Patro Appointment Booking — a fast, modern WordPress booking plugin built around a beautiful Gutenberg block. Customers complete a clean, guided multi-step form to pick a service, choose a staff member, select a date and time, fill in their details, and confirm — all without ever leaving your site. You manage every booking from a dedicated, React-powered admin dashboard.
No coding required. No complex setup. Just drop the block onto any page and start taking bookings. 📅
Who is Patro Appointment Booking For? 
Patro Appointment Booking is built for any individual or business that takes scheduled appointments and wants an elegant, hassle-free booking experience for their customers.
Salons & Beauty Studios 
Give clients the freedom to book haircuts, treatments, and styling sessions around the clock. Block holidays, close weekdays, and let your calendar manage itself while you focus on the work.
Consultants & Coaches 
Let prospects book discovery calls and sessions directly from your site. Assign bookings to specific team members, get instant email alerts, and never miss a new client inquiry.
Healthcare & Wellness Providers 
Collect patient or client details at booking time, set a custom booking window, and manage appointment status — Pending, Approved, Canceled, Rejected, Completed — from one clear screen.
Fitness Trainers & Gyms 
Set your available days and hours, block out personal-training sessions per staff member, and let members self-book 24/7 without picking up the phone.
Tutors & Educators 
Create sessions as services, set their duration and price, and let students pick the slot that works for them. The form works equally well on desktop, tablet, and mobile.
Any Service-Based Business 
If your business runs on scheduled appointments, Patro Appointment Booking gives you the tools to automate bookings, reduce no-shows through email confirmations, and grow without adding admin overhead.
A free booking system gives your business the freedom to grow 📈
No more missed bookings — automatic confirmation emails keep customers informed. 
Your calendar, your rules — block dates, close weekdays, and set how far ahead clients can book. 
Mobile-first — the booking form looks great and converts on every screen size. 
Developer-friendly — REST API plus WordPress action and filter hooks for add-ons.
<h3>Patro Appointment Booking Free Features</h3>
Beautiful Multi-Step Booking Form
<ul>
<li>React-powered booking flow: Services → Date & Time → Your Details → Review → Confirmation</li>
<li>Step-by-step sidebar navigator with active-state indicators and icon-headed panels</li>
<li>Collapsible sidebar for a distraction-free experience on smaller screens</li>
<li>Radio-style service cards with duration pills for instant clarity</li>
<li>Real-time calendar with blocked-date and closed-weekday enforcement</li>
<li>Fully responsive — sidebar collapses to a top bar on mobile, single-column on small screens</li>
</ul>
Services & Staff Management
<ul>
<li>Create unlimited services with name, duration, and price</li>
<li>Organise services into categories for easier browsing</li>
<li>Add staff members and assign them to one or more services</li>
<li>Optional staff-selection step in the booking flow — let customers choose who they book with</li>
</ul>
Bookings Dashboard
<ul>
<li>Central bookings screen with per-booking status management (Pending, Approved, Canceled, Rejected, Completed) plus search and date filtering</li>
<li>Update any booking status in one click</li>
<li>Full customer details stored per booking for easy reference</li>
<li>Automatic confirmation email to the customer on every new booking</li>
<li>Instant admin notification email so you never miss a reservation</li>
</ul>
Flexible Settings
<ul>
<li>Set your booking window — control how many days ahead customers can schedule</li>
<li>Block individual dates using the built-in date picker</li>
<li>Close recurring weekdays so your calendar reflects your real availability</li>
<li>Customise the thank-you message displayed after a successful booking</li>
<li>Configure admin notification email address and sender name</li>
</ul>
Developer Friendly
<ul>
<li>REST API support</li>
<li>WordPress hooks and filters</li>
<li>Extensible architecture for custom integrations</li>
</ul>
<h3>Patro Appointment Booking Pro *(separate plugin)*</h3>
Unlock powerful premium features with the optional Pro add-on:
<ul>
<li>Email Templates — fully customise customer and admin email HTML to match your brand</li>
<li>Coupons & Discounts — create percentage and fixed-amount coupon codes for promotions</li>
<li>reCAPTCHA — Google reCAPTCHA v2/v3 protection to stop spam bookings</li>
<li>IP Rate Limiting — cap the number of bookings per IP address per day</li>
<li>Role-Based Access — restrict the booking form to logged-in users or specific WordPress roles</li>
<li>Layout Variants — Modern Card, Minimal, Compact, Step-by-Step Wizard, and Split Screen layouts, selectable per block from the Gutenberg inspector panel</li>
</ul>
<h3>5 Easy Steps to Get Started</h3>
<ol>
<li>Install and activate the plugin from Plugins → Add New in your WordPress admin.</li>
<li>Go to Patro Appointment Booking → Services and add at least one service (name, duration, price).</li>
<li>Go to Patro Appointment Booking → Settings and set your booking window, notification email, and any blocked dates.</li>
<li>Open any page or post in the Gutenberg editor, search for Booking Form, and insert the block.</li>
<li>Publish the page — your customers can now book 24/7.</li>
</ol>
<h3>What Makes Patro Appointment Booking Stand Out</h3>
Gutenberg-native — no shortcodes, no iframes. The booking form is a first-class Gutenberg block that works seamlessly with the WordPress editor and any block-based theme.
React-powered, fast-loading — the multi-step form is built with React for smooth, animated step transitions and a snappy user experience with no full-page reloads.
Zero configuration clutter — every setting has a sensible default. You can have a working booking form live in under five minutes.
Extensible by design — REST API endpoints and WordPress action and filter hooks let third-party add-ons build cleanly on top of the free core without hacks.
Transparent booking flow — the collapsible sidebar shows customers exactly where they are in the process at all times, reducing drop-off and improving completion rates.
<h3>Development</h3>
The React admin app, the Gutenberg block, and the frontend booking form are 
compiled from the human-readable source in the <code>resources/</code> directory using 
@wordpress/scripts. The compiled output ships in <code>build/</code>. Both the source and 
the build manifest (<code>package.json</code>) are included in the plugin so the code can 
be inspected and rebuilt.
To build from source:
<ol>
<li><code>npm install</code></li>
<li><code>npm run build</code></li>
</ol>
Source locations:
<ul>
<li><code>resources/admin/</code> — React admin app (compiled to <code>build/admin/</code>)</li>
<li><code>resources/blocks/booking-form/</code> — Gutenberg block (compiled to <code>build/blocks/</code>)</li>
<li><code>resources/frontend/</code> — frontend booking form components</li>
</ul>

Patro Appointment Booking

Let customers book appointments 24/7 via a Gutenberg block — manage services, staff, and bookings from one clean WordPress admin dashboard.

theme funda

Date Picker for Gravity Forms is a simple yet powerful add-on that adds a fully customisable date picker field to your Gravity Forms. Let users select dates easily with a clean calendar UI — no manual typing, no formatting errors, no confusion.
Whether you’re building booking forms, appointment forms, event registration forms, or delivery date forms, this plugin gives you full control over how dates are selected and validated.
🔗 <a href="https://www.codesmade.com/store/date-picker-for-gravity-forms/" rel="nofollow ugc">Pro Version</a> | <a href="https://www.codesmade.com/date-picker-for-gravity-forms-documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://www.codesmade.com/contact-us/" rel="nofollow ugc">Support</a>
<h3>✅ Free Features</h3>
<ul>
<li>Custom Date Format — Set your preferred date format (e.g. yy-mm-dd, dd/mm/yy, mm-dd-yy)</li>
<li>Min Date Control — Set a minimum selectable date (e.g. current date, or X days from today)</li>
<li>Max Date Control — Set a maximum selectable date to limit how far ahead users can book</li>
<li>Responsive Design — Works perfectly on desktop, tablet, and mobile</li>
<li>Easy Integration — Add the date picker field to any Gravity Form in seconds</li>
<li>Theme Compatible — Works with any WordPress theme that supports Gravity Forms</li>
<li>Localization Support — Supports multiple languages and international date formats</li>
<li>Accessibility Ready — Built with accessibility in mind for all users</li>
</ul>
<h3>🔒 Pro Features</h3>
<ul>
<li>Disable Specific Weekdays — Block Sunday, Monday, or any individual day of the week. Perfect for businesses closed on weekends or specific days.</li>
<li>Disable Specific Dates — Block out holidays, unavailable days, or any specific dates or date ranges from the calendar.</li>
<li>Active Dates Only — Restrict the calendar so users can only select from a predefined list of available dates. All other dates are disabled.</li>
<li>Priority Support — Get direct help from the CodesMade development team.</li>
</ul>
🔗 <a href="https://www.codesmade.com/store/date-picker-for-gravity-forms/" rel="nofollow ugc">Upgrade to Pro →</a>
<h3>📅 Perfect For</h3>
<ul>
<li>Appointment booking forms</li>
<li>Event registration forms</li>
<li>Delivery date selection</li>
<li>Hotel and rental booking forms</li>
<li>Service scheduling forms</li>
<li>Any form where users need to select a date</li>
</ul>
<h3>⚙️ How Pro Date Settings Work</h3>
Disable Week Days — Check the days you want to block. For example, check Saturday and Sunday to only allow weekday bookings.
Disable Dates — Enter specific dates or date ranges to block out. Format: <code>2026-03-04|2026-03-10</code>. Separate multiple entries with a pipe <code>|</code> character.
Active Dates — Enter only the dates that should be selectable. All other dates will be disabled. Format: <code>2026-03-04|2026-03-10</code>.
Min Date — Choose Current Date or set a custom number of days from today. Prevents users from selecting past dates.
Max Date — Choose Current Date or set a custom number of days ahead. Prevents bookings too far into the future.
<h3>🔌 Works With</h3>
<ul>
<li>Gravity Forms 2.0 and higher</li>
<li>All major WordPress themes</li>
<li>All major browsers — Chrome, Firefox, Safari, Edge</li>
</ul>
<h3>More Plugins by CodesMade</h3>
<ul>
<li><a href="https://wordpress.org/plugins/date-picker-for-contact-form-7/" rel="ugc">Date Picker For Contact Form 7</a> — Date picker add-on for Contact Form 7</li>
<li><a href="https://wordpress.org/plugins/autocomplete-location-field-contact-form-7/" rel="ugc">Autocomplete Location Field Contact Form 7</a> — Google Places location autocomplete for CF7</li>
<li><a href="https://wordpress.org/plugins/map-field-for-contact-form-7/" rel="ugc">Map Field For Contact Form 7</a> — Interactive map field for Contact Form 7</li>
<li><a href="https://wordpress.org/plugins/pixel-manager-for-contact-form-7/" rel="ugc">Pixel Manager for Contact Form 7</a> — Add tracking pixels to CF7 forms</li>
<li><a href="https://wordpress.org/plugins/digital-signature-for-wpforms/" rel="ugc">Digital Signature for WPForms</a> — Electronic signature field for WPForms</li>
<li><a href="https://wordpress.org/plugins/auto-complete-address-checkout-for-woocommerce/" rel="ugc">AutoComplete Address Checkout For WooCommerce</a> — Google Places address autocomplete for WooCommerce checkout</li>
</ul>

Date Picker for Gravity Forms

Add a date picker field to Gravity Forms. Set custom date formats, min/max date ranges and more. Upgrade to Pro to disable weekdays, specific dates an …

Patro Appointment Booking vs Date Picker for Gravity Forms