<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>Adds a new “Accommodation” option to the WooCommerce Bookings extension</li>
<li>Adds check-in and check-out times</li>
<li>Allows the booking duration to be specified as “number of nights”</li>
<li>Adds an “override price” feature that automatically enables special rates (i.e., weekend or holiday rates)</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2 class="p1"><span class="s1">Add accommodations to your site with this add-on for WooCommerce Bookings</span></h2>
<p>Managing accommodations in the hospitality industry can be tricky business. You need a solution that will not only simplify tracking of overnight and long-term bookings, but also allow your guests to book online with ease.</p>
<p>The Accommodation add-on for <a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> is what you need to get this done, and all without any headaches. By adding a new “Accommodation” option, your guests now have the ability to quickly book overnight stays in a few clicks. And with fine-tuned control over check-in/check-out times and special room rates, you never feel out of touch with what’s going on at your location.</p>
<h3>Works with WooCommerce Bookings</h3>
<p>Accommodation Bookings is a free add-on for <a href="https://woocommerce.com/products/woocommerce-bookings/">the WooCommerce Bookings extension</a>. <strong>WooCommerce Bookings is required for Accommodation Bookings to work.</strong></p>
<h3>How to Get Started</h3>
<ol>
<li>Purchase and install the <a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> extension.</li>
<li>Download this free add-on.</li>
<li>Install the add-on in your WooCommerce store.</li>
<li>Add a new product with the “Accommodation” product type.</li>
<li>Set the booking price and check-in/check-out times.</li>
</ol>

WooCommerce Accommodation Bookings

<p>Book accommodation using WooCommerce and the WooCommerce Bookings extension.</p>

Elementor Connector for WooCommerce Bookings vs WooCommerce Accommodation Bookings