<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><span style="font-weight: 400">Create multiple product sliders to highlight store items</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display specific products and categories in the slider</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Create Short-codes to display sliders on any page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set the slider to Auto-play or let the users play it manually</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Sort products in the slider by ID, Name, Price, Sales, etc.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the slider, such as time interval, slider speed, Loop/Rewind, etc</span></li>
</ul>
<hr />
<p><span style="font-weight: 400">Display your products in a responsive slider and carousel anywhere on your WooCommerce online store. It enables you to place the slider with the help of a shortcode. Select specific products and categories to display in the slider. You can customize the elements, such as the slider speed, navigation, and content.</span></p>
<h3><strong>Create Multiple Product Sliders</strong></h3>
<p><span style="font-weight: 400">Add numerous sliders to your online store to showcase your products. You can create multiple sliders and paste their shortcode on any page where you want to display them.</span></p>
<p><img class="aligncenter wp-image-18734005039687 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-14-50-10.png" alt="" width="1065" height="476" /></p>
<h3><strong>Enable Auto-Play on the Sliders</strong></h3>
<p><span style="font-weight: 400">Enable auto-play options for the slider to showcase products at a moderate speed with the product carousel slider for WooCommerce. Adjust the slider speed and interval timeout or pause autoplay on hover to enable the user to view the product easily.</span></p>
<p><img class="aligncenter wp-image-18734005039697 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-14-52-31.png" alt="" width="868" height="173" /></p>
<h3><strong>Display Specific Products and Categories in a Slider</strong></h3>
<p><span style="font-weight: 400">Choosing a category will include all its products in the slider, while adding products individually lets you showcase specific items. Select particular products to highlight your store’s most in-demand items.<img class="aligncenter wp-image-18734005039727 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-14-59-05.png" alt="" width="866" height="164" /><br />
</span></p>
<h3><strong>Embed Product Slider to Any Page</strong></h3>
<p><span style="font-weight: 400">Display products sliders and carousels anywhere on your website using shortcodes. Create a specific page or paste the shortcode to an existing page as per your preference. </span></p>
<p><img class="aligncenter wp-image-18734005039689 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-14-48-36-1.png" alt="" width="1172" height="439" /></p>
<h3><strong>Extensive Customization Options</strong></h3>
<p><span style="font-weight: 400">Customize the product slider for WooCommerce to enhance the customer experience. You can set the number of products to be displayed in the slider, the order of the products, and hide or display out-of-stock products. Furthermore, you can also set the slider to loop, rewind, and navigate.</span></p>
<h4>Slider Settings:</h4>
<p><img class="aligncenter wp-image-18734005039739 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-15-01-07.png" alt="" width="869" height="442" /></p>
<h4>Query Settings:</h4>
<p><img class="aligncenter wp-image-18734005039744 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-15-02-34.png" alt="" width="864" height="515" /></p>
<h4>Add to Cart Button Colors:</h4>
<p><img class="aligncenter wp-image-18734005039751 size-full" src="https://woocommerce.com/wp-content/uploads/2025/03/Screenshot-from-2025-03-14-15-03-44.png" alt="" width="863" height="186" /></p>

Product Slider and Carousel

<p>Showcase your products in customizable sliders and carousels for better engagement and conversions.</p>

<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>

Product Slider and Carousel vs Elementor Connector for WooCommerce Bookings