How to Use the Products by Category WooCommerce Block

Posted on December 15, 2021 by in WordPress | 2 comments

How to Use the Products by Category WooCommerce Block

When you run a WooCommerce store, you can use various strategies to increase your conversions. For example, making your products more accessible to customers is one of the easiest ways to improve your website’s navigation and boost sales. By using the Products by Category WooCommerce block, you can filter your items by category and help consumers browse your inventory more effectively.

In this post, we’ll explore the Products by Category WooCommerce block and how to use it effectively. We’ll also answer some frequently asked questions about this element.

Let’s get started!

How to Add the Products by Category WooCommerce Block to Your Post or Page

The Products by Category block enables you to display various items from one or more categories. This element can also order your products according to different criteria. Fortunately, it’s easy to use this block.

First, head to the post or page where you want to use the block. Then, click on the icon (1) to add a new block, and type “products by category” (2) into the search bar. Finally, select the first icon that appears (3):

Inserting the Products by Category block.

Alternatively, you can type “/products by category” into a Paragraph block and hit your Enter key. Either method will insert the WooCommerce element into your post or page:

Selecting a category in the Products by Category block.

Then you can choose one or more categories by clicking on the boxes next to them. For example, you might select Accessories.

When you’re happy with your selection, click on Done. You should now see a grid with the related products from your WooCommerce store:

Using the Products by Category block.

Your product grid might look a bit messy at this point. However, in the next section, we’ll explore how to customize the block’s appearance to fit your needs.

Products by Category WooCommerce Block Settings and Options

You can use various settings to customize the Products by Category block. Fortunately, these configurations are easy to access and adjust.

First, you will notice a settings bar immediately above the block. It contains a range of configuration options:

The settings menu for the Products by Category block.

Here’s a quick overview of these settings:

  1. Change block type or style: Here, you can transform the element into a different one, such as the Best Selling Products block.
  2. Change alignment: You can choose to make the block full or wide width.
  3. Edit: This setting enables you to change your selected category or add extra categories to the block’s display grid.
  4. Options: Here, you can move or copy the element. Additionally, you can add it to your Reusable Blocks or create a Group block.

You can access more configuration options by clicking on the block and then selecting the gears icon in the top-right corner of the Block Editor. Doing this will open a new settings menu to the right of the screen:

The block settings menu in the Block Editor.

Let’s look at each settings menu item in detail. To start, the Product Category option enables you to change your selected category or pick additional ones:

The Product Category setting for the Products by Category WooCommerce block.

If you scroll further down the menu, you can access the Layout and Content settings. Here, you can choose how many columns and rows display in your WooCommerce products grid. Additionally, you can select what information will display alongside your items, such as product titles, prices, and ratings:

The Layout and Content settings for the WooCommerce block.

Next, you can click on the drop-down menu below Order products by. Here you can select the order of your WooCommerce items, such as price, rating, or alphabetical order:

How to order the products in the Products by Category block.

The final option enables you to add custom CSS classes to the block. Once you’re happy with all of your selections, you can click away from the block and save your post or page.

Tips and Best Practices for Using the Products by Category WooCommerce Block Effectively

Using the Products by Category block is relatively straightforward. However, you can employ some tips and best practices to get the most out of this element.

For example, you can add a Heading block above the element to describe the products it contains. By doing this, you can distinguish different items on your page and point customers towards products that might interest them:

Adding a Heading block above the WooCommerce block.

Furthermore, you might consider limiting the number of products in the display grid. If you have a large WooCommerce store, this block could easily take up most of your page. Therefore, you might want to choose six to ten top items, to avoid overwhelming your customers with too many choices:

Displaying the six newest products with the Products by Category WooCommerce block.

Finally, you could consider hiding the reviews from your products. Customer reviews can provide your brand with social proof, and incentivize other consumers to purchase your products. However, if your newer items don’t have feedback yet, there’s little reason to display empty fields.

Frequently Asked Questions About the Products by Category WooCommerce Block

We’ve already covered this WooCommerce block in depth. However, in case you have any lingering concerns, we’ll now address some frequently asked questions about using this element.

Where Can I Use the Products by Category Block?

You can use this element in any part of your WordPress website that works with the Block Editor. Therefore, you can add it to any post and page. Furthermore, you can create a WordPress widget and display the block in your footer or sidebar.

How Is the Products by Category Block Different from the Featured Category WooCommerce Block?

These two WooCommerce blocks have very similar names. However, the Featured Category WooCommerce block creates a Call to Action (CTA) that prompts customers to click on it and browse the items in a particular collection. In contrast, the Products by Category block shows a selection of items in a visual grid.

How Is the Products by Category WooCommerce Block Different from the Categories Block?

The Categories block shows a selection of WordPress blog posts that belong to a particular collection. In contrast, the Products by Category block only displays items from your WooCommerce store.

Conclusion

If you have a large WooCommerce store, you likely stock products that span multiple categories. However, showing all of your items in one section could overwhelm customers and prevent them from finding the products they would like to buy.

By using the Products by Category WooCommerce block, you can show a selection of items that belong to a particular type. Furthermore, you can choose the order of the elements and limit how many of them show up in the display grid. As such, you can show off different parts of your store and help your customers make informed purchasing decisions.

Do you have any questions about using the Products by Category WooCommerce Block? Let us know in the comments section below!

Featured Image via Banpot Chaiyathep / shutterstock.com

Premade Layouts

Check Out These Related Posts

WordPress vs Duda Website Builder

WordPress vs Duda Website Builder

Posted on May 26, 2022 by in WordPress

WordPress began as a popular blogging platform has since grown into a full-scale, open-source content management system (CMS). It’s among the top web platforms available online today, and the primary choice of millions of website owners. The Duda website builder is a user-friendly, drag-and-drop...

View Full Post
What Is the WordPress Object Cache?

What Is the WordPress Object Cache?

Posted on May 25, 2022 by in WordPress

Speed is crucial to your site’s success. Slow loading times can drive visitors away, resulting in a high bounce rate and fewer conversions. Fortunately, an effective way to boost your site’s performance is to use the WordPress object cache. In this post, we’ll take a closer look at object...

View Full Post

2 Comments

  1. Can I add woo commerce to my already established site? I just want to add online selling to my solar blog.

    • Assuming you’re on WordPress, yes you can! Just download and install the WooCommerce plugin.

Join To Download Today

Pin It on Pinterest