Single Product Page Archives - Business Bloomer

WooCommerce: Why Use A Product Configurator Instead of Variations

One of the biggest marketing trends in recent years is the increasing shift towards delivering customized and personalized product experiences to customers.

Customers are increasingly looking for online and eCommerce stores that provide order customization options for gifting purposes and the ability to add their personal and unique touch to their orders. While 90% of the U.S. customers find the idea of personalization appealing – impersonal shopping experiences frustrate 71% of customers.

Thus, as a WooCommerce store owner – it’s important to strive and meet the increasing consumer demands to prevent dissatisfaction, improve their shopping experiences and increase the overall sales.

This article will see some easy yet impactful ways to deliver a personalized customer experience and order customization. But first, let’s see how it can benefit your WooCommerce store.

WooCommerce: Only Allow to Buy a Product Once

In the era of online courses, subscriptions, custom-made products and product personalization, it may happen a scenario where a user can only purchase a product once in their lifetime.

In this short tutorial, we will see how this is done.Clearly, the user must be logged in in order for the code to trigger, so this applies to stores that require checkout login in order to proceed with the order.

Enjoy!

WooCommerce: Display Prices Inc + Ex Tax

The WooCommerce settings allow you to show prices including OR excluding tax. But what if we want to show both at the same time e.g. “$100 inc. tax – $89 ex. tax”?

Well, by combining the snippet below with the snippet I already coded for variable products price range, you can achieve exactly that.

Yes, in theory you could add a WooCommerce suffix via the settings, but unfortunately WooCommerce wraps such suffix in a “small” HTML tag and therefore the whole content is smaller in size, including the second price.

In this tutorial, we’ll see how to add a suffix via PHP instead, and specifically at how to add the price including tax if your store displays prices excluding tax. Enjoy!

WooCommerce: How to Enhance the Product Gallery

Product featured and gallery images are important components of your online WooCommerce store – because most online shoppers base their product purchase decisions on product images.

Don’t take our word for it. According to Etsy, 90% of online customers say the product image quality is a decisive factor in an online sale. Thus, it becomes imperative to improve your product images and the visual appearance of your online store to boost clicks, maximize conversions, and increase sales.

Unfortunately, the standard WooCommerce product gallery provides a basic interface – making it difficult to boost your product images. So, if you want to turn your simple WooCommerce product gallery into a responsive and stunning carousel slider – this article is for you.

We share the top plugins you can use to customize your WooCommerce product gallery and create appealing product images that drive sales. But first, let’s see how improving gallery images can help your online store.

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: Stock Quantity Suffix e.g. “sq. in.”, “Kg”, “boxes”, etc.

Each WooCommerce business is different, which means customization is required to adapt the store to unique specifications.

A clear example is the stock quantity. Not all stores can display the standard notice “11 in stock”. The display could change to “11 Kg in stock” if stock is based on weight. Or maybe “11 boxes in stock” or “11 pairs in stock” in case the package description is useful UX-wise. Also, “11 m³ in stock” if the business sells volumes.

Either way, this is a nice trick to display a “stock quantity suffix” in your WooCommerce Single Product Page. Enjoy!

WooCommerce: Display Selected Variation Info (price, weight, etc.) @ Single Product Page

We already saw how to get the “Variation ID” from the single product page once product attributes dropdown are selected. In that tutorial, we ran a jQuery “change” event once “input.variation_id” got updated.

However, that only gives us access to the variation ID. What if I need to read the variation price, stock quantity, SKU, weight, and so on? Well, in such case, we need different code. Enjoy!

WooCommerce: How to Build a One-Product Website

Crocs started by selling just foam clogs, and now they’re a billion-dollar company. Casper earned millions selling only mattresses, while Sara Blakely became one of the youngest self-made female billionaires with Spanx, which sold only underclothes initially.

Can you guess what all these brands have in common? It’s that they started off by selling just one product, built their entire brand around it, and yet became successful.

Today, most eCommerce businesses sell multiple products – because of the presumption that the more products you offer, the higher chances of converting visitors and making a sale. But from managing operations to inventory, a store with many products comes with its own problems.

