ProductX – Gutenberg WooCommerce Blocks


ProductX Gutenberg WooCommerce Blocks is an all-in-one solution for creating an online store by displaying WooCommerce product grids, WooCommerce advanced product sliders, WooCommerce ajax product filter, ajax paginations list products, etc, and creating custom templates for product archive, shop, and single product pages.

ProductX also offers essential features known as WooCommerce product add-ons such as WooCommerce builder, product comparison, flexible wishlist, flip image, product quick view, backorder pre-order, partial payments, backorders call for price, etc.

If you are using WooCommerce for your online store, you probably know that it is not a perfect solution. It doesn’t provide advanced features and customization options. So, all WooCommerce store owners need to buy multiple pro plugins to expand the WooCommerce functionalities.

So, here’s where ProductX can be the perfect solution. As it provides complete solutions for creating well-organized and conversion-focused online stores.

The free version of this plugin lets you showcase products in a grid, WooCommerce advanced slider, or listings, starter packs (premade templates) with essential WooCommerce product add-ons that include Product Comparison, Product Image flipper, woocommerce product quick view, save templates, and flexible wishlist.

If you want to expand the functionalities and unlock for essential features to organize your online store and optimized for increasing conversion, you should go for the ProductX Pro which includes WooCommerce product add-ons that include, WooCommerce builder (also known as Woo builder), pre-order, backorder, stock progress bar, call for price, and partial payments.

Why Choose ProductX Plugin?

Simply because this is the most complete plugin for WooCommerce. ProductX plugin has tons of exciting features like product comparison, quick view, wishlist, and product image flip. It can show the latest products, Best Selling Products, On Sale Products, Featured Products, and Category products.

ProductX Landing Page | Live Demo | Purchase Pro

Gutenberg WooCommerce Woo Builder comes with:

🏗 WooCommerce Gutenberg Blocks.
🏗 Single Product page builder.
🏗 Custom WooCommerce Product Template Builder for Individual Products.
🏗 Custom Archive Page Builder for All/Individual Product Archive Pages.
🏗 Custom Focused Shop Page Template Builder.
🏗 WooCommerce Cart Page Builder.

✨ Free Features

  • Gutenberg Product Grid Blocks for WooCommerce.
  • Gutenberg Product List Blocks for WooCommerce.
  • Product Category Blocks for WooCommerce.
  • Customizable Image Blocks for WooCommerce.
  • Advanced Heading Blocks for WooCommerce.
  • 20+ Heading Styles for Product Blocks.
  • WooCommerce Product Slider.
  • Various Design Variations for Product Blocks.
  • Multiple Starter Packs (Premade Templates).
  • Advanced Product Query Builder.
  • Display Up-Sell Products.
  • Display Cross Sell Products.
  • Display Related Products.
  • Display Popular Products.
  • Display Beat Selling Products.
  • Display Most Viewed Products.
  • Display Random Products.
  • Showcase On Sale Products.
  • Showcase Featured Products.
  • Reorder WooCommerce Products by Price
  • Reorder WooCommerce Products by Date
  • Reorder WooCommerce Products Sales.
  • Reorder WooCommerce Products Popularity.
  • Reorder WooCommerce Products Alphabetically.
  • Reorder WooCommerce Products Modified Date.
  • Include WooCommerce Products by Product ID.
  • Exclude WooCommerce Products by Product ID.
  • WooCommerce Product Pagination.
  • Shop Page Pagination for WooCommerce.
  • WooCommerce Ajax Pagination.
  • WooCommerce Load More.
  • WooCommerce Product Filter by Category.
  • WooCommerce Ajax-Powered Product Filter.
  • WooCommerce Product Image Animations.
  • 20+ Heading Styles for Product Blocks.
  • Product Category Blocks.
  • WooCommerce Compare Products.
  • WooCommerce Product Wishlist.
  • Product Image Flipper for Woocommerce.
  • WooCommerce Quickview.
  • Gutenberg Saved Templates for WooCommerce.
  • WooCommerce Builder (Freemium).
  • WooCommerce Variation Swatches (Freemium).

