9+ Blocks Available to Create WooCommerce Product Pages

WooCommerce Blocks

block-icon-product-rating

Product Rate

You can use our Product Ratings Gutenberg block on a product page to display the average rating or user reviews of a product. You’re also able to add a custom summary with dynamic data.
block-icon-product-sku
Product SKU
It’s possible to customize the HTML wrapper tag for your product SKU and add a custom text, icon, prefix, and postfix. Also, you can quickly apply beautiful styles from the Block Variations.
block-icon-woo-total-sale
Total Sales
Display Total Sales with a prefix or postfix, and add a custom icon, customize the HTML wrapper tag, and set a custom or dynamic URL.
Stock Quantity

Stock Quantity

You can easily set a custom link, icon and add a prefix or postfix on your product Stock Quantity. Also, it’s possible to customize the HTML wrapper tag from an SEO perspective.
block icon product info

Product Info

Our Product Info Gutenberg block lets you add product information to your posts and pages. You can customize info with prefix, postfix, icon, etc.
block-icon-product-price

Product Price

You can use this Product Price block on a product page to display the average rating or user reviews of a product. You’re also able to add a custom summary with dynamic data.
block-icon-product-on-sale

On Sale

Customize On Sale and No Sale with custom text, the HTML wrapper tag, add icon, prefix and postfix. Our Style Component and CSS Library are present there to apply beautiful and creative style with ease.
block-icon-product-stock-status
In Stock
You can set custom text for In Stock, Out of Stock, and Backorder Text, customize the look and feel with custom icons and HTML tags, and add prefixes and postfixes for richer product information.
block-icon-product-cart-button

Add To Cart

You can display add-to-cart button on your posts and pages and then select the product you want to sell by passing the product or variation ID. You can also customize the style of the button to match your branding.

Frequently Asked Questions

Can I use WooCommerce blocks with any WordPress theme?

WooCommerce blocks are generally compatible with any WordPress theme. However, to ensure a seamless experience, it is best to use a modern theme that is optimized for the Gutenberg block editor. Older themes may have compatibility issues that can result in styling or layout problems with your product blocks. It’s recommended that you first test with your current theme and consider updating if necessary. Alternatively, you can explore third-party themes that are fully compatible with WooCommerce blocks.

How do I install the WooCommerce block on my WordPress website?

If you have installed Woocommerce, you will automatically have access to all the built-in WooCommerce blocks. However, you will only see a limited number of these blocks. In order to access a wider range of WooCommerce blocks, you can install a plugin called Combo Blocks by PickPlugins. This plugin comes with numerous blocks that offer advanced functionality.

Can I customize the appearance of the WooCommerce block?

Yes, you can change the way the WooCommerce block looks by using the block settings that are available. However, there may be some restrictions on the customization options for the core blocks due to their limited number of settings. If you want more flexibility in customizing your WooCommerce block, you can use a third-party plugin such as Combo Blocks which allows for limitless customization options.