On the other hand, selling just one product can streamline your store’s operations and make inventory management and handling orders easy.

It allows you to focus all your energy and resources on creating, marketing and improving a single product. If done correctly, this can help you build a significant brand value – as people will start associating your store with your flagship product, making you an expert in your market and helping you stand out from your competitors.

Given its benefits, creating a one-product store is an excellent idea – all you practically need is the right product for your customer’s needs and a solid, easy-to-navigate website.

Lucky for you, this article will help you with the latter, taking you through all the steps of creating a fantastic WooCommerce website for your one-product store.

Let’s begin!

WooCommerce: Define Product Settings Programmatically e.g. Enable Reviews, Sold Individually

In WooCommerce, everything is easy until you have a dozen products to manage. But once you start scaling, and maybe need to import hundreds of items, right then is when you go looking for shortcuts.

Problem is – there are single product settings that you must enter manually for each product (or do it in bulk anyway) such as tax status, tax class, shipping class, sold individually, enable reviews and more; you could keep repeating your manual setup operations or fine-tune your bulk editor system to get that done, but what if there were a few lines of code that would simply “set” whatever option you need for ALL products, without worrying whether that specific option is set or not set in the single product edit page?

For example, it happened to a client of mine that we forgot to “enable reviews” on 10,000 imported products so we were left with two choices: re-run the product import, or find something smarter. And the latter is what we’ll cover today.

So, how do you “override” or “force” a specific WooCommerce single product setting without worrying about its actual per-product value, so that products do behave all the same? Here are a couple of ideas. Enjoy!

WooCommerce: Why & How to Bundle Products

Maximizing sales and revenue is every eCommerce store’s top priority. And a time-tested strategy to achieve this is – creating product bundles.

Bundling happens when you combine complementary products and sell them as a package – often at discounted rates. This helps you sell more items, increase your average order value (AOV), and thus, earn more profits. It’s also a smart way to clear surplus stock and increase sales of slow-moving items.

The success stories of product bundles are proof of this. Sock retailer Soxy, for instance, raised their AOV by 358% after introducing product bundles.

And that’s not it. Bundles benefit customers as well – they get more value by purchasing multiple products and save time and extra shipping charges, which further helps improve their experience at your store.

But you don’t have to do this manually, you can easily start selling bundles using product bundle plugins. And given their extensive grouping and customization features, WooCommerce plugins remain a top choice for bundling products.

We’ve done the legwork for you and compiled a list of the best WooCommerce product bundle plugins to help you create, sell, and leverage product packages on your store.

Let’s begin!

WooCommerce: Create Product Programmatically

No matter if this snippet suits your needs or not, it’s still interesting to see how you can create a brand new WooCommerce product programmatically / automatically when a certain even triggers.

In this case studio, we’ll see how to generate a brand new product, set its featured image, price, category, title and a download file as soon as an image is uploaded in the WordPress backend Media section. This would be super useful for photographers for example – simply upload a new image to the WordPress Media Library, and a new product is automatically created.

Of course, you can customize the code and use it with different triggers. For example, you may need to create a new product automatically when each phone product needs always a matching case product, just with a different title. Or maybe you want to tie product creation once an order is placed.

Either way, enjoy!

WooCommerce: Top 7 Variation Swatches Plugins

Variation swatches are kind of a no-brainer. While this type of plugin is not typically classified as essential, I would argue that it is if you’re trying to build a world-class online store.

I am assuming, of course, that you don’t want to go through the work that these developers have gone through smoothing out the folds and wrinkles that inevitably arise when building even the most innocuous extension to WooCommerce.

The fact of the matter is that colors and images are a lot more compelling than text on a screen, so – whether it’s your own store or a client’s – why pass up the chance to increase the likelihood of a conversion?

All of these plugins let you get started briskly, easily, and freely; are available in premium and free versions; and, trust me when I say, there is a good reason for each and every one of them to appear on this list, whether it’s because of the feature base, price, or aesthetic preferences.

So without further ado, drum roll please…

