<h2>Design Exceptional Product Pages for WooCommerce Bookings</h2>
<h2>Create unique layouts for your bookable products</h2>
<p>Ever wished you could let your creative side go wild and design the best-looking bookable product pages in <a href="https://woocommerce.com/products/woocommerce-bookings/" target="_blank" rel="noopener">WooCommerce Booking</a> and <a href="https://elementor.com" target="_blank" rel="noopener">Elementor</a>? Your booking calendar should match the great looks and feel of the rest of your website.  Use <strong>Elementor Connector for WooCommerce Bookings </strong>to create a matching booking calendar.</p>
<p>With Elementor Connector, you have full control of bookable single product-page designs with a dedicated Elementor widget. This booking-form widget allows you to take your booking page designs to the next level with specific controls for colors, backgrounds, layouts, paddings and margins, fonts, and borders.</p>
<div class="wp-block-coblocks-alert woo-sc-box info" aria-label="Alert section">
<p class="wp-block-coblocks-alert__text"><strong>Note:</strong> This plugin also forms part of the <a href="https://woocommerce.com/products/elementor-connector/">Elementor Connector bundle</a>, which includes the WooCommerce Bookings widgets and many more → <strong>All for the same price!</strong></p>
</div>
<h3>Features</h3>
<p><strong>Custom layouts for bookable product pages</strong></p>
<p><img class="alignnone wp-image-7281871 size-full" src="https://woocommerce.com/wp-content/uploads/2021/01/elementor-connector-for-woocommerce-bookings-editor-1.png" alt="An example of designing the calendar section of WooCommerce Bookings on the single product page" width="3518" height="1822" /></p>
<p><strong>Advanced options to design & style every part of the booking calendar</strong></p>
<p><img class="alignnone wp-image-7282096 size-full" src="https://woocommerce.com/wp-content/uploads/2021/01/elementor-connector-for-woocommerce-bookings-sc3.png" alt="An example of styling the calendar header and available dates in WooCommerce Bookings" width="980" height="505" /></p>
<h3>Why use Elementor Connector?</h3>
<ul>
<li>Store owners can change the layout and design of a single product page</li>
<li>Faster setup time—no more struggling with custom CSS and PHP or searching for compatible themes</li>
<li>Merges the functionality of two powerhouse-plugins: Elementor and WooCommerce Bookings</li>
<li>Easy drag and drop interface to move the calendar section to an area of your choice</li>
<li>Pre-designed templates for a professional touch</li>
<li>Far more control over WooCommerce Bookings designs—ensures a consistent brand and flow with the rest of the theme</li>
</ul>
<hr />
<h3>Requirements</h3>
<ul class="requirements">
<li>The latest version of <strong>Elementor</strong></li>
<li>The latest version of <a href="https://elementor.com/pro/" target="_blank" rel="noopener">Elementor Pro</a> (Only needed if changing the single product page template)</li>
<li>The latest version of <a href="https://woocommerce.com/products/woocommerce-bookings/" target="_blank" rel="noopener">WooCommerce Bookings</a></li>
<li>PHP 5.6+ is required</li>
</ul>
<p><a class="docs-link" style="color: #674399 !important" href="https://woocommerce.com/document/elementor-connector-for-woocommerce-bookings">View documentation for more info</a></p>
<h3>How to get started</h3>
<p>Ready to configure Elementor Connector for WooCommerce Bookings for your bookable products? Here’s how to get started.</p>
<ol>
<li>Download and install Elementor Connector in your WooCommerce store.</li>
<li>Navigate to <strong>Templates > Theme Builder > Your Single Product Template</strong> and drag the <strong>WC Bookings Form</strong> widget to an area of your choice.</li>
<li>Check out our <a href="https://woocommerce.com/document/elementor-connector-for-woocommerce-bookings/">extensive documentation</a> for any advanced setup help.</li>
</ol>
<hr />
<p><em>Need another reason to buy? WPExtend built Elementor Connector for WooCommerce Bookings. WPExtend are experienced, WooCommerce extension developers. Trust them to create high-quality code backed with first-class support.</em></p>

