Product Icon

Elementor Connector for WooCommerce Bookings

Connect two of the most powerful plugins in WooCommerce to design the Bookings website you've always dreamed of!

Design Exceptional Product Pages for WooCommerce Bookings

Create unique layouts for your bookable products

Ever wished you could let your creative side go wild and design the best-looking bookable product pages in WooCommerce Booking and Elementor? Your booking calendar should match the great looks and feel of the rest of your website.  Use Elementor Connector for WooCommerce Bookings to create a matching booking calendar.

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.

Note: This plugin also forms part of the Elementor Connector bundle, which includes the WooCommerce Bookings widgets and many more → All for the same price!


Custom layouts for bookable product pages

An example of designing the calendar section of WooCommerce Bookings on the single product page

Advanced options to design & style every part of the booking calendar

An example of styling the calendar header and available dates in WooCommerce Bookings

Why use Elementor Connector?

  • Store owners can change the layout and design of a single product page
  • Faster setup time—no more struggling with custom CSS and PHP or searching for compatible themes
  • Merges the functionality of two powerhouse-plugins: Elementor and WooCommerce Bookings
  • Easy drag and drop interface to move the calendar section to an area of your choice
  • Pre-designed templates for a professional touch
  • Far more control over WooCommerce Bookings designs—ensures a consistent brand and flow with the rest of the theme


  • The latest version of Elementor
  • The latest version of Elementor Pro (Only needed if changing the single product page template)
  • The latest version of WooCommerce Bookings
  • PHP 5.6+ is required

View documentation for more info

How to get started

Ready to configure Elementor Connector for WooCommerce Bookings for your bookable products? Here’s how to get started.

  1. Download and install Elementor Connector in your WooCommerce store.
  2. Navigate to Templates > Theme Builder > Your Single Product Template and drag the WC Bookings Form widget to an area of your choice.
  3. Check out our extensive documentation for any advanced setup help.

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.

Customer reviews