WooCommerce Blog: Tips, PHP Snippets, Q&A, Plugin & Theme Reviews

WooCommerce: Truncate Tag List @ Single Product Page

If you use WooCommerce product tags, it’s possible that a product may belong to 10 or more of them. When that happens, the single product page displays a long list of tag links, which may take too much space (see the below screenshot to visualize this).

Today’s snippet is indeed a way to truncate that list to – say – 3 tags only, and add a “+” to show the rest upon click. In this way if the customer is really interested in that they can expand the view, otherwise tags will take up a single line only. Enjoy!

WooCommerce: Split Shop Page By Category

Well, this is gonna be a big one for you. When you start having lots of products and lots of product categories, the shop page becomes either messy or unrepresentative, because it may show just the latest 16 products on page 1 when you have dozens of categories and a much wider range of products…

As usual, there are plugins for that – first one that comes to mind is Nested Category Layout by Skyverge – but today I wanted to see how doable it was to code it, and how many lines of PHP were required.

So, if you wish to switch the WooCommerce shop page display from “products” to “a given number of products for each parent category”, here’s the fix. Enjoy!

WooCommerce: How to Sell CBD Products

Since the Food and Drug Administration (FDA) removed cannabidiol, also known as CBD, from schedule 1 of the Controlled Substances Act in 2018, there has been a significant increase in CBD eCommerce in the United States.

Studies suggest that the CBD industry will see a sustained compound growth rate of 55% over the next few years, with the market set to reach a whopping $2.1 billion by 2030.

However, since CBD products are highly-regulated, it’s not easy to sell them online, and you need to adhere to a special set of rules and regulations.

WooCommerce is an ideal eCommerce platform for CBD sellers. However, even though you can sell CBD products with WooCommerce, Automattic — the parent company of WooCommerce, Jetpack, etc. — only supports the sale of CBD-related products under specific conditions.

You cannot use payment gateways like Stripe or PayPal to accept payments. This means that “WooCommerce Payments” prohibits CBD too.

Therefore, the real challenge lies in finding the right payment provider. Fortunately, there are several third-party payment merchants and even plugins that you can use to sell CBD products with WooCommerce.

In this article, we’ll talk about seven different payment solutions that permit the sale of CBD-related products with WooCommerce.

WooCommerce: Sync Billing Name & WP User Name

When someone places an order via the WooCommerce checkout, there is a function (process_customer) that saves the checkout first & last name to the customer Billing address (WooCommerce). The same function also overwrites that same WP user first & last name (WordPress).

The same happens when someone updates the Billing address via the My Account edit address tab. There is a WooCommerce function (save_address) that copies Billing first & last name to the WP user first & last name.

You’d think that was sufficient to keep billing names and WP user names in sync – well, nope. You can also update billing first & last name from the user edit profile page (WP dashboard). In such case, WP user first & last name is NOT updated, and billing and user names are not in sync.

Today, we’ll study some code to make that happen, so that you never have to worry again about inconsistencies. Enjoy!

WooCommerce: Display Variations’ SKU @ Product Admin

I find it quite annoying that variable products display an empty SKU cell in the WordPress > Products admin page even if their variations may have one available.

Today, we go fix that. With this simple snippet, your variable products will display the SKU of each variation, and if there is none, empty brackets (so, it’s easy to identify if any variation is missing its SKU).

So, let’s see how it’s done. Enjoy!

WooCommerce: How to Create A Private Store

WooCommerce powers over 26% of global eCommerce websites and is an excellent and convenient way to create your online shop without writing a single line of code.

But besides its convenience – another factor that makes WooCommerce a popular choice is its flexibility. While the core WooCommerce installation helps you create a basic online store with ease – specific paid WooCommerce plugins make it easy to create a customized and ideal business model of your choice.

For instance, several businesses prefer a private WooCommerce store model to grant access or sell products and services to specific customers and hide from the others. This is where a private store for WooCommerce plugins comes into the picture.

A great example is Oriflame – a direct sales leading beauty company that sells products for everyone and reserves some for specific VIP members on their website. They offer benefits like exclusive discounts, access to a complete range of products, and fast delivery to these VIP members.