Elementor Connector for WooCommerce Bookings

<p>Connect two of the most powerful plugins in WooCommerce to design the Bookings website you’ve always dreamed of!</p>

<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><span style="font-weight: 400">Easy booking process for appointments, rentals, or accommodations.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow users to book for months, days, hours, or minutes.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Flexible booking with predefined or custom time slots.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Simple and fast booking option for quicker reservations</span><b>.</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set schedules with custom time durations and slot control.</span></li>
<li><span style="font-weight: 400">Set price per time slot with flexible duration options.</span><b> (New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Offer add-on services like cleaning, Wi-Fi, or meals with pricing</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Dynamic pricing for adults, children, or other person types.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display your location with Google Maps integration.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set custom pricing based on the number of persons or room types.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable multiple room bookings in one checkout.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add break/buffer time between appointments for better scheduling. </span><b>(New)</b></li>
<li><span style="font-weight: 400">Manage staff availability for appointments. </span><b>(New)</b></li>
<li><span style="font-weight: 400">Disable bookings and appointments on selected off days. </span><b>(New)</b></li>
<li><span style="font-weight: 400">Reschedule the booking and appointment. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Automated email notifications for booking and appointment confirmations.</span></li>
<li><span style="font-weight: 400">Track and manage reservations with an interactive calendar.</span></li>
<li><span style="font-weight: 400">Compatible with WPML for multilingual bookings.</span></li>
</ul>
<p><span style="font-weight: 400">This booking & appointment plugin for WooCommerce allows you to easily manage booking, appointments, and reservations. It is perfect for businesses offering services, rentals, classes, or accommodations that require scheduled bookings.</span></p>
<p><span style="font-weight: 400">Set up daily or hourly bookings and easily manage appointments for any type of service. Whether you run a hotel, restaurant, or car rental service, you can keep your booking calendar organized and efficient.</span></p>
<p><span style="font-weight: 400">Appointment booking WooCommerce lets your customers select their preferred booking duration and add optional services. It offers dynamic pricing for different person types or room categories, sends automated emails to keep customers informed, and includes Google Maps integration for easy navigation.</span></p>
<p><span style="font-weight: 400">This plugin offers three flexible options to suit different business needs, making it easy to manage reservations and appointments.</span></p>
<ul>
<li><b><a href="#advancebooking">Advance Booking</a><br />
</b>Allow customers to book in advance for rentals, services, or accommodations.</li>
<li><b><a href="#simplebooking">Simple Booking</a><br />
</b>Enable quick and straightforward bookings without the need for complex scheduling.</li>
<li><b><a href="#appointments">Appointments</a><br />
</b>Manage detailed appointments with time slots, staff assignments, and custom durations.</li>
</ul>
<div id="advancebooking">
<h2><b>Advance Booking</b></h2>
</div>
<h3><b>Flexible Booking Options</b></h3>
<p><span style="font-weight: 400">Offer both predefined and custom time slots to cater to different customer needs. This improves the overall booking experience while keeping your business operations efficient.</span></p>
<ul>
<li><b>Predefined Time Slots<br />
</b>Set fixed booking times for your services, rentals, or appointments to keep your schedule organized. This ensures smooth operations and helps manage your business efficiently.</li>
</ul>
<ul>
<li><b>Custom Time Slots<br />
</b>Let customers select their preferred booking duration based on availability. This adds flexibility, making the booking process easy and convenient for your customers.</li>
</ul>
<p><img class="size-medium wp-image-18734006336766 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Flexible-Booking-Options-in-Advance-Booking.png?w=896" alt="Flexible Booking Options in Advance Booking" width="896" height="392" /></p>
<h3><b>Booking by Person: Set Person Types</b></h3>
<p><span style="font-weight: 400">Create bookings based on the number and type of persons, such as adults, children, or any custom category. You can set separate pricing for each person type, ensuring accurate per-person charges and flexible rates.</span></p>
<p><img class="size-medium wp-image-18734006336767 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Booking-by-Person-Set-Person-Types.png?w=896" alt="Booking by Person: Set Person Types" width="896" height="493" /></p>
<h3><b>Booking by Rooms</b></h3>
<p><span style="font-weight: 400">Allow customers to book one or multiple rooms based on their needs. You can set the minimum and maximum number of rooms per booking and define the price per room, giving you full control over availability.</span></p>
<p><img class="size-medium wp-image-18734006336769 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Booking-by-Rooms.png?w=896" alt="Booking by Rooms" width="896" height="426" /></p>
<h3><b>Provide Services Free or with Fee</b></h3>
<p><span style="font-weight: 400">Add extra services or resources to your bookings and choose to offer them for free or at an additional cost. You can include them automatically or let customers select them during booking, such as parking for hotel stays or an extra bed for accommodations.</span></p>
<p><img class="size-medium wp-image-18734006336771 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Provide-Services-Free-or-with-Fee.png?w=896" alt="Provide Services Free or with Fee" width="896" height="573" /></p>
<h3><b>Display Business Location with Google Maps</b></h3>
<p><span style="font-weight: 400">Easily integrate Google Maps with the bookings for WooCommerce to showcase your business location. This feature helps customers quickly find your venue, improving their overall experience and making it easier for them to navigate to your business.</span></p>
<p><img class="size-medium wp-image-18734006336773 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Display-Business-Location-with-Google-Maps.png?w=896" alt="Display Business Location with Google Maps" width="896" height="155" /></p>
<h3><b>Custom Price Ranges</b></h3>
<p><span style="font-weight: 400">Set flexible pricing based on date, month, specific days, number of persons, person types, or number of rooms. This allows you to adjust rates according to demand, season, or booking details. It helps you automatically calculate the correct booking cost and apply the appropriate rate to each reservation.</span></p>
<p><img class="size-medium wp-image-18734006336774 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Custom-Price-Ranges.png?w=896" alt="Custom Price Ranges" width="896" height="376" /></p>
<h3><b>Automated Booking Notifications with Email</b></h3>
<p><span style="font-weight: 400">Keep your customers informed with automated email notifications. The plugin sends instant booking confirmations, reminders, and status updates, ensuring customers are always updated on their reservations. This enhances communication, boosts customer satisfaction, and improves overall service quality.</span></p>
<p><b>Note: Email notifications are supported for both bookings and appointments.</b></p>
<p><img class="size-medium wp-image-18734006336778 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Automated-Booking-Notifications-with-Email.png?w=896" alt="Automated Booking Notifications with Email" width="896" height="424" /></p>
<h3><b>Manage Bookings with an Interactive Calendar</b></h3>
<p><span style="font-weight: 400">Booking for WooCommerce has an interactive booking calendar that allows admins to efficiently track and manage all reservations. With the ability to view both upcoming and past bookings in one location, this feature ensures streamlined booking management and enhances operational efficiency. Stay organized and on top of every reservation, all from an easy-to-use interface.</span></p>
<p><img class="size-medium wp-image-18734006336788 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Manage-Bookings-with-an-Interactive-Calendar.gif?w=896" alt="Manage Bookings with an Interactive Calendar" width="896" height="406" /></p>
<h3><strong>Reschedule Booking and Appointments</strong></h3>
<p>It allows you to reschedule the booking and appointments, enabling you to modify the booking dates or appointment time slots. Automated email notifications are sent to both the customer and admin once a reschedule is confirmed.</p>
<p><img class="size-medium wp-image-18734006501965 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Bookings-and-Appointments-Reschedule.gif?w=896" alt="Bookings and Appointments Reschedule" width="896" height="504" /></p>
<div id="simplebooking">
<h2><b>Simple Booking</b></h2>
</div>
<h3><b>Set Simple Booking With Dates & Times</b></h3>
<p><span style="font-weight: 400">With the simple booking option, the booking plugin for WooCommerce lets customers make quick and easy reservations using either Date Only or Date & Time selection. It includes simple controls for pricing, availability, and daily limits, providing a hassle-free setup for fast booking management.</span></p>
<p><img class="size-medium wp-image-18734006336791 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Set-Simple-Booking-With-Dates-Times.png?w=896" alt="Set Simple Booking With Dates & Times" width="896" height="356" /></p>
<h3><b>Multiple Booking Layout</b></h3>
<p><span style="font-weight: 400">Choose the booking layout of your choice to improve the customer booking experience. You can select from Simple and Accordion layout.</span></p>
<p><b>Note: This option is also available for advanced booking and appointments.</b></p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/02\/Multiple-Bookings-Layout.png","id":"18734006336796","title":"Multiple Bookings Layout","alt":"Multiple Bookings Layout","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/02\/Multiple-Booking-Layout-1.png","id":"18734006336797","title":"Multiple Booking Layout","alt":"Multiple Booking Layout","caption":"","itemprop":"image"}]"></div>
<div id="appointments">
<h2><b>Appointments</b></h2>
</div>
<h3><b>Set Appointment Schedule and Slots</b></h3>
<p><span style="font-weight: 400">Appointments allows you to create an appointment schedule by selecting your working days and setting specific time slots. You can set the weekly schedule with a time duration according to availability.</span></p>
<p><img class="size-medium wp-image-18734006336798 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Set-Appointment-Schedule-and-Slots.png?w=896" alt="Set Appointment Schedule and Slots" width="896" height="704" /></p>
<h3><b>Price Per Slot and duration</b></h3>
<p><span style="font-weight: 400">Set a custom price for each time slot based on your service. You can also define how long each appointment should last, whether it’s 15 minutes or two hours, allowing you to manage time and pricing more effectively.</span></p>
<p><img class="size-medium wp-image-18734006336800 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Price-Per-Slot-and-duration.png?w=896" alt="Price Per Slot and duration" width="896" height="296" /></p>
<h3><b>Add Break Times Between Slots</b></h3>
<p><span style="font-weight: 400">Add breaks between appointment slots to manage your schedule effectively. It helps you prepare, rest, or wrap up before the next booking. This helps you improve the quality of your service.</span></p>
<p><img class="size-medium wp-image-18734006336801 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Add-Break-Times-Between-Slots.png?w=896" alt="Add Break Times Between Slots" width="896" height="254" /></p>
<h3><b>Manage Staff for Appointments (New)</b></h3>
<p><span style="font-weight: 400">Easily manage your team by adding multiple staff members, allowing customers to choose their preferred staff. You can also set individual availability, breaks, and off days for smooth scheduling and a better booking experience.</span></p>
<p><img class="size-medium wp-image-18734006336803 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Manage-Staff-for-Appointments-New-1.png?w=896" alt="Manage Staff for Appointments (New)" width="896" height="580" /></p>
<h3><b>Set Off Days</b></h3>
<p><span style="font-weight: 400">Bookings and Appointments for WooCommerce enable you to mark specific days as unavailable for appointments. Whether it’s a weekend, public holiday, or a day off, you have full control to disable bookings on those dates. This ensures you’re never overbooked and helps manage customer expectations.</span></p>
<p><img class="size-medium wp-image-18734006336804 aligncenter" src="https://woocommerce.com/wp-content/uploads/2025/02/Set-Off-Days.png?w=896" alt="Set Off Days" width="896" height="479" /></p>

Booking and Appointment

<p><span style="font-weight: 400">Simplify WooCommerce bookings with automated scheduling, dynamic pricing, and email alerts to boost efficiency and revenue for hotels, rentals, and service businesses.</span></p>

Elementor Connector for WooCommerce Bookings vs Booking and Appointment