<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>Travel Tour Booking Plugin offers an “all-in-one” solution for tour operators, travel agencies, travel package sellers, transportation ticket providers, and accommodation businesses such as hotels and resorts. It enables a seamless booking experience, allowing customers to book tours directly on your website and simplifying booking management for administrators.</p>
<p>As an extension of WooCommerce, this plugin inherits all the powerful features of WooCommerce while introducing advanced capabilities tailored specifically for tour operators and travel agencies.</p>
<h3>1. Choose one of 3 tour types to fit your requirement</h3>
<p>Support 3 most popular tour types:</p>
<ul>
<li><strong>Multiple-day tours</strong>: Set tour durations for a tour</li>
<li><strong>One-day tours</strong>: For each time slot in a single day, you can set different tour prices based on customer type. Additionally, during special time periods such as holidays or seasons, you can adjust the tour price in a day, either lower or higher, for each customer type in each time slot.</li>
<li><strong>Specific date ranges</strong>: Create tours with fixed time periods.</li>
</ul>
<p>Especially, you can offer different prices for individuals in each tour type like price for adults, children, babies</p>
<p><img class="alignnone wp-image-18734004681808 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/12/tour-types-3.png?w=896" alt="" width="896" height="909" /></p>
<p> </p>
<h3>2. Offer pricings for groups or seasons</h3>
<p>Create lower prices for different groups or higher prices for the peak seasons. This feature allows you to customize pricing any way you want</p>
<p><img class="alignnone size-medium wp-image-18734004681820" src="https://woocommerce.com/wp-content/uploads/2024/12/discount.png?w=896" alt="" width="896" height="664" /></p>
<h3>3. Add Unlimited Guests</h3>
<p>Add different customer types like adults, children, and youths. Besides, you can add prices for these customer types.</p>
<p><img class="alignnone wp-image-18734004681840 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/12/discount_7eeff7.png?w=896" alt="" width="896" height="664" /></p>
<h3>4. Configure Private Settings and Common Settings</h3>
<p>These are advanced features that help settings more conveniently: you can configure common settings that are applied for all tours and configure specific settings that are only used for a single tour.</p>
<p><img class="alignnone wp-image-18734004681838 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/12/local-settings-1.png?w=723" alt="" width="723" height="448" /></p>
<h3>5. Create Extra Services</h3>
<p>Add unlimited payable extra services. This enables travelers to customize their experience according to their preferences and needs.</p>
<p><img class="alignnone size-medium wp-image-18734004681845" src="https://woocommerce.com/wp-content/uploads/2024/12/extra-service.png?w=896" alt="" width="896" height="674" /></p>
<h3>6. Set Custom Checkout Fields</h3>
<p>Add unlimited fields for the booking form and the enquiry form. This will help you collect more specific information from customers during the checkout process.</p>
<p><img class="alignnone size-medium wp-image-18734004681849" src="https://woocommerce.com/wp-content/uploads/2024/12/custom-checkout-field.png?w=896" alt="" width="896" height="311" /></p>
<h3>7. Manually Create Bookings</h3>
<p>Administrators can create orders manually for customers who book via phone, email, messages, or at the office.</p>
<p><img class="alignnone size-medium wp-image-18734004681858" src="https://woocommerce.com/wp-content/uploads/2024/12/create-manually-booking.png?w=896" alt="" width="896" height="804" /></p>
<h3>8. Set a Deposit</h3>
<p>This feature allows customers to choose to make a full payment or pay a deposit.</p>
<p><img class="alignnone size-medium wp-image-18734004681861" src="https://woocommerce.com/wp-content/uploads/2024/12/deposit.png?w=576" alt="" width="576" height="205" /></p>
<h3>9. Add Booking Rules</h3>
<p>Set minimum number and maximum number of participants required within different customer types for a tour.</p>
<p><img class="alignnone size-medium wp-image-18734004681867" src="https://woocommerce.com/wp-content/uploads/2024/12/set-guests.png?w=631" alt="" width="631" height="290" /></p>
<h3>10. Add Allowed dates and disabled dates</h3>
<p><strong>Allowed dates</strong>: Set time periods that are available to select for a booking.<br />
<strong>Disabled dates</strong>: Set time periods that are not permitted for selection.</p>
<p><img class="alignnone size-medium wp-image-18734004681868" src="https://woocommerce.com/wp-content/uploads/2024/12/allowed-dates.png?w=896" alt="" width="896" height="415" /></p>
<h3>11. Send reminder</h3>
<p>Remind clients about their appointments with handy notification emails when the check-in date is upcoming. Send an automatic email to inform the Admin about customer booking cancellations.</p>
<p><img class="alignnone size-medium wp-image-18734004681870" src="https://woocommerce.com/wp-content/uploads/2024/12/reminder.png?w=896" alt="" width="896" height="305" /></p>
<h3>12. Set Cancellation Policy</h3>
<p>Establish a set of cancellation rules and conditions including minimum time required before canceling and cancellations for orders under a specified value</p>
<p><img class="alignnone size-medium wp-image-18734004681871" src="https://woocommerce.com/wp-content/uploads/2024/12/cancel.png?w=671" alt="" width="671" height="319" /></p>
<h3>13. Use the Calendar</h3>
<p>Front-end Calendar: Helps customers select check-in dates and view unavailable dates for a better booking experience.<br />
Back-end Calendar: Streamlines date-related settings for administrators.</p>
<p><img class="alignnone size-medium wp-image-18734004681875" src="https://woocommerce.com/wp-content/uploads/2024/12/calendar.png?w=750" alt="" width="750" height="545" /></p>
<h3>14. Add Number of Preparation days</h3>
<p>Set a preparation interval between bookings to ensure adequate time for planning and execution.</p>
<p><img class="alignnone size-medium wp-image-18734004681879" src="https://woocommerce.com/wp-content/uploads/2024/12/prepair.png?w=581" alt="" width="581" height="243" /></p>
<h3>15. Create reCAPTCHA</h3>
<p>reCAPTCHA is a free security service provided by Google that protects websites from spam and abuse by verifying whether a user is human or a bot. You can create reCAPTCHA for the booking form and the enquiry form.</p>
<p><img class="alignnone size-medium wp-image-18734004681881" src="https://woocommerce.com/wp-content/uploads/2024/12/recaptcha_a00a0e.png?w=571" alt="" width="571" height="330" /></p>
<h3>16. Set Typography and Color</h3>
<p>Allow the Admin to set colors, font size, weight and height for heading, text, borders, buttons and labels.</p>
<p><img class="alignnone size-medium wp-image-18734004681882" src="https://woocommerce.com/wp-content/uploads/2024/12/typo.png?w=685" alt="" width="685" height="650" /></p>
<h3>17. Display order details in the cart and checkout process</h3>
<p>Show all information that customers filled in the booking form, price for extra services they chose, subtotal and total that includes taxes in the cart and checkout process.</p>
<p><img class="alignnone size-medium wp-image-18734004681884" src="https://woocommerce.com/wp-content/uploads/2024/12/cart_8e9b1b.png?w=779" alt="" width="779" height="365" /></p>
<h3>18. Show Maximum Number of Guests in Booking Form</h3>
<p>If a customer books more than maximum number of guests for a tour, the plugin will prevent them from booking.</p>
<p><img class="alignnone size-medium wp-image-18734004681887" src="https://woocommerce.com/wp-content/uploads/2024/12/stock.png?w=580" alt="" width="580" height="201" /></p>
<h3>19. Search for Bookings</h3>
<p>Admin can use the filter bar to quickly find specific bookings from a list using various search criteria: Order ID, customer email and customer name, product name, check-in date and check-out date, Order Statuses, Deposit Statuses</p>
<p><img class="alignnone size-medium wp-image-18734004681893" src="https://woocommerce.com/wp-content/uploads/2024/12/search.png?w=896" alt="" width="896" height="365" /></p>
<p> </p>
<h3>20. Collect customer information in bookings</h3>
<p>Admin can use this feature to collect information for each individual customer when customers make a booking ( ex: information about name, age, phone … )</p>
<p><img class="alignnone size-medium wp-image-18734004791279" src="https://woocommerce.com/wp-content/uploads/2024/12/collection.png?w=610" alt="" width="610" height="949" /></p>
<h3>21. Edit Bookings</h3>
<p>Owners can edit information of a booking in backend: edit check-in date & check-out date and number of guests.</p>
<p><img class="alignnone wp-image-18734005671806 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/12/new.png?w=896" alt="" width="896" height="651" /></p>
<h3>22. 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://wootour.ovathemewp.com/create-sandbox/" target="_blank" rel="noopener">here</a> to create a sandbox.</p>
<p><a href="https://wootour.ovathemewp.com/create-sandbox/"><img class="alignnone wp-image-18734005671802 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/12/create_a_sandbox-1.png?w=896" alt="" width="896" height="136" /></a></p>

Travel Tour Booking

<p>Designed for tour operators and travel agencies with flexible guest pricing, seasonal rates, deposits, and booking calendar management.</p>

Elementor Connector for WooCommerce Bookings vs Travel Tour Booking