There can be multiple other reasons behind creating a private WooCommerce store. In this article, we’ll briefly touch on those reasons and share some of the best WooCommerce private store plugins you can use for your WooCommerce store. Let’s go!

WooCommerce: How to Get Started with WooCommerce Blocks – PART 2

WooCommerce is one of the leading eCommerce platforms marking its territory in the eCommerce industry one website at a time – with over 5 million downloads. It offers a complete online store solution for small and medium-sized businesses and web professionals.

And now, the development team is working at making WooCommerce fully compatible with Gutenberg. And the first phase is about building custom WooCommerce Blocks that can be used in the new WordPress editor.

These blocks come free of cost and let you customize and change the complete look and feel of your WooCommerce store – without typing a single line of code. With a simple drag and drop tool – you can place your store products wherever on the website in whichever desired format.

In part 1 of this article we saw ten WooCommerce blocks and their significance. In this article, we’ll talk about ten more blocks you can use for an interactive online store. But first, let’s learn about adding and editing these blocks on your store.

WooCommerce: How to Get Started with WooCommerce Blocks – PART 1

Since WordPress 5.0, the default page/post editor has been completely redeveloped. Surely, you’ve heard about Gutenberg.

Bad news is that WooCommerce joined the new editing experience much more slowly, and there are still major things to develop in order to make it Gutenberg-friendly.

The compatibility progress can be tracked via the WooCommerce Blocks official plugin, which states “You can use this plugin if you want access to all the available blocks for WooCommerce – including experimental ones. Our current “stable” blocks are bundled into WooCommerce, and can be added from the “WooCommerce” section in the block inserter“, because you can find their “beta” blocks in there, those they call “experimental” and that will be officially released into WooCommerce once they are approved.

In this article, we’ll specifically dive deep into WooCommerce Blocks – what they are, why they’re important, how many blocks are available, and how you can use them.

Since this is a huge topic – we have twenty WooCommerce Blocks to cover – we’re dividing it into two parts. This article will evaluate the first ten Blocks you can use in your store. But first, let’s identify what WooCommerce blocks are and investigate why they are so important.

WooCommerce: Add Custom Field to “Quick Edit”

WooCommerce product custom fields are possibly the most used customization from what I’ve seen over the years on clients’ websites.

Adding custom fields to the product backend is pretty straight forward (including the input fields to be used for editing their values), however there are two additional areas where you need to do more work in order to allow for custom field editing: the “Quick Edit” and the “Bulk Edit” sections (WordPress Dashboard > Products).

We already saw how to allow a new custom field to appear in the Bulk Edit section, so this time we’ll talk about the Quick Edit window. So, how do we add a custom field in there (WordPress Dashboard > Products > Hover on a given product > Quick Edit)?

Well, here’s a fully working snippet for you. Enjoy!

WooCommerce: How To Flip Product Images On Hover

Product images on your WooCommerce website play a significant role in increasing clicks and conversions. In fact, research suggests that 87.6% of customers consider the product image as the key component of their shopping experience.

Naturally, any consumer who clicks on the product card first sees and goes through the product image. After that, they check for the size availability and read the product description, customer ratings, reviews, or technical specifications.

While installing WooCommerce will help you with the basic setup of your eCommerce store – with minimal image settings and a simple product gallery, you’ll need to look for better ways to boost your product images.

So, considering the effective role product images play in eCommerce sales, the question is – how can you maximize their potential and deliver an excellent customer experience?

One way to do this is through the WooCommerce image swap / flip plugins. These plugins let you add a hover effect on your product images to flip or change them. By doing this, you’ll be able to display additional variations of your products, allow customers to preview products right from the category page and keep customers in your store longer by offering them an enjoyable browsing experience.

The product image swap/flip plugins for WooCommerce help stores in several other ways. But first, let’s understand their importance and get a clear picture of their functionality.

WooCommerce: How to Leverage Instagram to Get More Sales

Once you’ve got your WooCommerce store up and running, the next important step is to promote it – so you can reach your target group and maximize your sales and revenue.

And Instagram is an excellent platform for businesses like you to showcase their products, different use cases, and customer reviews.

That’s not it. Whether you’re planning to start an Instagram page for your store or already have one, you can increase the impact of your Instagram content – by using social media feed plugins.