✨ Premium Features

  • WooCommerce Product Page Builder for All/Individual Products.
  • WooCommerce Archive Page Builder for All/Individual Products.
  • WooCommerce Shop Page Builder.
  • WooCommerce Cart Page Builder.
  • WooCommerce Preorder.
  • WooCommerce Backorder.
  • WooCommerce Stock Progressbar.
  • WooCommerce Partial Payments.
  • WooCommerce Call for Price.
  • WooComerce Variation Swatches.
  • All Starter Packs Access.
  • Product Filter by Top Sale.
  • Product Filter by Popularity.
  • Filter On Sale Products.
  • Product Filter by Most Rated.
  • Product Filter by Top Rated.
  • Filter New Arrival Products.
  • Filter Featured Products.
  • Showcase Featured Products Status.
  • Showcase Product Deal Status.

Available Gutenberg Product Blocks for WooCommerce

General Blocks (View All Blocks Demo)

WooCommerce Product Grid Blocks: Make the best use of the Gutenberg Product Grid Blocks to display Products of your WooCommerce store in grid layouts. However, you can also convert product grid blocks into product slider blocks.

WooCommerce Product List Blocks: If you want to display WooCommerce products in list view then the Product List Blocks are the best choices for you. With the help of these blocks, creating product listing pages, posts,s or custom post types with ease.

WooCommerce Product Category Blocks: The Product Category Blocks help to showcase product categories in a more organized way compared to the default woocommerce category displaying option.

WooCommerce Heading Blocks: With the help of the heading blocks you can stand different sections that stand out from each other that are displayed with product blocks of ProductX.

WooCommerce Wrapper Blocks: Wrapper blocks work like containers. Inside these container blocks, you can add multiple blocks and change the appearance of a particular section.

WooCommerce Image Blocks: The WooCommerce Image Blocks come with more styles, buttons, overlays, and customization options compared to the default Gutenberg Image Blocks.

For Single Product Pages:

Product Title: Let you customize and display product titles in your desired position.

Rating Title: Display Product ratings to the desired position with custom colors of star and start background.

Product Short Description: Display Product descriptions to let users know about the products at a glance.

Product Additional Information: Display any relevant or extra features or information of the product that needs to be highlighted to the users.

Breadcrumb: Display indication of the current product page location with navigational options. It allows users to understand the current location and navigate through different product pages.

Product Add to Cart: Customize the add-to-cart button exactly how you want with desired layout, size, colors, and much more.

Product Description: Display product descriptions for potential buyers to know about the different features and specifications of the product.

Product Image: Display product Images to the desired position. It allows the users to see the visual presentation of the products of the WooCommerce store.

Product Meta: Adds a summary of the Products of the WooCommerce store to give the users the required descriptions at a glance.

Product Price: Display regular and discounted product prices to your WooCommerce store.

Product Review: Adds the Product Review options to let the users write short reviews about why they liked or disliked the products.

Product Stock: Displays the Product stock that represents the number of specific products available for purchase.

Product Tab: Displays a Product Tab to differentiate descriptions, features, reviews, and all other essential pieces of information that users may want to know about.

For Cart Page:

Cart Table: Customize and display all required elements and call-to-action buttons.

Cart Total: Display customizes cart total elements with style.

Free Shipping: Display the free shipping condition amount with a stylish progress bar.

Starter Packs (Premade Template)

Currently, ProductX offers 6 (more coming soon!) premade templates which are named as starter packs for different types of WooCommerce stores. Check out the below details of the available.

Basic Template
It is the most commonly used template of the ProductX plugin. If you are just starting an online store on WooCommerce then you can start creating your eCommerce site using this template as it is suitable for any kind of store.

Clothing Template
It is a finely crafted template for clothing stores that contains a large banner image at the top, products displayed in a grid layout with ajax filters, a category grid, random and featured products section.

