How to Add Related Products in WooCommerce (Step-by-step)

Every business owner wants to increase their store sales and keep customers coming. Creating a seamless shopping experience encourages visitors to explore more and make purchases.

But how do you increase your sales in your WooCommerce store?

One of the best ways to increase conversions and improve customer experience is adding related products. This simple strategy not only improves the customer experience but also conversions.

In this article, we will show you how you can add related products using a free plugin to help you maximize sales and keep your customers engaged.

Let’s dive into the article’s next section!

What are Related Products in WooCommerce?

WooCommerce related products are extra items that show up on your WooCommerce product pages. These pages are designed to tempt customers into checking out similar products and possibly adding them to their cart.

These items are usually chosen based on shared categories or tags with the current product.

Products in the related section are generally selected based on shared tags or categories with the item you are looking at. 

For example, if you’re selling a red T-shirt, other products in the ‘T-shirt’ category, like a blue T-shirt or a graphic tee, will be displayed.

5 Benefits of Using Related Products in Your WooCommerce

The reasons for adding related products to your WooCommerce store are many. In this section, we will explore the top benefits of adding related products in your WooCommerce store.

Increased Average Order Value (AOV)

One of the key benefits of using related products in your WooCommerce store is the potential for an increase in Average Order Value. By showcasing products that are complementary or similar to what the customer is currently viewing, you encourage them to add more items to their cart.

If a customer is browsing a pair of running shoes, displaying related products such as socks, water bottles or athletic wear can entice them to make additional purchases.

By strategically placing related products that align with the customer’s interests and needs, you are giving them the opportunity to discover products they have not initially considered. This type of process leads to higher transactions.

Improved Customer Engagement

Related products are a powerful way for keeping customers engaged with your store for a longer period. When a customer lands on a product page, displaying related items gives them the chance to explore more products without active search.

This ongoing engagement not only enhances the user experience but can also encourage customers to spend more time on your site. This is beneficial for both immediate sales and long-term brand loyalty.

Moreover, the convenience of finding similar products without extra effort adds a layer of satisfaction, making customers more likely to return for future shopping trips.

Enhanced user Experience

Providing related products helps create a more personalized and curated shopping experience for your customers. When they are presented with relevant options based on what they are already interested in, it makes shopping feel easier and more intuitive.

For instance, if a customer is purchasing a camera, suggesting related products like memory cards, tripods, or camera bags can make their shopping experience more seamless. It’s as though you’re guiding them toward items they might need, without overwhelming them with unrelated suggestions.

By using related products, you essentially act as a personal shopping assistant, which can increase customer satisfaction and ultimately result in more frequent visits and purchases.

Boost Product Discoverability

Another important benefit of related products is that they help increase the visibility of less-prominent or new items in your store. If you have products that are not being viewed as much, placing them in the related products section can help expose these items to customers who may not have found them otherwise.

For example, if you have a new line of eco-friendly products and a customer is browsing your regular product range, displaying related eco-friendly items can help introduce your new collection. This ensures that your customers are aware of a broader selection of products, potentially sparking interest in items they might not have otherwise considered.

This not only helps increase sales for those specific products but also gives customers a more comprehensive view of your store’s offerings, making them more likely to return in the future.

Increases Conversion Rates

Related products can directly impact your store’s conversion rates by encouraging customers to make additional purchases. When strategically placed, related products can gently nudge a customer to purchase more items, especially when they are presented as “must-haves” or “frequently bought together” suggestions.

For example, if a customer adds a pair of sunglasses to their cart, suggesting related items like hats, sunscreen, or beach towels can create a natural path for upselling. This process is often subtle, but it plays a significant role in encouraging customers to finalize their purchases, reducing cart abandonment rates.

4 Simple Steps To Add Related Products in WooCommerce

In this section we will explore how to add related products to your WooCommerce store. It’s easy when you follow these steps

Step 1: Install and activate CoDesigner in your store

Head over to your WooCommerce store Plugins >> Add new and search for CoDesigner. After that, click and install the plugin.

