---
title: "How to Show Related Products on a Product Page? (Based on Categories & Tags)"
url: https://theplusaddons.com/docs/show-related-products-on-a-product-page/
date: 2023-08-08
modified: 2026-04-11
author: "Aditya Sharma"
description: "In online stores, product recommendations are crucial for maximizing sales. One effective way to achieve these goals is by displaying related products on a single product page. By doing so,..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Show-Related-Products-on-a-Product-Page_-Based-on-Categories-Tags-1024x536.jpg
word_count: 343
---

# How to Show Related Products on a Product Page? (Based on Categories & Tags)

## Key Takeaways

- The Product Listing widget from The Plus Addons for Elementor displays related products based on category and tags.
- Users can select from three options for displaying related products: Based on Category, Based on Tag, or Both.
- The widget requires installation and activation of The Plus Addons for Elementor to function properly.

In online stores, product recommendations are crucial for maximizing sales. One effective way to achieve these goals is by displaying related products on a single product page. By doing so, you not only provide customers with more options to choose from, but also increase the chances of them buying multiple products.

With the help of the Product Listing widget from The Plus Addons for Elementor, you can easily show related products based on category and tags on your single product pages.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To create the single product template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/), or you can use Elementor Pro if you are already using it.

Now once you have created the single product template, make sure you’ve added some products in your WooCommerce store, then follow the steps - 

1. Add the Product Listing widget to the template. 

2. Select **Single Page Related Products **from the **Product Listing Types** dropdown.

3. You can choose the basis for displaying related products by selecting an option from the **Related Post Type** dropdown. Here you’ll find three options - 

- **Based on Category** - This will show related products based on the product category.

- **Based on Tag** - This will show related products based on the product tag.

- **Both** - This will show related products based on category and tags together.

Select the option that fits your needs.

4. Then select the appropriate style and layout from the **Style** and **Layout** sections, respectively.

Now you should be able to see related products on a single product page based on category and tag.

> *Note: Make sure to use other *[*single product related widgets*](https://theplusaddons.com/elementor-builder/woocommerce-builder/)* to ensure that your content is displayed correctly.*

You can fine-tune the settings and style from other options.

Also, check [How to Show Upsell Products in WooCommerce in Elementor](https://theplusaddons.com/docs/show-upsell-products-in-woocommerce-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if related products are not showing up on my product page?**
A: If related products are not appearing, ensure that you have installed and activated The Plus Addons for Elementor. This plugin is essential for using the Product Listing widget. Additionally, check that you have selected the correct options in the Product Listing Types dropdown, specifically 'Single Page Related Products'. If the settings are correct and products are still missing, verify that the products have been assigned to the appropriate categories or tags.

**Q: What is the best way to style the related products section on my product page?**
A: To style the related products section effectively, choose an appropriate layout and style from the Style and Layout sections of the Product Listing widget. Consider the overall design of your product page and ensure that the related products section complements it. A well-styled section can enhance user experience and encourage additional purchases.

**Q: Does the Product Listing widget work with other page builders?**
A: The Product Listing widget from The Plus Addons for Elementor is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. If you are using Elementor, you can easily integrate this widget into your product pages.

**Q: How can I ensure that my related products are relevant to customers?**
A: To ensure that related products are relevant, carefully choose the basis for displaying them by selecting either 'Based on Category', 'Based on Tag', or 'Both' in the Related Post Type dropdown. This targeted approach helps in showing products that are more likely to interest customers, thereby increasing the chances of additional sales.