Fashion Template
The fashion template is suitable for creating online stores for selling fashion items for both men and women. It contains a fashion-focused image at the top, popular products section with an ajax filter

Sunglass Template (Pro)
It is a pro version template for ProductX users. It is finely crafted to showcase sunglasses on the WooCommerce stores and highly optimized for increasing conversion rates. It contains a large banner image at the top, a shopping by brands section, a featured products section with ajax filters, premium products section with load more pagination.

Jewelry Template (Pro)
If want to create an eCommerce site on WooCommerce or already have a Jewelry store then it is perfect for you. It is well structured and optimized to showcase jewelry in an organized and attractive way. So that, you can attract potential customers to increase sales of your online store.

Fast Food (Pro)
Do have a restaurant or an online food delivery site? If the answer is Yes, just create a custom Shop page by importing the fast food template of ProductX and see how it makes your site more organized and increases the conversion rates.

ProductX: WooCommerce Addons

WooCommerce Builder

The exclusive WooCommerce Builder of ProductX allows you to redesign all pages of your store dynamically by letting you create and customize templates. However, you can also jump-start with the premade templates or use the 40+ drag-and-drop site building blocks to create from scratch. Get started with ProductX today and replace the default layouts of the following pages:

✅ Shop Page Builder
✅ Product Page Builder
✅ Cart Page Builder
✅ Checkout Page Builder
✅ Home Page Builder
✅ Archive Page Builder
✅ Thank You Page Builder
✅ My Account Page Builder
✅ Search Result Page Builder

Learn More

WooCommerce Product Quick View

The quick view addon for ProductX makes it easier for visitors to check details of the products without visiting the single product pages. Once you configured it on your eCommerce site, the visitors who click on a product on a product will see a pop-up containing the description of the products. They can also see the details of next/previous products in the quick view mode using the navigations.

Learn More

Flexible Wishlist

The Wishlist refers to the features that allow the potential customers to add their desired products to a list and later they can decide whether they want to buy them or not. So that, after making their final decisions on whether they want to buy them or not they can add the products to the cart or remove them from the wishlist. These features should be available to all online stores because not all customers can make an instant decision while browsing products on an online store. Later when they make the decisions that they want to buy the product it will be difficult for them to find the product from numerous options. So as an online store owner you must make it easier for the customers. And, the flexible wishlist is the best solution for this kind of situation. ProductX offers two types of wishlists, pop-up and redirecting a wishlist page.

Learn More

Variation Swatches

Variation Swatches addon for ProductX helps to convert dropdown variation selection options to Swatches buttons. For example, WooCommerce default variable products offer just the names of the colors but with the Swatches addon, you can add your desired colors. However, it is not limited to color swatches, you can also make image and label swatches.

Learn More

Product Compare or Comparison Table Module

Do you want to let the visitors of your online store compare products? The Product Comparison add-on is the perfect solution for you. It offers two types of comparisons, pops up comparison and comparison page. So that, the visitors will either see the pop-up comparison charts or be redirected to a pre-configured comparison page after selecting their desired products that need to be compared. These options will keep the visitors more on your site and chances are the conversion rate of your online store will be increased.

Learn More

Product Image Flipper

The product image flipper image enables the image flipping option for online stores. So that, the visitors of your WooCommerece store hover the mouse on a product image, it will be flipped into the next image of the gallery image of the product. However, you can select the desired image as the flipped image. To properly configure the product image flipper option, you should set a specific that justifies the image flipping effect. For example, if you have a featured image on the front side of the product then it should be flipped to the backside image of the same product and vice versa.

Learn More

Saved Templates

The Save Templates addon helps to create designs with the WooCommerce blocks of the ProductX plugin and save them as templates and use them anywhere anytime via shortcode. For example, what if you want to create a home/shop page using the Elementor page builder but you also want to use WooCommerce blocks or a starter pack of the ProductX plugin? In this situation save template addon will be the savior. You can create a design using blocks or a starter pack of products and save it as a template to generate a shortcode. Later you can add the same design while editing a page using the Elementor builder via a short code widget.

