<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>

<p><strong class="font-bold">Hotel Booking</strong> is a <strong class="font-bold">complete hotel booking solution</strong> for hotels, motels, homestays, and rental properties. Built on <strong class="font-bold">WooCommerce</strong>, it ensures secure payments, plugin compatibility, and a user-friendly interface.</p>
<p>With <strong class="font-bold">Hotel Booking</strong>, you can easily manage the <strong class="font-bold">entire reservation process from start to finish</strong>. Guests can check availability, book rooms, and pay securely, while the admin gain access to advanced settings that simplify daily operations.</p>
<p>Key features include:</p>
<ul>
<li><strong class="font-bold">Flexible booking rules</strong> to control reservations based on seasons, dates, or custom policies.</li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Offers and discounts</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> to attract more guests and increase occupancy rates.</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Guest type settings</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> that let you apply different pricing rules for adults, children, or groups.</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">11 custom checkout fields types</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> to capture every guest detail you need</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Smart Occupancy Management</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> to maximize revenue and avoid overbooking</span></li>
</ul>
<p>By combining ease of use with advanced hotel-focused features, <strong class="font-bold">Hotel Booking</strong> becomes an <strong class="font-bold">all-in-one solution for hospitality businesses</strong>. Whether you manage a single property or multiple rentals, <strong class="font-bold">Hotel Booking </strong>helps you streamline operations, reduce manual work, and deliver a smoother booking experience to your guests.</p>
<h3>1. Daily Pricing & Seasonal Pricing</h3>
<ul>
<li><strong class="font-bold">Daily Pricing</strong>: Define specific prices for each day of the week. For example, set higher rates on weekends and lower rates at the start of the week for a flexible weekly plan.</li>
<li><strong class="font-bold">Seasonal pricing</strong>: Customize weekday rates for each season. Set premium rates for peak seasons and lower rates during off-peak periods to maximize occupancy.</li>
</ul>
<p><img class="alignnone wp-image-18734006120758 size-full" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb1.png" alt="" width="987" height="863" /></p>
<div class="flex min-w-0 flex-1 flex-col space-y-2">
<h3 class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start">2. Discounts for Extended Stays</h3>
<p>Define different price levels depending on how long guests stay. For example, stays of <strong class="font-bold">3–5 nights</strong> could be set at <strong class="font-bold">$50/night</strong>, while <strong class="font-bold">6–10 nights</strong> could be discounted further.</p>
<p><img class="alignnone size-full wp-image-18734006120761" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb2.png" alt="" width="980" height="293" /></p>
<h3>3. Guest Type for Accurate Data</h3>
<p class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start">Create and define multiple guest types effortlessly like <strong class="font-bold">Adults (18–60 years old)</strong>. Collect the right information for every guest type, apply extra service prices tailored for each guest type , and provide a smooth, personalized booking experience.</p>
<p><img class="alignnone wp-image-18734006120780 size-full" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb4.png" alt="" width="1730" height="1005" /></p>
<h3>4. Occupancy Under Your Control</h3>
<p>Control occupancy with flexible guest limits and extra guest pricing to boost revenue and prevent overbooking.</p>
<p><img class="alignnone size-full wp-image-18734006128642" src="https://woocommerce.com/wp-content/uploads/2025/11/g1.png" alt="" width="696" height="694" /></p>
<h3>5. Advanced Booking Rules</h3>
<div class="flex min-w-0 flex-1 flex-col space-y-2">
<ul>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold">Minimum Advance Booking: </strong>Set how many days in advance guests can book to prevent last-minute bookings</li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Maximum Advance Booking: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Limit how far ahead guests can book to simplify operations</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Minimum Stay Duration: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Encourage longer stays to maximize earnings</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Maximum Stay Duration: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Set maximum nights to keep availability open</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Weekday Restrictions: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Block bookings on specific weekdays to match your business schedule</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Override Weekday Restrictions: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Allow customers to select a date range that includes disabled dates.</span></li>
</ul>
<p><img class="alignnone size-full wp-image-18734006128643" src="https://woocommerce.com/wp-content/uploads/2025/11/g2.png" alt="" width="695" height="605" /></p>
</div>
<h3 class="before:font-var before:content-(--pseudoBefore--content)">6. Check-in & Check-out Control</h3>
<p>Set your default check-in and check-out times to ensure smooth guest transitions and effortless schedule management</p>
<p><img class="alignnone size-full wp-image-18734006120864" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb5.png" alt="" width="980" height="621" /></p>
<h3>7. Service Add-ons</h3>
<p>Boost your revenue by offering <strong class="font-bold">additional services</strong> alongside bookings. From airport transfers and breakfasts to spa packages, you can upsell any service with ease. Define <strong class="font-bold">custom pricing for each guest type </strong>(e.g., For breakfast: adults $2/meal, children $1 /meal, or infants is free), ensure fair charges and maximizing profits.</p>
<p><img class="alignnone size-full wp-image-18734006120872" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb6.png" alt="" width="980" height="643" /></p>
<h3><strong class="font-bold">8. Availability Control by Allowed & Blocked Date</strong></h3>
<p>By setting clear rules, you’ll avoid unwanted reservations, reduce cancellations, and deliver a smoother experience for both you and your guests.</p>
<ul>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Allowed Dates</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> – The exact days customers are permitted to book</span></li>
<li><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Blocked Dates</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> – The specific days you do </span><i class="font-italic" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">not</i><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"> want to receive bookings</span></li>
</ul>
<p><img class="alignnone size-full wp-image-18734006120877" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb7.png" alt="" width="980" height="400" /></p>
<h3>9. Secure Bookings with Flexible Payments</h3>
<ul>
<li><strong class="font-bold">Deposit</strong>: Let your guests book with confidence: pay the full amount upfront or secure their stay with a flexible deposit. Protect your business from cancellations while offering customers more convenience.</li>
<li><strong class="font-bold">Remaining Balance</strong>: Automate your payment process. Once the deposit is made, the system sends an email with the remaining invoice and an online payment link for hassle-free completion.</li>
</ul>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-1-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\/11\/dep1.png?w=698","id":"18734006120906","title":"dep1","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/11\/dep2.png?w=980","id":"18734006120907","title":"dep2","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2025\/11\/dep3.png?w=980","id":"18734006120908","title":"dep3","alt":"","caption":"","itemprop":"image"}]"></div>
<h3>10. Personalized checkout fields</h3>
<p>The plugin provides 11 custom field types (e.g., text, checkbox, select, file upload, tel, and email) for both booking and request forms, enabling you to collect exact guest information with ease.</p>
<p><img class="alignnone wp-image-18734006120922 size-full" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb8.png" alt="" width="980" height="792" /></p>
</div>
<h3>11. Smart Calendar Control</h3>
<div class="flex min-w-0 flex-1 flex-col space-y-2">
<ul>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold">Front-end Calendar: </strong>Enable guests to choose dates and view availability instantly</li>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Back-end Calendar: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Simplify your workflow with clear date management tools for admins.</span></li>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Booking Calendar: </strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Manage and filter bookings directly from the calendar</span></li>
</ul>
<p><img class="alignnone size-full wp-image-18734006120931" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb9.png" alt="" width="980" height="495" /></p>
<h3>12. Instant & Request Booking</h3>
<p>Offer <strong class="font-bold">instant booking and request forms</strong> to fit your business model, an instant booking form for quick reservations and a request form for approval-based bookings.</p>
<p><img class="alignnone size-full wp-image-18734006120944" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb10.png" alt="" width="980" height="1414" /></p>
</div>
<div class="flex min-w-0 flex-1 flex-col space-y-2">
<h3>13. Automated Alerts for Guests and Admins</h3>
<div>
<div class="flex min-w-0 flex-1 flex-col space-y-2">
<ul>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold">Automatic Email Reminders</strong>: Remind clients of upcoming check-ins with timely notification email, help to reduce no-shows and keep schedules on track.</li>
<li class="page-width-wide:mx-0 w-full decoration-primary/6 max-w-3xl print:break-inside-avoid min-h-lh [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start"><strong class="font-bold" style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Cancellation Alerts for Admin</strong><span style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">: Get instant emails when a booking is canceled so you can react fast and refill availability.</span></li>
</ul>
<p><img class="alignnone size-full wp-image-18734006120946" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb12.png" alt="" width="980" height="717" /></p>
<h3>14. Cancellation Rules for Bookings</h3>
</div>
</div>
<ul>
<li>Allow setting the minimum time required before a cancellation to prevent last-minute cancellations</li>
<li>Define a limit to accept cancellations to protect your business from losing revenue on large or high-value bookings</li>
</ul>
<p><img class="alignnone wp-image-18734006120945 size-full" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb11.png" alt="" width="1351" height="1115" /></p>
<h3>15. Manual Booking Creation</h3>
<p>Perfect for handling phone, email, or in-person reservations. This ensures all bookings are recorded in one place. With this feature of Ovahb, you can quickly add repeat customers with auto-filled details.</p>
<p><img class="alignnone wp-image-18734006120961 size-full" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb14.png" alt="" width="1612" height="1329" /></p>
<h3>16. Secure Every Booking with reCAPTCHA</h3>
<p>Protect your booking and request forms from spam with smart reCAPTCHA. This ensures every booking and request comes from real users.</p>
<p><img class="alignnone size-full wp-image-18734006120964" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb15.png" alt="" width="632" height="959" /></p>
</div>
<h3>17. Booking Details at a Glance</h3>
<p>In the cart and checkout process, from guest info to extra services and totals with taxes, customers see exactly what they’re paying for before confirming.\</p>
<p><img class="alignnone size-full wp-image-18734006120969" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb16.png" alt="" width="980" height="357" /></p>
<h3>18. Booking Management System</h3>
<p>Manage all online and offline bookings in one intuitive dashboard effortlessly. Edit booking details instantly in a popup and filter by customer, product, date, or status to find exactly what you need in seconds.</p>
<p><img class="alignnone size-full wp-image-18734006120973" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb18.png" alt="" width="980" height="277" /></p>
<h3>19. Brand Style Customization</h3>
<p>Customize your website’s look and feel by adjusting colors, font sizes, weights, and heights for headings, text, borders, buttons, and labels.</p>
<p><img class="alignnone size-full wp-image-18734006120975" src="https://woocommerce.com/wp-content/uploads/2025/11/ovahb19.png" alt="" width="980" height="720" /></p>
<h3>20. Create a sandbox</h3>
<p>Try our plugin in a free sandbox — explore all features and see how it works for your business, risk-free. Click <a href="https://ovahb.ovathemewp.com/create-a-sandbox/" target="_blank" rel="noopener">here</a> to create a sandbox.</p>
<p><img class="alignnone wp-image-18734005671802 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/create_a_sandbox-1.png" alt="" width="1400" height="212" /></p>

Hotel Booking

<p>Advanced booking system for hotels, motels, homestays, and rental properties with flexible room, pricing, and guest management.</p>

Elementor Connector for WooCommerce Bookings vs Hotel Booking