WPBakery Page Builder - Woocommerce Grid with Carousel — is a powerful add-on that extends the functionality of both WPBakery and WooCommerce. It provides a simple yet highly customizable way to present your products to customers. Instead of relying on standard, often rigid WooCommerce layouts, this plugin gives you the freedom to design eye-catching product grids and carousels directly within the WPBakery Page Builder interface. Whether you want to feature best-sellers on your homepage, showcase new arrivals, or create category-specific displays, this tool makes it intuitive and fast. The plugin is built with user experience and performance in mind. It offers a wide range of options to tailor the look and feel of your product displays, from layout styles and column settings to query options for filtering products by category, tag, or status (e.g., featured, on-sale). All layouts are fully responsive, ensuring your products look great on any device, from desktops to smartphones. This adaptability is crucial for capturing sales from the growing number of mobile shoppers.
Why This is Important
Are your product pages failing to grab attention? A standard WooCommerce layout can look generic and may not effectively showcase your products, leading to lower engagement and higher bounce rates. Statistics show that 38% of users will stop engaging with a website if the content/layout is unattractive. By not presenting products in a dynamic, visually appealing way, you risk losing potential sales to competitors with a more modern online store.
This plugin solves that problem by giving you control over your product presentation. By creating custom grids and interactive carousels, you can guide customers' attention to key products, promotions, or categories. This can lead to a significant increase in user time-on-page and click-through rates. A well-organized, attractive product display can boost conversion rates by up to 25% by making the shopping experience smoother and more enjoyable.
Features
- Seamless WPBakery Integration: Adds a new "WooCommerce Grid/Carousel" element directly into the page builder for easy drag-and-drop implementation.
- Grid and Carousel Layouts: Choose between a classic grid display or a modern, touch-friendly carousel/slider.
- Advanced Product Query: Filter products to display by category, tags, IDs, on-sale status, featured products, or best-sellers.
- Fully Responsive Design: All layouts automatically adapt to desktops, tablets, and mobile devices for a perfect viewing experience.
- Customizable Columns: Set the number of columns for different screen sizes to optimize the layout on any device.
- Multiple Carousel Options: Control autoplay, loop, navigation arrows, pagination dots, and transition speed for carousels.
- Product Information Control: Choose which product details to show or hide, such as title, price, rating, and "Add to Cart" button.
- Custom Styling Options: Easily adjust colors, fonts, and spacing to match your website's branding without writing CSS.
- Lazy Loading for Images: Improves page load speed and performance by only loading product images as they enter the viewport.
- Quick View Functionality (Optional): Allow customers to view product details in a popup without leaving the current page, speeding up the browsing process.
From Static to Dynamic: The Carousel Advantage
| Feature | Standard WooCommerce Display | Grid with Carousel Plugin |
|---|---|---|
| User Engagement | Low (static, requires scrolling) | High (interactive, dynamic) |
| Space Efficiency | Poor (displays a fixed number of products) | Excellent (shows many products in a compact space) |
| Mobile Experience | Basic | Optimized (touch-swipe enabled) |
| Conversion Potential | Standard | Increased by up to 25% |
| Customization | Limited to theme options | Extensive (via WPBakery interface) |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Can I use this plugin without WPBakery Page Builder?
No, this plugin is an add-on specifically designed to work with the WPBakery Page Builder. It requires WPBakery to be installed and activated on your WordPress site to function, as it adds a new content element directly into the WPBakery interface.
How do I display products from a specific category in the carousel?
Within the WPBakery element settings for the "WooCommerce Grid/Carousel," you will find a "Data Settings" or "Query" tab. In this section, you can select which product categories you want to source products from. You can choose one or multiple categories to create a targeted product showcase.
Is the product grid and carousel mobile-friendly?
Absolutely. The plugin is built to be fully responsive. You can even define the number of columns to display on different device sizes (desktop, tablet, mobile) to ensure your product grid looks perfect and is easy to navigate, regardless of how a user is viewing your site.
Does this plugin affect my website's loading speed?
The plugin is coded to be lightweight and efficient. It also includes features like lazy loading for images, which means product images are only loaded as the user scrolls down the page. This significantly improves initial page load times and overall performance, preventing a negative impact on your site speed.