Learn More

Currency Switcher (Pro)

The Currency Switcher addon of ProductX allows adding currency-changing functionalities in our WooCommerce store. So that, the shoppers can change the default currency to their desired one by selecting from the available options. You can add as many currencies as you want and display them on the shop, archive, cart, checkout, and single product pages.

Learn More

Pre-order (Pro)

The Pre-order addon for ProductX helps us to take pre-orders for the upcoming products with a countdown of product availability time and date and a Pre-order button in place of the add-to-cart button. So that, as a store owner you can start getting orders for the products that are not your stock yet. It will increase the liquid cash for your business and you can also get an idea of the product demand making stock management easier.

Learn More

Backorder (Pro)

The Backorder addon helps us to take orders for the products that are currently out of stock but will be restocked soon. So that, the high demanded products will not stop getting orders even after stock out. It will help you decide whether you need to restock products that are currently out of stock.

Learn More

Stock Progress Bar (Pro)

The Stock Progress Bar addon helps to encourage potential customers to purchase products before stock out by displaying the total and remaining stock of the products.

Learn More

Call for Price (Pro)

The Call for Price add-on for ProductX helps to hide the add-to-cart button and add a calling button in place of the price. By which the visitors can contact you to know the price of the product via Skype, Whatsapp, or direct phone call. The features are perfect for online store owners who dont want to disclose the prices of their products or sell kinds of products for which the prices are not fixed.

Learn More

Partial payments (Pro)

The Partial Payments addon breaks down the total price into two installments. So that, the potential customers order the products without paying the full amount at once.

Learn More

ProductX: Key Features Descriptions

Custom Home Page

Create a custom home page for your online store using the WooCommerce Product blocks or Starter Packs (Premade Templates) of ProductX. All of the starter packs and WooCommerce blocks are highly customizable. So that, you can make all the blocks display exactly how you want by customizing them using the setting section of each of the blocks.

Custom Shop Page Template

Dont like the default shop of WooCommerce and Storefront? Dont worry the WooCommerce builder addon of ProductX has got you back. It let us create a custom template for the shop from scratch. So that, you can organize a full shop page according to your using the WooCommerce product blocks and all other essential features of ProductX.

Custom Product Category Page Templates

The WooCommerce Builder addon of ProductX also helps create category page templates that replace the default category pages. You can either create a single template for all categories or different templates for different categories.

Custom Single Product Page Template

More than 5 million eCommerce sites are built with WooCommerce. So most of the designs of these sites are similar to each other. But for branding or even increasing conversion rate we should change the default product pages. That’s why ProductX comes with the single product pages builder that offers 13 new blocks finely crafted for single product pages that includes product image, product rating, product title, product short description, product price, product stock, product add to cart, product tab, product description, product meta, product breadcrumb, product addition info, product review, etc.

WooCommerce Product Blocks

ProductX offers 10 Products Blocks for WooCommerce with that you can showcase products to home, shop, and archive pages. Not only that you can also customize all of these blocks according to your need as ProductX offers full control over customization. The starter packs are also combinations of these WooCommerce product blocks. So you can also make your combinations using these blocks to make your designs,

WooCommerce Products Slider

The WooCommerce blocks of the product blocks can also be used as sliders. You just need to change the grid blocks from the grid view to the slide view from the setting section. You can also show your desired products to the sliders using the product query features.

Product Query Builder

The product query builder is an all-in-one solution to display desired products to WooCommerce product blocks. First of all, you can increase and decrease the number of products of a block. Then you can decide whether you want to show the features or on-sale products. You can also include and exclude desired products using the product id. It is also possible to organize the products by new to oldest, new to oldest, alphabetical, date, price, sales, etc. Already impressed? Wait, the features of query builder are not finished yet. The main attraction of the product query builder is the quick query. It offers product sorting depending on various criteria such as recent products, most sold products, most viewed products, most rated, and top rated products.

