WooCommerce: Display “Related Product Categories” @ Single Product Page

The WooCommerce Single Product page, on top of letting you add to cart the current item, also displays a list of related products and up-sells (when defined).

But what if you ALSO want to show a grid of “related product categories”, so that the customer can easily navigate to a category page instead of a single (related) product?

In this experiment, we will first calculate the current product’s categories, and then use a WooCommerce shortcode to output them as a grid, right below the related products section. Enjoy!

Continue reading WooCommerce: Display “Related Product Categories” @ Single Product Page

WooCommerce: “Load More Related Products” Ajax Button @ Single Product Page

As you know, the WooCommerce Single Product Page displays a set amount of related products (usually 4). But despite the fact that you can customize the number of related products via code, there is no setting that allows you to have a “LOAD MORE” button instead.

My goal is therefore to show as many Related Products as the user wants without reloading the page, so that they can find out more potential matches and increase the chances to place an order.

I must say this took me the whole morning and it’s not yet finished. There are two small bugs: (1) the “Load More” button does not hide once there are no more related products and (2) once the current product’s related products are finished (so, after clicking on the load more button 1 or more times), the Ajax keeps showing the last related product as opposed to show none. Feel free to contribute if you wish to help!

Having said that, let’s see how to implement an Ajax “load more” feature. You can also reuse this on different projects (e.g. “load more blog posts”), because once you get to understand how Ajax works then you can do lots of cool stuff without refreshing the page.

Enjoy!

Continue reading WooCommerce: “Load More Related Products” Ajax Button @ Single Product Page

WooCommerce: Disable Related Products Shuffle

By default, the WooCommerce Single Product page features a Related Product section. Here, you’ll find products that are related to the current product, based on product categories and product tags in common.

All good so far, but we need to make a few more notes: whenever WooCommerce “calculates” the list of Related Products, it searches for 15 of them (unless otherwise specified via custom code). Then, it shuffles them. And finally it gives you the first 5 of them (unless otherwise specified via custom code). At this stage, these are sorted by “rand” (unless otherwise specified via custom code).

This is because WooCommerce wants people to see different related products each time a single product page is loaded. It’s potentially good, but also it may get messy when, as a store owner, you may want to direct people to the same related products over and over again (i.e. always show the same set of related products).

And in order to do that, we need to do 2 changes: disable the shuffle, and disable the “rand” sorting. In this way, you should be able to show the same Related Products to all customers. Let’s see how this is done!

Continue reading WooCommerce: Disable Related Products Shuffle

WooCommerce: Related Products Custom Heading & Subheading

Related products automatically show on the WooCommerce Single Product page. We’ve already seen some tutorials here on Business Bloomer regarding them, such as one for displaying a custom list of related products instead of the default one, which uses product categories and tags in common.

Today I want to cover the actual “Related products” title (H2) and also find a way to display an additional piece of content right below it (subheading). Enjoy!

Continue reading WooCommerce: Related Products Custom Heading & Subheading

WooCommerce: Display Product Grid @ Order Emails e.g. Related Products

Bad news first – we’ve seen how to add content to any WooCommerce order email, however I did not specify that if you use the [products] shortcode that’s not going to work unfortunately. The reason behind this, in plain English, is that… it just doesn’t work, and it outputs a weird list of “Sale!” list items (see screenshot below)!

So, I want to fix this, and find a WooCommerce email-compatible way to show a grid of products based on a list of product IDs (for example, the list of related products based on the ordered items), and make sure I can actually see product images, titles, prices and a link. Enjoy!

Continue reading WooCommerce: Display Product Grid @ Order Emails e.g. Related Products

WooCommerce: Show Related Products In a Blog Post!

Maybe because I’m Italian, but I like exclamation marks! Also, Italian gestures – of course. With that being said, today we look at an amazing WooCommerce customization.

I’ve finally gained back some free time to work on my personal projects, and one of these is an affiliate website. In order to drive traffic to this WooCommerce website, we have a major content strategy and we publish 7 relevant posts per month.

However, it’s difficult to drive blog readers to the shop page, so I came up with a great idea – why not adding a grid of relevant related products at the end of each blog post, based on the most used keywords?

