Elementor Connector for WooCommerce Bookings

Overview

↑ Back to top

Elementor Connector for WooCommerce Bookings is an extension for WooCommerce that gives shop owners, designers & agencies complete control over the design and layout of all elements in WooCommerce Bookings. It adds a dedicated widget with style controls for use in the popular Elementor Pro plugin: Allowing you full creative freedom for your bookable product.

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

With Elementor Connector for WooCommerce Bookings you have:

  • A Customisable Elementor Booking Form widget that can be used in customised Elementor templates
  • Full style control for padding, margin, fonts, backgrounds, borders, dimensions and more
  • Access to quality, pre-designed templates (more coming soon!)

Installation

↑ Back to top

Once you’ve purchased Elementor Connector for WooCommerce Bookings, you can download the plugin from your confirmation email or WooCommerce account. To install it, follow these steps:

  1. Ensure that WooCommerce Bookings, Elementor and Elementor Pro is installed & active
  2. Go to Plugins > Add New > Upload
  3. Select the ZIP file you just downloaded
  4. Click Install Now, and then Activate

Once you’ve installed and activated the plugin, navigate to Templates > Theme Builder to create a new template for single product pages in WooCommerce. To use the new widget on a page, drag-and-drop the WC Bookings Form Elementor widget onto the page/section.

More information at: Installing and Managing Plugins.


Usage

↑ Back to top

After ensuring there are existing bookable products on your store, please follow these steps to create a unique Single Product page template in Elementor Pro:

  1. Navigate to Templates > Add New 
  2. Select Single Product template
  3. Use a template name that will identify it as your bookable products template (e.g. Single Bookable Product)
  4. Select Create Template
  5. In the Elementor template editor, locate and add the WC Bookings Form widget

Setup & Resources

↑ Back to top

Note: If you’d like access to the Elementor template files used in our demo, you can download those for free at our website.

 

Troubleshooting & Support

↑ Back to top

Purchased Elementor Connector for WooCommerce Bookings and need assistance? If you’ve found an issue:

  1. Ensure you have the latest versions of all extensions and themes. Go to WooCommerce > System Status to check for plugin updates and other important information that may require your attention.
  2. Rule out a plugin conflict: Turn off all plugins except WooCommerce and Elementor Connector for WooCommerce Bookings. If the issue is resolved, find the plugin that triggers it by re-activating plugins one by one.
  3. Rule out a theme conflict. Activate Storefront, or a default WordPress theme such as TwentyTwenty and check if the issue still occurs. If it doesn’t, please contact your theme author(s).
  4. Read the most Frequently Asked Questions for possible solutions.
  5. Use the WooCommerce Self Service Guide.

If you followed these steps but the issue persists, get in touch with us via the Help Desk!

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.