WooCommerce Ajax Product Filter

The ProductX comes with two types of ajax filters for WooCommerce, filter by category and action filter. So you can filter products of WooCommerce blocks by single or multiple categories. The action filter offers more filtering options that include top sale, on sale, most rated, top-rated, most viewed, featured, new arrival, etc.

WooCommerce Ajax Pagination

ProductX offers two types of ajax powered WooCommerce pagination, Load More and Numeric pagination. The product pagination also offers customization using the setting section. By using the ajax pagination of ProductX, the visitors can explore more products without reloading the whole page.

📃 Support & Documentation


Developed by WPXPO. Contribute to Gutenberg WooCommerce Blocks on Bitbucket and join the party.


  • WooCommerce Builder
  • The Query Builder
  • Shop page template
  • Starter Packs
  • Ready design library
  • Save Template
  • Variation Swatches
  • Product Comparison
  • Partial payment
  • Quick View
  • Wishlist
  • Pre order
  • Stock progress bar
  • Backorder
  • Call for price
  • Flip Image
  • WooCommerce pagination


This plugin provides 44 blocks.

  • Product Grid #1
  • Product Category #2
  • Product Grid #4
  • Product Grid #2
  • Product List #1
  • Product Filtering
  • Heading
  • Image
  • ProductX – Gutenberg WooCommerce Blocks
  • Product Category #1
  • ProductX – Gutenberg WooCommerce Blocks
  • Product Grid #3
  • ProductX – Gutenberg WooCommerce Blocks
  • Product Rating
  • Product Short Description
  • Product Meta
  • Free Shipping Progress Bar
  • Archive Title
  • Product Tab
  • Product Price
  • Product Review
  • Product Additional Info
  • Cart Table
  • Product Description
  • Product Add To Cart
  • Thank You Order Details
  • Order Payment
  • Order Confirmation
  • Thank You Address
  • Product Image
  • Billing Address
  • Payment Method
  • Shipping Address
  • Checkout Login
  • Coupon
  • Order Review
  • Additional Information
  • Product Title
  • My Account
  • ProductX – Gutenberg WooCommerce Blocks
  • Cart Total
  • Product Stock
  • Product Breadcrumb
  • Wrapper


Minimum Requirements

  • WordPress 5.0.0 or greater
  • PHP version 7.3 or greater
  • MySQL version 5.6 or greater

Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t even need to leave your web browser.

  1. Go to your WordPress Plugin installation menu (Dashboard > Plugins > Add New)
  2. In the search field type “ProductX” and press enter.
  3. “Install Now” and then click “Active”

Manual installation

For Manual installation, you download our product from WordPress directory uploading it to your web-server via your FTP or CPanel application.

  1. Download the plugin and unzip it
  2. Using an FTP program or CPanel upload the unzipped plugin folder to your WordPress installation’s wp-content/plugins/ directory.
  3. Activate the plugin from the Plugins menu (Dashboard > Plugins > Installed Plugins) within the WordPress admin.


Automatic update working great for this plugin. If you customize the plugin make sure to store a backup before update.

Sometimes because of the permalink issue during the plugin update, just go to WordPress > Settings > Permalinks and hit the ‘Save’ button.


Is this a Gutenberg Blocks plugin?

Yes, but it is a Gutenberg WooCommerce Blocks plugin. It displays the product grid or listing blocks on your page.

Where can I request new features?

We are available on the Email. Contact Here

Where can I report bugs and contribute to the project?

Bugs can be reported on the WordPress support forum.

Is it working with older versions of WordPress?

It is a Gutenberg WooCommerce plugin and it works great with WordPress version 5.x.x or more. And WordPress older version with Gutenberg plugin.


