It’s a warm Thursday here in Sicily – but I’ve got a cold 😐
Anyway, welcome back to our WooCommerce Weekly appointment – here comes a series of WooCommerce tutorials put together by yours truly so that you can learn something new.
New WooCommerce Tutorials
WooCommerce: One Product Per Row @ Shop Page
By default, WooCommerce displays 4 products per row in the shop page. This is nice for almost any ecommerce website, however in certain cases you might want to change this setting in order to show full-width products (a.k.a. one product per row).
In this post we’ll look at the alternatives you have in regard to changing this setting, and also some CSS adjustments to make the 1-product-per-row shop page look better. Enjoy: https://businessbloomer.com/woocommerce-one-product-per-row-shop-page/
Revised WooCommerce Tutorials
WooCommerce: Add Checkout Fees Based on Custom Radio Button
This is a great WooCommerce snippet (or plugin, if you wish to call it like that) for those who want to provide conditional checkout fees. For example, you might need to display custom checkout radio buttons to pick premium packaging types, gift wrapping options, specific services or whatever can increase your AOV (Average Order Value).
Radio button selection must work with “Ajax” – which means as soon as the radio button is chosen, checkout must refresh in order to display the updated fees and totals.
Something similar (and also more complex, such as offering additional products) is achieved by the WooCommerce Checkout Add-Ons Plugin sold on the official WooCommerce.com marketplace. But in this case, we want to take a look at custom coding so you’ve got something to play with! Enjoy: https://businessbloomer.com/woocommerce-add-checkout-fees-based-on-radio-button-choice-ajax/
WooCommerce: Product Add-Ons (Without a Plugin!)
WooCommerce product add-ons are custom input fields that show on the single product page. They’re called “add-ons” as you can add a product personalization or an upsell (at a cost of course).
For example, you can display a text input to print something on the product. Or radio buttons to select different kinds of product upgrades. Or a checkbox to upsell gift wrapping.
Either way, and of course, there are plugins for that. But first, I want to give you a tutorial to code this by yourself (case study: global custom input text field and no surcharge), so that you can learn something new. Enjoy: https://businessbloomer.com/woocommerce-product-add-ons-without-plugin/
WooCommerce: “You Only Need $$$ to Get Free Shipping!” @ Cart
This is a very cool snippet that many of you should use to increase your average order value. Ecommerce customers who are near the “free shipping” threshold will try to add more products to the cart in order to qualify for free shipping. It’s pure psychology.
Here’s how we show a simple message on the WooCommerce Cart page. Enjoy: https://businessbloomer.com/woocommerce-add-need-spend-x-get-free-shipping-cart-page/