Once installed, we can start customizing the product page.

Important Tip: Don’t forget that WooCommerce and Elementor are essential plugins for CoDesigner to work.

Step 2: Enable the Related widgets

Next, go to your WordPress dashboard >> CoDesigner>> Widgets 

And from there go to the Single product section and  enable the Single Products widgets.

Then, be sure to enable the Related Products widgets too. This will allow you to display the related products section on your product pages.

Step 3: Add the widgets to your product pages

Now for your dashboard >> Templates >> Add New and select CoDesigner Single Product. Open this template in Elementor.

Once you are in Elementor, drag the Related Products widget to the section where you want it to appear.

Step 4: Customize the WooCommerce related products

Click on the related products section, and customize everything that matches your store’s vibe. You can adjust the related products content, styles, and even the typography and more customization. Also, you can choose specific products like current, custom, or cart items.

When you’re done, make sure you assign this template to your shop products by setting the conditions in the Elementor settings.

Important: Don’t forget to assign this new template to your WooCommerce products so it shows up correctly.

This is how your single product page will look like. You can customize everything using the CoDesigner plugin. If you want to remove related products in WooCommerce you can check out this how to remove related products in WooCommerce guide.

Best Practices for Showing Related Products in WooCommerce

To get the most out of your WooCommerce related products section, here are simple but effective tips:

Make it relevant: Show products that truly complement or enhance the item your customer is already viewing. If the suggestions are off-topic, it can confuse them and make them less likely to explore further.

Personalize the recommendation: Take the time to choose related products that fit well with the current item and match your customer’s needs, especially for your best sellers or popular items.

Don’t overload with choices: Avoid bombarding your customers with too many options. Highlight only a handful of the most relevant products to keep their interest without overwhelming them.

Make it visually appealing: Display related products in a clean and engaging way, such as in a slider or grid. High quality images, clear layouts, and consistent styling can make all the difference in getting customers to take a closer look.

Use data to your advantage: Dive into sales and customer behavior data to find out which products are often bought together, and use that information to fine-tune your recommendations.

Keep an eye on performance: Regularly check how well your related products are performing in terms of sales, and tweak them as needed to make sure they’re driving conversions.

Conclusion

If you let your customers find the right product easily, it can make a big difference in your woocommerce growth. By adding related products in your WooCommerce product pages, you are not just increasing sales, you are also creating a smoother and more enjoyable shopping experience.

When customers see relevant suggestions, they are more likely to stay longer, explore more, and buy more.

The best part? You can now easily set up related products with the CoDesigner plugin. No hassle , no stress.Just give it a try and see how it helps boost your WooCommerce store sales.

Frequently Asked Questions (FAQs)

Q. How can I show more related products in WooCommerce?

To show more related products in WooCommerce, you have to:

1. Install and activate CoDesigner in your website including WooCommerce and Elementor.

2. After activating CoDesigner, navigate to CoDesigner >> Widgets section.

3. In this section, you have to enable the related widgets and Related Products widgets.

4. After that, create a new template from Dashboard >> Templates >> Add new and select CoDesigner Single Product.

5. From Elementor add the Related Products widget below the single product section.

6. Finally, after the customization Save the changes.

Q. How do I turn off related products in WooCommerce?

You can disable related products in WooCommerce by adding code to your theme’s functions.php file. For example:

remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_related_products’, 20 );

Alternatively, you can use CSS to hide the related products section:

.related.products { display: none; }

Q. How do I manually select related products in WooCommerce?

To manually select related products, follow these steps:

1. Go to Products >> All Products in your WooCommerce dashboard.

2. Edit the product for which you want to set related products.

3. Scroll down to the Product Data section and select the Linked Products tab.

4. Add products to the Upsells or Cross-sells fields. These will appear as related products

Q. What is the best way to display products of a particular category in WooCommerce?

The most effective way is to use shortcodes or plugins. For example, you can use the [product_category] shortcode to display products from a specific category:

[product_category category=”category-slug”]

You can also look for plugins available in WordPress repositories.