The rationale behind this is quite easy:

  1. you have a list of product tags
  2. you have a blog post full of words
  3. you count and define the most mentioned product tag
  4. you show 10 products from that product tag

Cool, ha? Well, let’s take a look at my code, and feel free to use it on your install!

Continue reading WooCommerce: Show Related Products In a Blog Post!

WooCommerce: Sell More With Upsell & Order Bump Plugins

You’ve certainly heard of upsells and order bumps before, but somehow everyone seems to have their own definitions for these terms, the product makers on this list being no exception. The WooCommerce plugin further confuses things by inexplicably categorizing recommendations made on the product page as upsells and recommendations made on the cart page as cross-sells. Therefore, we need to get our terminology straight. 

First of all, we’re talking about product recommendations here, but not the type that simply appears on product and cart pages regardless of whether the shopper has put anything into their cart (we have covered those already). That type of product recommendation plugin often goes by the name of “Related Products for WooCommerce.” It is a crude instrument that gets the job done but is not as finely attuned as the tools in this listicle. 

Keep that in mind: the product recommendations we are discussing here, whether they are upsells, cross-sells, or downsells, are happening during checkout (before you finish your order) or post-checkout (after you finish your order). Upsells are typically defined as attempts to sell a more expensive product than that which has been purchased or is in the cart. Downsells are defined as attempts to sell a less expensive product. Cross-sells are defined as attempts to sell an equal-priced product. 

Sometimes, people specify whether they are talking about recommendations during the checkout or post-checkout process by using the term “post-purchase upsell/downsell/cross-sell.”

Others, like Chris Lema — who has recently established himself as an authority in this domain — refer to order bumps as upsells/downsells/cross-sells that happen during the checkout process and upsells as any type of purchase (no matter the price) that happens during the post-checkout process. This is very common. People use the term upsell to refer to downsells and cross-sells all the time. Unless otherwise stated, we will operate with the definitions set forth in this paragraph. 

So, now that we’re clear on our terms, we can begin discussing the top upsell and order bump products available for WooCommerce. 

Continue reading WooCommerce: Sell More With Upsell & Order Bump Plugins

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. 

Continue reading WooCommerce: Top Product Recommendation Plugins

WooCommerce: Boost Your Sales With Advanced Analytics

Product recommendations is an efficient and proven way to boost your WooCommerce sales.

The downside is that it could be a very time-consuming activity to bundle products manually, as well as the fact that it is not always the logical “pairing” that will generate the most sales.

The way forward is to utilize AI (Artificial Intelligence) and let analytical data models do the work for you.

Meet Engage, an AI-powered product recommendation engine. The type of recommendation vary a bit depending on the page your visitor is viewing. This is mainly because the recommendation model needs input to function properly (e.g. the first time a new visitor lands on your homepage, the model doesn’t know anything about their behavior and therefore it can’t provide recommendations.

But as the user interacts with the website the model picks up on behavioral patterns and is then able to provide better recommendations.

Continue reading WooCommerce: Boost Your Sales With Advanced Analytics

WooCommerce: Custom Related Products

WooCommerce picks related products on the Single Product Page based on product categories and/or product tags. Related products are very important to the shopping experience, and sometimes this is not enough – what if you want to automatically show certain products based on different criteria?

So, here’s a quick snippet to e.g. get related products with the same product title of the current one. A very strange example, but you can use this as reference in case you want to get products based on different criteria.

The get_posts() function, in fact, can be customized to get products with a given stock, specific price range, same custom field value, search term, and so on.

Continue reading WooCommerce: Custom Related Products

WooCommerce: Checkbox to Disable Related Products Conditionally

Here’s how you can display a “checkbox” in the product edit page in order to hide the Related Products section in case this is checked. This is something you can also reuse to hide other sections in the same way – for example you might need to hide product tabs or featured image in certain cases.

I’ve coded this in 15 minutes for a client so why not sharing it with you too? Here’s the full snippet, enjoy!

Continue reading WooCommerce: Checkbox to Disable Related Products Conditionally