WooWeekly #354: WC Blocks

Hello there, how’s your day going?

This is Rodolfo from Business Bloomer, your go-to blog for WooCommerce tips. Here in Sicily all is well, but we can already feel we’re approaching the end of the summer. Sad!

Anyhow, welcome back to our WooCommerce Weekly appointment – here comes a series of WooCommerce tutorials handpicked by yours truly so that you can learn something new. Stay safe!

WooCommerce Blocks: Hide Images Etc. From Product Grid Block

Business Bloomer enters the world of Gutenberg today, and we do it with a simple customization tutorial related to the “Product Grid” WooCommerce Gutenberg Blocks: currently these are “Best Selling Products“, “Newest Products“, “On Sale Products“, “Top Rated Products“, “Products by Category” and use the same base code… However, all of them use custom code and not the default WooCommerce templates (and therefore we can’t take advantage of the WooCommerce hooks for the shop / product archive / product loop unfortunately), so we need to find a workaround if we wish to remove some of the default elements that come up with the product grid items: product permalink, product image, product title*, sale badge, product price*, rating*, add to cart button* in this exact order. * As you can see from the screenshot below, actually, you can already remove the information with an asterisk from the Block settings. So, in this article, we will see how to remove the rest in case you don’t want it: permalink, image, sale badge. Enjoy: https://www.businessbloomer.com/woocommerce-blocks-hide-images-etc-from-product-grid-block/

Want to sponsor WooCommerce Weekly to an audience of 12,000+ active readers? Info on our sponsor slots will be published soon. If you want to join the waitlist and be the first in line, reply to this email and I’ll send over more information.

ICYMI: Latest WC Tuts

WooCommerce: Check If Products Belongs to Category / Tag

We’ve studied “conditional logic” extensively over the previous Business Bloomer posts. In today’s spin-off, I want to clarify how you can check if a given product belongs to a category, tag or custom taxonomy because this is one of the most used conditional logic scenarios. It’s important to know that a product can be inside the “loop” (e.g. the shop page or a list of products), alternatively you may be on the single product page or have the product unique ID, or even you can check if a product category is inside the Cart. Finally, you can even run the product category check within an Order or an Order Email. Either way, the function is always the same. You simply need to understand how to use it. Enjoy: https://www.businessbloomer.com/woocommerce-check-if-products-belongs-to-category-tag/

WooCommerce: How to Set Up Mail & Phone Orders (MOTO)

MOTO (Mail Order / Telephone Order) payments are payment transactions you take while the customer isn’t with you in person. MOTO payments are a vital way for many businesses to process customer payments. They’re accessible, secure and can help you expand your customer base by removing payment barriers. But what exactly are MOTO payments? Well, in this article, we’ll explain exactly that. Plus, we’ll talk about why they’re worth using and how to get them set up on your WooCommerce store: https://www.businessbloomer.com/woocommerce-how-mail-phone-orders-moto/

WooCommerce: Move Labels Inside Checkout Fields

Although UX and accessibility experts won’t like this customization, it’s still important to know “what’s possible” with WooCommerce. In regard to the checkout form (billing + shipping + notes), there is a useful “woocommerce_checkout_fields” hook (filter) that is widely used by developers like me to alter the behavior of input fields. In today’s episode we will take a look, indeed, at how to remove the checkout field labels from their default position (above fields), and use them as placeholders instead, so that we save up some vertical space. Enjoy: https://www.businessbloomer.com/woocommerce-move-labels-inside-checkout-fields/

WooCommerce: How to Customize Email Templates Without Coding

On a daily basis, you probably use drag-and-drop in a variety of interfaces. For instance, drag and drop your Gmail items to its category, upload files to WordPress media library, or organize your phone home screen apps. While many page builder platforms come in to help you design your website with drag-and-drop, building WooCommerce transactional emails is still considered as a complex task. By default, WooCommerce email settings only allow you to change basic color profiles and text. In order to customize further, you will have to modify the theme code. If you are a non-techie and don’t want to crack the code between the scripts in wp-content/plugins/woocommerce/templates/emails/email-styles.php or so, using a drag-and-drop email builder framework is the best solution: https://www.businessbloomer.com/woocommerce-customize-emails-without-coding/

WooCommerce: Hide Add to Cart If Already Purchased

We already saw how to hide add to cart for logged out users and how to find out if a user has already bought a given product – so I said why not combine the two snippets and figure out how to hide the add to cart button if a logged in customer has already purchased a product? After that, however, I realized that the “woocommerce_is_purchasable” filter offered by the WooCommerce plugin makes the task much easier than just combining the two mini-plugins above. So, here’s how it’s done – enjoy: https://www.businessbloomer.com/woocommerce-hide-add-to-cart-if-already-purchased/

WooCommerce: How to Improve Product Search

Personalized search and product navigation have a dramatic impact on ecommerce sales conversions, and for that reason alone, you should include them in your WooCommerce website build. But how do you improve the standard search function model included with WooCommerce? Well, reducing search times and quickly matching your customers to products are two great examples of how you can enhance the customer experience and the value of your brand. Upgrading the WooCommerce product search function with an AI powered search engine is an easy way to dramatically improve your sales conversion rate; a quick win/win. This article will explain how to upgrade the basic WooCommerce search and provide a genuinely interactive search experience for your website shoppers. Enjoy: https://www.businessbloomer.com/woocommerce-how-improve-product-search/

WooCommerce: How to Increase Your Word-of-Mouth Sales

You know word-of-mouth is hands down the most cost-effective, lucrative, and fastest way to convert prospects into customers. You have repeat customers that seem to love you, but they hardly engage or spread the good word around. Your mailing list isn’t growing, your products have a negligible number of reviews, your referrals are a bust. You want to drive traffic and hope to establish strong sustainable word-of-mouth channels to find new customers – but nothing you have tried so far has worked as well as it should have. If this sounds like you – you’re at the right place. This article will look at some of the key aspects of sharing that help promote word-of-mouth sales and how your store can optimize these to scale your business easily and convert your prospects faster: https://www.businessbloomer.com/woocommerce-how-to-increase-your-word-of-mouth-sales/

WooCommerce: How to Install PeachPay in Minutes

PeachPay adds a customizable “express checkout” button to your WooCommerce store’s product pages, cart page, and minicart. With the swift, simple checkout process you will be able to offer your customers with PeachPay, you can kiss cart abandonment goodbye. Returning customers check out with just one click, no matter which site they used PeachPay on initially (yes, you read that right!). If you wish to learn more about 1-click checkout and PeachPay, you can read another two Business Bloomer articles called “WooCommerce: The Elusive Nature of 1-Click Checkout” and “WooCommerce: Quick Cart Abandonment Solutions“. In here, on the other hand, you find a brief tutorial with screenshots to help you integrate PeachPay onto your WooCommerce install in a matter of minutes. Enjoy: https://www.businessbloomer.com/woocommerce-how-to-install-peachpay-in-minutes/


  • Rodolfo Melogli

    Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

    View all posts

Leave a Comment

Proudly supported by

Join them?