Allowing you to display Instagram posts on your website, these plugins take Instagram’s power to highlight your store and products to boost your sales up a notch.

This article will explore five such plugins that will help you add content from Instagram to your website and use it to its full potential. But first, let’s understand what social media feed plugins do and how they can help you.

WooCommerce: Hide Price If Product Out of Stock @ Frontend

Sometimes, the nature of ecommerce businesses requires some extra features. Thankfully, WooCommerce allows to customize pretty much everything based on whatever condition.

Today, we’ll see how to hide prices for out of stock items, on the shop, categories, archives, loops and single product page.

Think of an art gallery which sells unique art pieces, and doesn’t want to let users know for what price sold an item. Or maybe an online business that often runs discounts – why reveal at which price sold an item that is now out of stock? Of course, there are way more case scenarios – I’d be curious if you shared yours in the comment area.

But for now, copy and paste the snippet and that’s it, you’re good to go. Enjoy!

WooCommerce: Remaining Stock @ Order Emails

This is a neat customization, directly requested by a WooWeekly subscriber who needed to literally show the remaining stock quantity for each ordered item to store managers, in order to have an immediate idea of low/zero stock quantities after each order.

If that’s not clear, simply take a look at the screenshot. In my dev site, I ordered a product that originally had stock quantity = 1. In the “New Order” email (thanks to the snippet below), beside the order item quantity of 1, there is also a “(0 remaining)” notice that clearly displays the item’s current stock level.

Cool, ha? So, let’s see how that’s coded. Enjoy!

WooCommerce: How To Sell Restaurant Food Online

The COVID-19 pandemic has made millions of restaurants around the globe shut their doors and adapt to a different and much more convenient way of doing business – accelerating the online restaurant ordering system.

Several third-party services like Uber Eats and Grubhub can help you get your restaurant menu online and take online food orders. However, their downside is that they come with a huge cost – and cut 20-30% from your earnings. Plus, they also come with a lack of control and access over your listing, user-friendliness, and menu design.

Enter WooCommerce restaurant plugins.

While the process of setting up your own online food delivery system may seem taxing – WooCommerce restaurant plugins make it easy and affordable with their quick setup, ease of management, and high versatility and customizability.

Ciao Italia Ristorante, an Italian restaurant in the US, made the most out of WooCommerce Restaurant Ordering Plugin in the pandemic to let their customers order food from their homes and leverage curbside pickup. The plugin allowed them to design a one-page food ordering form – making food ordering and checkout quick and easy for their customers.

Adam Tracksler, who developed the website, said they launched on day one, and the plugin allowed them to focus on the design and get their restaurant going and website running quickly amidst the pandemic – boosting revenue and saving infrastructure costs.

Several other restaurants around the globe today use WooCommerce restaurant plugins to offer a comfortable and fast order and checkout process for customers and eliminate the need to pay a major chunk of their hard-earned money to third-party services.

Let’s explore some of the best WooCommerce restaurant plugins to help you get 100% of your revenue straight from the customers and boost your business revenue.

WooCommerce: How to Sell Online Courses

eLearning has become the “new normal” since the pandemic, as the number of course creators has increased and the demand for online learning has expanded.

Compared to one-on-one tutoring, which has an 8-10% retention rate, eLearning has an exceptional retention rate of 25-60%. A significant reason behind this is the control and flexibility it offers people over where, when, how, and what they want to learn.

If you’re someone who owns an eLearning website, one thing that can make you significantly stand out, get more customers, and drive referrals is – offering the best learning experience to your audience.

However, it’s not that easy. From building effective courses, and updating modules and lessons to ensuring an excellent and user-friendly interface with round-the-clock customer support – handling everything manually is challenging.

Enter WooCommerce Learning Management System (LMS) plugins.

These plugins help you design courses professionally and improve the learning experience through advanced features, functionalities, and customizations that best suit your course and your audience’s needs.

We’ve done the legwork for you and compiled a list of the top four WooCommerce LMS plugins that will help you build and manage your online courses seamlessly, offering a truly immersive learning experience to your audience. But first, let’s quickly understand what WooCommerce LMS plugins are and how they work.

Let's Talk WooCommerce, In Person

Cart reminder?