How to Use the Featured Category WooCommerce Block

by | Nov 20, 2021 | Etcetera | 0 comments

In lots of on-line retail outlets, there’s one class of products that sells better than anything. If that is true for your e-commerce shop, the Featured Class WooCommerce block mean you can introduce the ones peak pieces to a good broader target audience.

On this article, we’ll display you learn how to use the Featured Class block in WooCommerce. We’ll cross over learn how to configure this block and speak about the most efficient techniques to make use of it. In the end, we’ll resolution the most typical questions on learn how to come with a Featured Class segment for your storefront.

Let’s get to it!

Upload the Featured Class WooCommerce Block to Your Put up or Web page

The Featured Class block presentations a Call-to-Action (CTA) that encourages guests to browse a particular product class. You’ll position this block any place in your web page. On the other hand, it’s in particular well-suited to the principle store web page or your own home web page.

So as to add this component, open the Block Editor for the web page or submit the place you need to position it. Make a choice the choice so as to add a brand new block, and use the quest box to search for the Featured Class choice:

Adding the Featured Category block in WooCommerce

If you upload the block, WooCommerce will ask you to choose what product class it will have to characteristic. You’ll see each a seek bar and an inventory together with your whole retailer’s current product classes. On the other hand, needless to say this block best allows you to make a choice a unmarried class:

Selecting a featured product category in WooCommerce

If you’ll’t in finding the particular product you need, chances are you’ll wish to add it manually.

As soon as you choose or upload a product class, the record will disappear. As a substitute, you’ll see a component with a forged colour background, a heading, and a CTA:

See also  15 Web pages to Obtain Unfastened SVG Icons

The Featured Category WooCommerce block in action

The Featured Class block seems to be quite simple through design. On the other hand, you’ll exchange and make stronger the block’s taste through configuring its settings.

Featured Class WooCommerce Block Settings and Choices

The Featured Class block contains two collections of settings. In case you mouse over the block throughout the editor, a formatting menu will seem over it. That menu lets you exchange the block’s width (1), its alignment (2), and the class it options the usage of the Substitute choice (3):

The formatting menu for the Featured Category block

In case you’re pleased with the block’s formatting, you’ll make a choice it and click on at the equipment icon at the top-right nook of the Block Editor’s display. That may open the settings menu for each the total web page and the block you decided on.

Select the Block tab, and also you’ll have the ability to toggle an way to display the featured class’s description and alter the block’s background colour. Right here’s what the block looks as if when we toggle the Display description surroundings on (1) and alter its background colour (2):

Configuring the settings for the Featured Category WooCommerce block

It’s value noting that you’ll’t exchange the colour of the textual content. On the other hand, you can adjust the CTA’s taste through clicking on it. Doing so will show a brand new settings tab for simply the button:

Modifying a CTA button's settings using the Block Editor

This settings menu will assist you exchange the CTA’s font measurement (1), its border taste (2), and the colours for its textual content and background (3). Preferably, the CTA’s general design will have to fit the remainder of the block (and your site as a whole).

Pointers and Absolute best Practices for The usage of the Featured Class WooCommerce Block

The Featured Class WooCommerce block includes a very easy design. That implies it shouldn’t glance misplaced any place in your web page. On the other hand, hanging the block both on your own home web page or at the main shop page makes probably the most sense. That’s as a result of the ones are the pages the place customers be expecting to look product and class tips.

See also  How to Use the WordPress Event Block by Automattic

On that very same word, the Featured Class block doesn’t include a header that signifies what guests are having a look at. If you need possible consumers to concentrate, we suggest adding a heading (similar to “Featured Classes”) appropriate above the block:

A Featured Categories section in WooCommerce

The Featured Class block will have to have a background that both fits or contrasts with the remainder of the web page. Which means you utilize relies on your design sensibilities, however it’s necessary that the CTA stands proud from the remainder of the block. Another way, customers would possibly now not know they’re having a look at a button they may be able to make a choice.

One problem of the usage of the Featured Class block is that it’s exhausting to conform it to a rows-and-columns design. For the reason that block doesn’t assist you adjust the manner of its textual content, it’s commonplace for the component to expire of area horizontally if it stocks a row with one thing else:

A row with multiple Featured Category blocks

In case you’re relaxed using CSS, you’ll tinker with the manner of the block’s textual content. Another way, we suggest sticking with a single-column design when the usage of the Featured Class block.

Ceaselessly Requested Questions In regards to the Featured Class WooCommerce Block

In case you nonetheless have any questions in regards to the Featured Class block in WooCommerce, this segment will resolution them. Let’s get started through speaking about WooCommerce classes normally.

How Do I Upload New WooCommerce Product Classes?

In case you don’t see a WooCommerce product category that you need to characteristic, you’ll at all times create a brand new one. To take action, cross to Merchandise > Classes tab for your web page’s dashboard, and use the menu to the left so as to add as many classes as you want.

See also  How to Use the Featured Product WooCommerce Block

Can I Trade the Taste of the Textual content Throughout the Featured Class Block?

The Featured Class block doesn’t assist you exchange the scale or taste of its inside textual content. On the other hand, you can adjust the design and the textual content taste for the CTA the block contains.

Can I Display Extra Than One Featured Class in WooCommerce?

The Featured Class block best lets you show a unmarried WooCommerce product class. If you wish to power consideration to additional classes, you’ll upload a couple of circumstances of the block on any submit or web page.

Conclusion

In case you have a particular product class that sells higher than anything for your retailer, and you need to power much more consideration to it, WooCommerce blocks show you how to to take action. Particularly, the Featured Class WooCommerce block lets you sing their own praises a particular product class the usage of headings, descriptions, and a compelling CTA.

You’ll customise the background colour for the Featured Class block, in addition to the manner of its CTA button. The end result is a component that catches guests’ eyes and encourages them to browse that class, expectantly leading to further gross sales.

Do you might have any questions on learn how to use the Featured Class WooCommerce block? Let’s discuss them within the feedback segment underneath!

Article thumbnail symbol through BlueRingMedia / Shutterstock.com

The submit How to Use the Featured Category WooCommerce Block gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment