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.

MotoPress

This is an extension to the MotoPress <a href="https://motopress.com/products/hotel-booking/?utm_source=wp-org&utm_medium=textlink&utm_campaign=mphb-styles" rel="nofollow ugc">WordPress Booking plugin</a> for hotels.
It provides you with a bundle of ready-made CSS classes for customizing the property search form, booking forms, and other Hotel Booking shortcodes/blocks. It also allows you to give a preferred look to individual accommodation pages via a user-friendly customizer.
The Hotel Booking styles addon will help you revamp and enhance your hotel website design with the required style adjustment.
The add-on also works for the <a href="https://wordpress.org/plugins/motopress-hotel-booking-lite/" rel="ugc">free Hotel Booking plugin</a> version.
<h3>How to work with styles</h3>
With the Hotel Booking Styles addon, it’s super easy to take the customization of the WordPress hotel booking plugin further and apply the following changes to your forms:
<ul>
<li>Make the property search form horizontal.</li>
<li>Remove field labels.</li>
<li>Remove paddings between the form fields.</li>
<li>Hide the “Required fields are followed by *” indication.</li>
<li>Apply an automatic form width adjustment (using a wrapper).</li>
<li>Stretch the button in the property search form or widget to adjust it to the width of your website container.</li>
<li>Set custom width for the form fields.</li>
</ul>
You don’t need any technical background to modify the styles, just copy and paste them to the needed blocks or shortcodes!
The focus of our roadmap is to add more styles and make this plugin even handier by transforming the way you add styles into a more user-friendly settings panel.
How to use the Hotel Booking Styles plugin:
The MotoPress Hotel Booking plugin must be installed and activated.
<ol>
<li>Install and activate the Hotel Booking Styles addon.</li>
<li>Go to Accommodation > Settings > Extensions > Styles tab.</li>
<li>You’ll see the list of available classes you can apply. Each class comes with a list of applicable Hotel Booking shortcodes.</li>
<li>Add a Hotel Booking block/shortcode to the page:</li>
<li>If you use shortcodes, copy the class and paste it into the shortcode. Example: 
[mphb_availability_search class=”is-style-horizontal-form”]</li>
<li>If you use Gutenberg blocks, add a Hotel Booking block to the page, then go to the right-hand block settings panel > Advanced > paste the class. Use spaces to add several classes.</li>
</ol>
<h3>How to work with templates</h3>
You can also create custom templates for the accommodation type pages, which will allow you to change the default look of the individual accommodation listings. For example, you can change the order of the accommodation details, turn an image gallery into a slider, choose which extra attributes to show, and do even more tweaks via a user-friendly interface.
<ol>
<li>To add a new template, go to Accommodation > Templates > Add New > Give it a name.</li>
<li>Click on every block to see its customization panel from the right and make the needed edits. You can optionally change the order of the blocks or even delete unneeded ones.</li>
<li>Once you customized and saved your template, go to Accommodation types > select the one you want to apply a new look to > choose the needed one from the Template selector > save the changes.</li>
</ol>
If you are looking for a WordPress hotel template powered by the Hotel Booking plugin, complete with custom design and perfectly tailored styling, explore our collection of <a href="https://motopress.com/products/category/hotel-rental-wordpress-themes/?utm_source=wp-org&utm_medium=textlink&utm_campaign=mphb-styles" rel="nofollow ugc">rental property WordPress themes</a> and <a href="https://motopress.com/products/category/wordpress-booking-plugins/?utm_source=wp-org&utm_medium=textlink&utm_campaign=mphb-styles" rel="nofollow ugc">WordPress Booking Plugins</a>.
<h3>Copyright</h3>
MotoPress Hotel Booking Styles & Templates, Copyright (C) 2020, MotoPress https://motopress.com/ 
MotoPress Hotel Booking Styles & Templates plugin is distributed under the terms of the GNU GPL.

MotoPress Hotel Booking Styles & Templates

A set of tools to easily customize and style the booking forms, widgets, and accommodation type pages for the MotoPress Hotel Booking plugin.

Patro Appointment Booking vs MotoPress Hotel Booking Styles & Templates