Back to Documentation

WooCommerce Featured Product block

Add a WooCommerce Featured product block to your pages to bring attention to products on sale or that you want to stand out.


An easy way to make a product stand out, or attract your users to a sale you’re having is to use the WooCommerce Featured Product block offerred with the free Blockons WordPress plugin.

Simply select a product and then further customize the product block to display as you want it.

Example:

Fully customizable… you’re able to change layouts, widths, sizing and colors, and lots more…

Adding the WooCommerce Featured Product block

Adding a WooCommerce Featured Product block is very simple… You can select to add a new block by clicking on the little plus icon and search for “featured product” and then you should see it appear in the block.

Add a WooCommerce Featured Product block
Add a WooCommerce Featured Product block

The other option to add the block is be finding it in the left sidebar under the “Blockons Blocks” category. Scroll down until you find it, or search in the search bar at the top of the sidebar.

Add the WooCommerce Featured Product block from the sidebar
Add the WooCommerce Featured Product block from the sidebar

Editing the WooCommerce Featured Product block

Once you’ve added the product block to the page and you have the block selected, it will ask you to “Select a product to display”… You will find the product select setting in the sidebar. This may take a few seconds to load, depending on the amount of products you have listed on your site.

Select a featured product
Select a featured product

Once it’s loaded, you can open the drop down and select a product you want to display in the featured product block.

You are also able to adjust layouts and sizing for the featured product, display or remove certain elements and also choose to have a link to the product page or have the Add to Cart button so a user can add it to their cart to purchase.

WooCommerce Featured Product block settings
WooCommerce Featured Product block settings

For the Add to Cart option, if it is a variable product, the user will then still need to go to the product page to select their variation, and then add the variation product to their cart.

The design settings for the WooCommerce Featured Product block allow you to adjust all colors and sizing for the text(s), as well as layout widths and colors.

WooCommerce Featured Product block design settings
WooCommerce Featured Product block design settings

If you think of extra features that may be useful to this block or you simply need help setting up the product block then please get in contact.