25 Mei 2023
This plugin is just so worth the extra money for the pro version - I tried it out initially with a single licence and immediately upgraded so that I can build incredible ecommerce sites for my clients. Tonmoy provides incredible support and is very quick to help out, even when you make your own silly mistakes with the set up 🙂 Cannot recommend ProductX enough if you are building ecommerce site/s.
7 Mac 2023
I had some difficulties with the variation swatches. They helped me with this problem right away. Also a additional feature wasn't in the variable swatches. They said the development team will implement in a week to 2 weeks. If this feature is implemented in there variation swatches the product is complete for me and I would suggest it to everybody with a e-commerce website.
15 Februari 2023
After days of searching and looking at pretty much ever slider and carousel plugin available for Wordpress I finally found ProductX and it did exactly what I needed for an upsell slider on my Woocommerce product pages. I ran into an issue with a third party plugin working with ProductX. I contacted their support department and to my surprise I got a reply back from a tech named Tonmoy within minutes. I gave Tonmoy access to my Wordpress instance and the issue was fixed within a couple hours, they even added the fix in the next release. I love this plugin, it’s easy of use and their support Rocks!
3 Januari 2023
I have been using the Pro version of there ProductX and what i can say at this moment is that every time I have a problem or request they have gotten back to me within a few hours. So I can say they want to make a good product as they are listening for feedback.
Read all 39 reviews

Contributors & Developers

“ProductX – Gutenberg WooCommerce Blocks” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini.


“ProductX – Gutenberg WooCommerce Blocks” telah diterjemahkan ke dalam 4 penempatan. Terima kasih kepada para penterjemah untuk terjemahan mereka.

Translate “ProductX – Gutenberg WooCommerce Blocks” into your language.

Berminat dalam pembangunan?

Layari kod, periksa repositori SVN, atau langgani log pembangunan dengan RSS.


2.7.1 – 31 May 2023

  • Fix: Taxonomy order by in product filter block
  • Fix: Deal not showing on variable product
  • Fix: Add to cart not working when using variation swatches
  • Fix: Product count not perfect in taxonomy of product filter block for search page builder
  • Fix: My account builder css issue with elementor
  • Fix: Content wrap background color not working in block
  • Fix: Billing address css broken
  • Fix: Product category 2 layout preview and design mismatch

2.7.0 – 25 May 2023

  • Fix: Default font weight issue in typography
  • Fix: Product search extra scrollbar remove
  • Update: Product search result label settings

2.6.9 – 22 May 2023

  • Fix: Quick view redirect to single product after add to cart
  • Update: Taxonomy showing limit settings in product filter block
  • Update: Minimum and maximum option in product filter block
  • Update: Notice Banner

2.6.8 – 17 May 2023

  • New: Search Block

2.6.7 – 15 May 2023

  • Update: Cart, Checkout, My Account block is now available for all pages
  • Fix: Product title issue in wishlist

2.6.6 – 10 May 2023

  • Fix: Product filter issue

2.6.5 – 10 May 2023

  • Fix: Call for price addon text rewrite
  • Fix: On sale and exclude product not working on product sort query
  • Fix: Embedded video not working in builder
  • Fix: Product grid 4 wishlist, compare broken on hover
  • Fix: WholesaleX price not display in quick view
  • Fix: Product sort query not working in homepage builder
  • Fix: Variation swatches not working with elementor
  • Fix: Quick view not working with elementor
  • Fix: Filter max price not showing properly

2.6.4 – 17 April 2023

  • Update: Notice Banner

2.6.3 – 10 April 2023

  • Fix: Undefined product variable in product query

2.6.2 – 5 April 2023

  • New: Row Column Block

2.6.1 – 3 April 2023

  • Fix: HTML code showing in product title
  • Fix: Product category 2 responsive design broken in mobile device
  • Fix: WooCommerce zoom disable when lightbox zoom disable in single product builder
  • Update: Alignment settings added in archive title and excerpt
  • Update: New options added in Initial Setup Wizard

2.6.0 – 29 March 2023

  • Fix: Single product image gallery slide issue
  • Fix: Checkbox not showing in checkout builder
  • Update: Advance query builder

See changelog for all versions.