<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>Stachethemes Seat Planner</strong> is a WooCommerce extension for selling <strong>assigned seats</strong> from interactive floor plans – built for theaters, cinemas, event spaces, and venues that want professional seat booking without enterprise stadium ticketing complexity.</p>
<p>Customers pick seats on a live map; WooCommerce handles cart, checkout, coupons, and orders. You manage layouts, pricing, multiple show dates, box-office sales, check-in, and reporting from one plugin.</p>
<p><strong>Features:</strong></p>
<h3>Core booking & seat management</h3>
<ul class="wccom-tick-list-primary">
<li>Drag-and-drop <strong>seat planner </strong>– design your venue with seats, screens, labels, and static objects.</li>
<li>Customers select seats in real time on an interactive map (zoom, pan, seat details).</li>
<li><strong>Cart reservation timer</strong> holds seats while customers checkout, helping prevent double bookings.</li>
<li>Run <strong>multiple event dates</strong> on one product – one seat map, many performances.</li>
<li>Mark <strong>handicap / accessible seats</strong> so they stand out on the map for customers who need them.</li>
<li><strong>Best Available</strong> (optional) – auto-select the best contiguous seats; filter by price when seats have different rates.</li>
<li><strong>Auto-fill</strong> and pattern tools to place rows or sections quickly when building your layout.</li>
<li>Optional rules: stop sales before the event, prevent isolated empty seats, and restrict certain seats to on-site purchase.</li>
</ul>
<h3>Pricing, discounts & upsells</h3>
<ul class="wccom-tick-list-primary">
<li>Set <strong>per-seat prices</strong> by location, section, or individual seat.</li>
<li>Seat-level <strong>discounts </strong>– percentage or fixed amount on selected seats or groups.</li>
<li><strong>Custom fields</strong> per seat-free or paid add-ons, upgrades, meal choices, and more (with conditional display).</li>
<li><strong>WooCommerce coupon seat limits</strong>-require a minimum or maximum number of auditorium seats in the cart before a coupon applies.</li>
</ul>
<h3>Checkout & customer experience</h3>
<ul class="wccom-tick-list-primary">
<li>Works with standard <strong>WooCommerce cart and checkout</strong>-no separate ticketing checkout to learn.</li>
<li>Configurable redirect after adding seats: cart, checkout, custom URL, plus optional cart timer on the storefront.</li>
<li><strong>PDF tickets</strong> in order emails and My Account downloads, with a unique <strong>QR code</strong> per seat (optional).</li>
<li>Auto-complete paid auditorium orders when appropriate (configurable, including mixed-cart behavior).</li>
<li>Front-end <strong>dark mode</strong> and accent color options for a branded seat-selection experience.</li>
</ul>
<h3>Manager & day-of operations</h3>
<ul class="wccom-tick-list-primary">
<li><strong>Manager dashboard</strong>-view seat availability by date, block seats, and override status without a customer order.</li>
<li><strong>Manually create or bulk-create orders</strong> from the admin – phone sales, comps, and box office in a few clicks.</li>
<li><strong>Edit bookings</strong>-change seat, date, discounts, and custom fields on existing orders.</li>
<li><strong>Move bookings to another date</strong> for multi-date products (bulk action supported).</li>
<li>Filter by scan status; <strong>unscan</strong> tickets when you need to reset check-in.</li>
<li><strong>Booking Integrity</strong> tools-scan for double bookings, ghost seats (meta out of sync), and stalled orders holding inventory.</li>
</ul>
<h3>Check-in & ticket validation</h3>
<ul class="wccom-tick-list-primary">
<li>Validate tickets with the built-in <strong>web scanner</strong> (camera QR) in your WordPress dashboard.</li>
<li>Use the <strong>free Android app</strong> for door check-in (pairs with your site via integration settings).</li>
<li>Each scan records ticket status; invalid or already-scanned tickets are shown clearly at the door.</li>
</ul>
<h3>Integrations & layout tools</h3>
<ul class="wccom-tick-list-primary">
<li><strong>Import and export seat layouts</strong> via CSV in the seat planner editor.</li>
<li><strong>Export bookings</strong> to CSV from the product or Manager (filter by date, choose columns).</li>
<li><strong>Shortcodes</strong>-embed a “Select seat” button or live seat counts on any page.</li>
<li><strong>Elementor widgets</strong>-Select Seat Button and Seat Count widgets for page builders.</li>
<li><strong>Script embed</strong> (optional) – run seat selection on external sites with an allowed-origins whitelist.</li>
</ul>
<h3>Statistics, reports & analytics</h3>
<ul class="wccom-tick-list-primary">
<li><strong>Manager Statistics </strong>– summary cards for seats sold, occupancy, revenue, and orders.</li>
<li>Sales and revenue over time (by event date or order date).</li>
<li>Detailed tables by order or by date, with <strong>CSV export</strong>.</li>
<li><strong>Velocity projection</strong> to help forecast sell-through for upcoming dates.</li>
<li><strong>Automated email reports</strong> (optional) – scheduled occupancy and sales summaries, with CSV and optional color-coded seat-map snapshot.</li>
</ul>

Stachethemes Seat Planner

<p>Allow customers to easily select and purchase seat-based products. Customizable seating layouts, dynamic pricing, and real-time seat availability.</p>

Elementor Connector for WooCommerce Bookings vs Stachethemes Seat Planner