WooCommerce: Disable Attribute Select Unless Previous Is Selected (Variable Products)

On the single product page for a variable product, multiple dropdowns display so that users can select their desired attribute choice.

In certain cases, you’d want them to follow the exact top-to-bottom attribute order while they’re selecting a specific variation. With that I mean that you want them to select the first attribute first, then the second, then the third… basically you want to disable the “next attribute select dropdowns” unless the previous select changes to a value that is not null.

Better shown in an image than said, so here’s the GIF, and with that the PHP/jQuery snippet. Enjoy!

WooCommerce: Top Product Recommendation Plugins

If you’re running an ecommerce site and haven’t spent any time thinking about the product recommendation experience your customers are having, then it’s incumbent on you to start doing so immediately.

Just think where Amazon would be without its robust recommendation engine. Certainly not where it is today.

You might not be able to make recommendations as precise as those of Amazon (that’s almost a certainty when you lack access to the mountains of data Amazon is harvesting to make ever-relevant suggestions), but you might as well work with what you have.

What you have, after all, as a merchant using the WooCommerce platform, is the fruits of countless hours of labor spent on all manner of tools and plugins, including those focused on (no surprise!) product recommendations.

Product recommendations can come in many forms. There is upselling, which involves attempting to sell a product that is more expensive than that being purchased; there is downselling, which involves attempting to sell a product that is cheaper than that being purchased; and there is cross-selling, which involves attempting to sell a product around the same price as that being purchased.

Upsells, downsells, and cross-sells typically take place during the checkout or post-checkout process. It is assumed that one or more items are already in the cart by the time the product recommendation is made. To be sure, there are many plugins that perform this sort of function, most famously CartFlows. However, in this blogpost, we are not so concerned with these kinds of product recommendation tools. Instead, we will focus our attention on those plugins that let merchants make recommendations on product and cart pages, regardless of whether the shopper has loaded the cart with anything.

WooCommerce: Check If Product 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!

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!

WooCommerce: Force Max 1 Category Per Product

Here’s yet another snippet I use on A Piece of Sicily, my Sicilian marketplace, to make sure vendors can only select one product category for a given product. This is to make sure they make the best possible choice and also to avoid confusion and multiple listing.

Of course, the same can be used on your own WooCommerce install, in case you wish to limit the number of categories that can be assigned to each product (inside the snippet, you can even change “1” to “whatever number” and therefore define your own “max” e.g. max 2 categories).

This time I can’t make you “see” the customization as we’re in the backend, so please take a look at the screenshot below. Enjoy!

WooCommerce: Show Shipping Rates @ Single Product Page

In today’s “Watch me customize my WooCommerce marketplace website” episode (see previous customization re: external products) we’ll go printing shipping zones and rates on the single product page, so that users know how much they’ll end up spending once they reach the Cart/Checkout and there are no “hidden” fees. Not bad for some transparency = better sales conversion rate!

You can see the result on my own website, at this link for example: https://www.apieceofsicily.com/en/shop/sicilian-crafts/ciabattino/ – as you can see right below the “Add to Cart” button there is a shipping table with the data taken from the shipping zones.

I must say I use YITH WooCommerce Multi Vendor / Marketplace so that data is actually taken from each vendor’s shipping setup – so in this tutorial we will first see how to get the default “WooCommerce Shipping Zones Data” and in a second snippet we will instead see how to get the info for each vendor instead.

Either way, enjoy!

WooCommerce: Open External Product Link In New Tab

Today I start a personal WooCommerce customization marathon as I try to relaunch my personal project A Piece of Sicily (a Sicilian products marketplace, WPML friendly, with products uploaded by vendors and external (affiliate) products).

Each week I will share a snippet I’ve personally coded, so that you can follow me along the going-live path and actually see the results on the live site.

This time, we’ll talk about External Products, and specifically at how to Open the external add to cart URL in a new tab, so that users stay on your WooCommerce website even after visiting the affiliate link. Enjoy!

Join 150,000+ Monthly Readers & 14,000+ Subscribers.

Become a Business Bloomer Supporter.