{"id":38420,"date":"2024-05-13T23:49:32","date_gmt":"2024-05-13T23:49:32","guid":{"rendered":"https:\/\/10web.io\/blog\/?p=38420"},"modified":"2024-05-13T23:49:33","modified_gmt":"2024-05-13T23:49:33","slug":"how-to-change-related-products-in-woocommerce","status":"publish","type":"post","link":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/","title":{"rendered":"How to Change Related Products in WooCommerce: A Complete Guide"},"content":{"rendered":"<p><span>Enhancing customer engagement and boosting sales are key objectives for any WooCommerce store. This guide explores how to change related products in WooCommerce to optimize product recommendations. <\/span><\/p>\n<p><span>By strategically configuring these elements, store owners can create a more dynamic and <a href=\"https:\/\/10web.io\/blog\/how-to-set-up-woocommerce-shop-page\/\">personalized<\/a> shopping experience, ultimately increasing purchase value and customer satisfaction.<\/span><br \/>\n\r\n<style>\r\n  #ctablocks_inline_84{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_84 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_84 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_84 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_84 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_84\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Group-175063@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n\t\t\t\t\t            <h4>Looking to sell online?<\/h4>\r\n        <\/div>\r\n              <p>Create your custom online store in minutes with 10Web AI Ecommerce Website Builder and take your business online. <\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-84\" data-buttontype=\"cta-inline\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n<\/p>\n<h2>FAQ<\/h2>\n<p><div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I edit WooCommerce related products?<\/p>\n    <div class=\"faq_content\"> To edit related products in WooCommerce, navigate to the product editing page in your WordPress dashboard. Scroll down to the &#8220;Linked Products&#8221; section, where you can manually add upsells and cross-sells. WooCommerce automatically suggests related products based on categories and tags, but manual selection allows for more control.<\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How does WooCommerce choose related products?<\/p>\n    <div class=\"faq_content\"> WooCommerce automatically chooses related products based on shared categories and tags with the primary product. This system leverages the product&#8217;s taxonomy to suggest items that are similar or complementary.<\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">How do I stop WooCommerce from showing related products?<\/p>\n    <div class=\"faq_content\"> To stop WooCommerce from showing related products, you can add a snippet of code to your theme\u2019s functions.php file:<\/p>\n<pre>remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );\r\n<\/pre>\n<p>Alternatively, you can use a plugin like &#8220;WooCommerce Customizer&#8221; to disable related products without coding.<\/div>\n<\/div>\n<br \/>\n<div class=\"faq-shortcode\">\n    <p class=\"faq_title\">What are the default related products in WooCommerce?<\/p>\n    <div class=\"faq_content\"> By default, WooCommerce displays related products based on the shared categories and tags of the product being viewed. This automated feature aims to enhance cross-selling by suggesting items that might interest the customer.<\/div>\n<\/div>\n<\/p>\n<h2>Understanding related products in WooCommerce<\/h2>\n<p>Enhancing the shopping experience and increasing sales are often priorities when running an ecommerce store with WooCommerce.<\/p>\n<p>One way to do this is by strategically showcasing <strong>related products<\/strong>, <strong>upsells<\/strong>, and <strong>cross-sells.<\/strong><\/p>\n<p>These are product recommendations that encourage customers to consider additional items, potentially increasing the value of their purchase.<\/p>\n<p><strong>Related products<\/strong> are similar items that your customer might be interested in. These products are typically chosen based on the current <a href=\"https:\/\/10web.io\/blog\/how-to-display-product-categories-on-shop-page-woocommerce\/\">product&#8217;s category<\/a> or tags.<\/p>\n<p><strong>Upsells<\/strong> are items that you promote in the hopes that the customer will buy a more expensive version of the product they are viewing.<\/p>\n<p><strong>Cross-sells<\/strong> are products suggested on the cart page, often complementing the items the customer is already purchasing.<\/p>\n<p>These elements appear by default in certain areas of your site:<\/p>\n<ul>\n<li><strong>Related products<\/strong> show up at the bottom of the product description page.<\/li>\n<li><strong>Upsells<\/strong> are found on the product page, usually beneath the product&#8217;s description.<\/li>\n<li><strong>Cross-sells<\/strong> pop up on the cart page as customers review their current selections.<\/li>\n<\/ul>\n<p>In WooCommerce, <strong>Linked products<\/strong> refer to related products in the form of cross-sells and upsells. They are found under the <strong>Product data<\/strong> section, where\u00a0you can manually set these recommendations.<\/p>\n<p>By selecting and linking the right products, you can guide your customers through a curated shopping experience. This could lead to increased sales and a more dynamic store environment.<\/p>\n<h2>How to change related products in WooCommerce<\/h2>\n<p>Changing related products in WooCommerce is a smart way to enhance your customer\u2019s shopping experience and can potentially increase your sales.<\/p>\n<p>You can change what&#8217;s shown in the related products section, personalize your online store, and add upsells and cross-sells using the WooCommerce settings within your WordPress dashboard. First, organize your products with <a href=\"https:\/\/10web.io\/blog\/how-to-customize-woocommerce-category-page\/\">categories<\/a> and tags.<\/p>\n<h3>Customization basics: changing related products<\/h3>\n<p>WooCommerce automatically generates related products based on shared categories and tags. Strategically categorizing and tagging products can help maximize sales potential by recommending relevant products at various places in the shopping flow.<\/p>\n<p>How to change related products with categories and tags:<\/p>\n<ol class=\"black\">\n<li>Go to <strong>Products<\/strong> in your dashboard and click <strong>Edit<\/strong> on the product you want to categorize.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product.jpg\" alt=\"How to change related products in WooCommerce by editing the product categories and tags.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38524\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Scroll down to the <strong>Product c<\/strong><strong>ategories<\/strong> section on the right side.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category.jpg\" alt=\"Adding product categories and tags to change related products.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38525\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/editing-related-product-category-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Check the boxes next to the categories you wish to assign, or create a new category by clicking <strong>Add new category<\/strong>.<\/li>\n<li>To add tags, type them into the <strong>Product <\/strong><strong>Tags<\/strong> field, separated by commas.<\/li>\n<li>Save your changes by clicking <strong>Update<\/strong> or <strong>Publish<\/strong>.<\/li>\n<\/ol>\n<h3>Strategic use of categories and tags<\/h3>\n<p>Thinking from a customer&#8217;s perspective helps identify the right terms to describe your store inventory and determine the best structure for categories and tags. Not only do these taxonomies control what WooCommerce sees as related products, but they also influence search engines and help customers find the right products quickly and easily.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories.jpg\" alt=\"WooCommerce displays related products based on category and tags.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38365\" style=\"width: 732.727px;\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-products-tags-categories-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Organize categories by product type and<\/strong>:<\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Define clear categories: <\/strong>Create categories based on product types, such as \u201cMen\u2019s Clothing,\u201d \u201cWomen\u2019s Footwear,\u201d or \u201cKitchen Appliances.\u201d<\/li>\n<li><strong>Usage-based categories: <\/strong>Include categories that reflect how products are used, like \u201cOutdoor Gear,\u201d \u201cOffice Supplies,\u201d or \u201cTravel Essentials.\u201d<\/li>\n<\/ul>\n<p><strong>Use specific and descriptive tags:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Complement categories: <\/strong>Tags should complement categories by adding more specific details, such as \u201cCotton,\u201d \u201cEco-friendly,\u201d \u201cBluetooth,\u201d or \u201cWaterproof.\u201d<\/li>\n<li><strong>Highlight features: <\/strong>Use tags to highlight product features that customers might look for, like \u201cAdjustable,\u201d \u201cPortable,\u201d or \u201cRechargeable.\u201d<\/li>\n<\/ul>\n<p><strong>Create tags for customer interests:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Lifestyle tags: <\/strong>Tags like \u201cFitness,\u201d \u201cGourmet,\u201d or \u201cPet Lovers\u201d can attract customers with specific interests.<\/li>\n<li><strong>Event-based tags: <\/strong>Use tags such as \u201cHoliday Gifts,\u201d \u201cBack to School,\u201d or \u201cSummer Collection\u201d to align with seasonal trends or events.<\/li>\n<\/ul>\n<p><strong>Implementing categories and tags:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Consistent tagging: <\/strong>Ensure consistency in tagging by using a predefined list of tags to avoid duplicates and confusion.<\/li>\n<li><strong>Category overlap: <\/strong>Products can belong to multiple categories if they fit various segments, enhancing their visibility across different sections of the store.<\/li>\n<\/ul>\n<p><strong>Analyze product relationships:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Review best sellers: <\/strong>Identify best-selling products and ensure they are properly categorized and tagged to appear as related products to more items.<\/li>\n<li><strong>Customer journey mapping: <\/strong>Consider the customer\u2019s journey and how products relate to each other in that context. For instance, a customer looking at hiking boots might also be interested in outdoor backpacks and moisture-wicking socks.<\/li>\n<\/ul>\n<p><strong>Regularly update categories and tags:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Seasonal adjustments: <\/strong>Update categories and tags to reflect seasonal changes or new product lines.<\/li>\n<li><strong>Monitor trends: <\/strong>Keep an eye on market trends and adjust tags to capture emerging interests or popular features.<\/li>\n<\/ul>\n<p><strong>Optimize for SEO:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Keyword-rich tags: <\/strong>Use SEO-friendly keywords in tags to improve search engine visibility.<\/li>\n<li><strong>Category descriptions: <\/strong>Add descriptive text to categories to help search engines understand the context and improve ranking.<\/li>\n<\/ul>\n<p><strong>Leverage analytics and feedback:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Track performance: <\/strong>Use analytics tools to track which related products are performing well and adjust categories and tags accordingly.<\/li>\n<li><strong>Customer feedback: <\/strong>Gather customer feedback to understand how they navigate categories and change related products to ones they find helpful.<\/li>\n<\/ul>\n<h3>Example strategy for a clothing store<\/h3>\n<p>By strategically categorizing and tagging products, store owners can leverage WooCommerce\u2019s default related products feature to enhance product visibility, improve customer experience, and boost sales.<\/p>\n<p><strong>Example categories:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li>\u201cMen\u2019s Clothing,\u201d \u201cWomen\u2019s Clothing,\u201d \u201cKids\u2019 Clothing\u201d<\/li>\n<li>\u201cSummer Collection,\u201d \u201cWinter Collection\u201d<\/li>\n<\/ul>\n<p><strong style=\"color: #292929; font-size: 20px;\">Example tags:<\/strong><\/p>\n<ul style=\"margin-top: 20px;\">\n<li><strong>Material-based<\/strong>: \u201cCotton,\u201d \u201cWool,\u201d \u201cPolyester\u201d<\/li>\n<li><strong>Occasion-based<\/strong>: \u201cCasual,\u201d \u201cFormal,\u201d \u201cSportswear\u201d<\/li>\n<li><strong>Feature-based<\/strong>: \u201cWaterproof,\u201d \u201cBreathable,\u201d \u201cStretch\u201d<\/li>\n<\/ul>\n<p><span>Regular updates and a deep understanding of customer behavior and market trends are key to maximizing the effectiveness of this strategy.<\/span><\/p>\n<h3>Changing related products: cross-sells and upsells<\/h3>\n<p>The <strong><a href=\"https:\/\/10web.io\/blog\/how-to-add-additional-information-to-woocommerce-products\/\">Product Data<\/a><\/strong> section is pivotal for setting up related upsells and cross-sells, which show up at various points in the customer journey:<\/p>\n<ol class=\"black\">\n<li>Go to <strong>Products<\/strong> and select the product you want to set up.<\/li>\n<li>Scroll down to the <strong>Product Data<\/strong> panel and select the <strong>Linked Products<\/strong> tab.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce.jpg\" alt=\"Editing related products in the product data section's linked products tab.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38526\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-products-woocommerce-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Under <strong>Upsells<\/strong>, type in the names of the products you want to suggest as higher-end alternatives to the current product.<\/li>\n<li>Similarly, add products to <strong>Cross-sells<\/strong> that you would like to appear alongside the product in the cart as complementary items.<\/li>\n<\/ol>\n<p>By carefully choosing upsells and cross-sells, you can guide your customers toward products that complement their purchase. This will improve the shopping experience and potentially your revenue. In both cases, you can link multiple products to maximize exposure and effectiveness.<\/p>\n<h2>Plugins to enhance and edit related products<\/h2>\n<p>Optimizing the related products feature in your WooCommerce store can significantly improve customer engagement and sales conversions. While WooCommerce&#8217;s default related products functionality offers limited customization options, a wealth of plugins and extensions can assist you to edit related product recommendations to better suit your customers&#8217; needs.<\/p>\n<h3>WooCommerce extension market<\/h3>\n<p>WooCommerce provides a versatile platform where extensions flesh out the capabilities of your ecommerce site. The extension market is an arsenal of tools designed to help you tailor your store, including various tools specifically for changing related products.<\/p>\n<h3>Top related products plugins<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin.jpg\" alt=\"Plugins and extensions help with changing related products.\" width=\"1920\" height=\"780\" class=\"alignnone size-full wp-image-38527\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-742x301.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-1484x603.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-150x61.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-768x312.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-1536x624.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/change-related-product-plugin-600x244.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>Related Products for WooCommerce by WebToffee:<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/wt-woocommerce-related-products\/\">This plugin<\/a> lets you take control by editing related products based on tags, categories, or custom selections. You can even exclude out-of-stock items or certain taxonomies to ensure that your customers see the most relevant items.<\/p>\n<p><strong>Key Features<\/strong><\/p>\n<ul>\n<li>Disable the default related products functionality.<\/li>\n<li>Manually change related products or base them on tags and categories.<\/li>\n<li>Create a dedicated slider for your related products.<\/li>\n<li>Exclude specific products or categories from appearing as related.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin.jpg\" alt=\"Plugins like YITH WooCommerce Tab Manager can help change how you display related products.\" width=\"1920\" height=\"840\" class=\"alignnone size-full wp-image-38528\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-742x325.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-1484x649.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-150x66.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-768x336.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-1536x672.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/yith-related-products-plugin-600x263.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><strong>YITH WooCommerce Tab Manager:<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/yith-woocommerce-tab-manager\/\">This plugin<\/a> is useful for more than just editing related products. It allows you to create custom tabs, which can be an alternative method of presenting related items or additional product information.<\/p>\n<p><strong>Key Features<\/strong><\/p>\n<ul>\n<li>Customize and manage product tabs.<\/li>\n<li>Use tabs to display related products or additional product information.<\/li>\n<\/ul>\n<h3>Installing and setting up plugins<\/h3>\n<p>This guide walks through an example of using Related Products for WooCommerce to change the related products.<\/p>\n<p>Start by installing and activating the plugin:<\/p>\n<ol class=\"black\">\n<li>Navigate to the <strong>Plugins<\/strong> &gt; <strong>Add New<\/strong> section in your WordPress dashboard.<\/li>\n<li>Use the search bar to find your chosen plugin. For example, you could search for &#8220;Related Products for WooCommerce by WebToffee.&#8221;<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin.jpg\" alt=\"Installing the Related Products for WooCommerce by WebToffee plugin. \" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38530\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/edit-related-product-plugin-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>When you find the plugin, click the <strong>Install Now<\/strong> button.<\/li>\n<li>Once installed, press the <strong>Activate<\/strong> button to get the plugin ready for setup.<\/li>\n<\/ol>\n<p>To configure the plugin:<\/p>\n<ol class=\"black\">\n<li>Once activated, go to <strong>WooCommerce<\/strong> &gt; <strong>Related Products<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings.jpg\" alt=\"The plugin allows you to change related products in WooCommerce.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38531\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-settings-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>Here, you have options like disabling the default related products behavior or setting up a related products slider.<\/li>\n<li>Customize your settings, such as defining whether related products are shown by tags, categories, or specific items.<\/li>\n<li>Be sure to save your changes by clicking the <strong>Save Changes<\/strong> button at the end.<\/li>\n<\/ol>\n\r\n<style>\r\n  #ctablocks_inline_84{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_84 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_84 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_84 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_84 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_84 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_84\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Group-175063@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n\t\t\t\t\t            <h4>Looking to sell online?<\/h4>\r\n        <\/div>\r\n              <p>Create your custom online store in minutes with 10Web AI Ecommerce Website Builder and take your business online. <\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-84\" data-buttontype=\"cta-inline\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n\n<h2>Changing how related products display<\/h2>\n<p>Integrating the related products functionality with themes and widgets creates a more personalized shopping experience which can lead to better engagement and increased sales. Let&#8217;s explore how you can integrate this functionality, incorporate it <a href=\"https:\/\/10web.io\/blog\/how-to-use-shortcode-in-wordpress\/\">using shortcodes,<\/a>\u00a0and customize its appearance in terms of columns and sliders.<\/p>\n<h3>Editing with shortcodes<\/h3>\n<p>You can change the way related products in WooCommerce posts, pages, or widget areas appear by using the dedicated shortcodes provided by plugins and WooCommerce.<\/p>\n<p>For example, here&#8217;s a step-by-step to using Related Products for WooCommerce shortcodes:<\/p>\n<ol class=\"black\">\n<li>Ensure that <strong>Related Products for WooCommerce<\/strong> is active.<\/li>\n<li>Using a shortcode block, insert the following shortcode into any post or page area where you want the related products to appear:\n<pre><strong>[wt-related-products product_id=\u201dxx\u201d]<\/strong><\/pre>\n<\/li>\n<\/ol>\n<p>Although WooCommerce doesn&#8217;t include related product shortcodes by default, you can creatively use the basic <code style=\"font-family: consolas;\">[products]<\/code> shortcode to show a selection of related products.<\/p>\n<p>For example, <code style=\"font-family: consolas;\">[products limit=\"4\" columns=\"4\"]<\/code> displays a customizable selection of products. You can use additional attributes to filter for specific products.<\/p>\n<ul>\n<li><code style=\"font-family: consolas;\">limit<\/code> \u2013 Number of products to display.<\/li>\n<li><code style=\"font-family: consolas;\">columns<\/code> \u2013 Number of columns.<\/li>\n<li><code style=\"font-family: consolas;\">category<\/code> \u2013 Display products from specific categories.<\/li>\n<li><code style=\"font-family: consolas;\">tag<\/code> \u2013 Display products with specific tags.<\/li>\n<li><code style=\"font-family: consolas;\">ids<\/code> \u2013 Display specific products by ID.<\/li>\n<\/ul>\n<p>Use the <code style=\"font-family: consolas;\">category<\/code> attribute to edit the related products to show products from the same categories as the current product.<\/p>\n<p><code style=\"font-family: consolas;\">[products limit=\"4\" columns=\"4\" category=\"category-slug\"]<\/code><\/p>\n<h2>How to change related products with PHP<\/h2>\n<p>To change related products in WooCommerce with PHP, you&#8217;ll add custom code snippets to your theme&#8217;s files. It&#8217;s best to do this using a child theme so future updates don&#8217;t interfere with your custom code.<\/p>\n<p><span>This method is more advanced, so we recommend beginners use methods like built-in shortcodes and plugins to avoid complications when editing WordPress files.<\/span><\/p>\n<p>Make sure to back up your site before adding any code snippet to your child theme&#8217;s <code style=\"font-family: consolas;\">functions.php<\/code> file or a custom plugin.<\/p>\n<h3>Adding a custom shortcode<\/h3>\n<p>You can create a custom shortcode in your theme\u2019s <code style=\"font-family: consolas;\">functions.php<\/code> file to change the related products on the product page. Start by navigating to\u00a0<strong>Appearance &gt; Theme file editor<\/strong>, then select <code style=\"font-family: consolas;\">functions.php<\/code> from the right-hand list.<\/p>\n<p>Paste the following code snippet at the end of the file.<\/p>\n<pre>function custom_related_products_shortcode() {\r\nglobal $product;\r\n\r\nif ( ! is_a( $product, 'WC_Product' ) ) {\r\nreturn '';\r\n}\r\n\r\n$related_products = wc_get_related_products( $product-&gt;get_id(), 4 );\r\n\r\nif ( sizeof( $related_products ) === 0 ) return '';\r\n\r\nob_start();\r\n\r\n$args = array(\r\n'post_type' =&gt; 'product',\r\n'post__in' =&gt; $related_products,\r\n'posts_per_page' =&gt; 4,\r\n'columns' =&gt; 4,\r\n);\r\n\r\n$products = new WP_Query( $args );\r\n\r\nif ( $products-&gt;have_posts() ) : ?&gt;\r\n\r\n&lt;div class=\"woocommerce columns-4\"&gt;\r\n&lt;h2&gt;&lt;?php esc_html_e( 'Related Products', 'woocommerce' ); ?&gt;&lt;\/h2&gt;\r\n&lt;?php woocommerce_product_loop_start(); ?&gt;\r\n&lt;?php while ( $products-&gt;have_posts() ) : $products-&gt;the_post(); ?&gt;\r\n&lt;?php wc_get_template_part( 'content', 'product' ); ?&gt;\r\n&lt;?php endwhile; ?&gt;\r\n&lt;?php woocommerce_product_loop_end(); ?&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;?php endif;\r\n\r\nwp_reset_postdata();\r\n\r\nreturn ob_get_clean();\r\n}\r\nadd_shortcode( 'custom_related_products', 'custom_related_products_shortcode' );<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode.jpg\" alt=\"Adding a custom shortcode in the theme file editor to change related products displayed in WooCommerce.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38532\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/adding-custom-shortcode-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Click\u00a0<strong>Update<\/strong> to save the changes.<\/p>\n<p>Now you can insert the <span> <\/span><code style=\"font-family: consolas;\">[custom_related_products]<\/code><span> shortcode on product pages to display customized related products.<\/span><\/p>\n<h3>Changing related products programmatically<\/h3>\n<p>If you prefer not to use a plugin and have some programming skills, you can customize the related products section with a bit of code. This approach offers more control but requires caution and a basic understanding of PHP and WordPress hooks.<\/p>\n<p>To do this, navigate to <strong>Appearance &gt; Theme file editor<\/strong> and select <code style=\"font-family: consolas;\">functions.php<\/code> from the list of theme files.<\/p>\n<p>Here, you can add custom snippets to this file to edit related products in WooCommerce. Use the <code style=\"font-family: consolas;\">woocommerce_output_related_products_args<\/code> hook, which accepts parameters like <code style=\"font-family: consolas;\">$related_posts<\/code>, <code style=\"font-family: consolas;\">$product_id<\/code>, and <code style=\"font-family: consolas;\">$args<\/code>.<\/p>\n<p><strong>Example 1: Limit the number of related products<\/strong><\/p>\n<p>Here\u2019s an example code snippet to limit the number of related products to 4 per page, displayed in 2 columns:<\/p>\n<pre>\/**\r\n* Change the number of related products\r\n*\/\r\nfunction woo_related_products_limit() {\r\nglobal $product;\r\n\r\n$args['posts_per_page'] = 6;\r\nreturn $args;\r\n}\r\n\r\nadd_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args', 20 );\r\nfunction jk_related_products_args( $args ) {\r\n$args['posts_per_page'] = 4; \/\/ 4 related products\r\n$args['columns'] = 2; \/\/ arranged in 2 columns\r\nreturn $args;\r\n}\r\n<\/pre>\n<p>Paste the code snippet into the <code style=\"font-family: consolas;\">functions.php<\/code> file and click <strong>Update<\/strong> to save the changes.<\/p>\n<p><strong>Example 2: Show related products from specific product ID<\/strong><\/p>\n<p><span> To display related products from a <a href=\"https:\/\/10web.io\/blog\/how-to-get-product-id-in-woocommerce\/\">specific product ID<\/a>, use the following script:<\/span><\/p>\n<pre>add_filter('woocommerce_related_products', 'add_related_products');\r\nfunction add_related_products($related_product_ids) {\r\n\/\/ WC source code stores IDs as string in this array, so we do that too\r\n$related_product_ids[] = 'your-product-ID'; \/\/ Replace 'your-product-ID' with your product ID\r\nreturn $related_product_ids;\r\n}<\/pre>\n<p>Replace <code style=\"font-family: consolas;\">your-product-ID<\/code> with the actual product ID you want to include.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce.jpg\" alt=\"A product's ID shows in the All Products screen.\" width=\"1920\" height=\"1080\" class=\"alignnone size-full wp-image-38533\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-742x416.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-1484x835.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-150x84.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-768x432.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-1536x864.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-371x208.jpg 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/product-id-woocommerce-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>Improving shopping experience on product pages<\/h2>\n<p>Optimizing product pages is crucial for keeping customers engaged and helping them make informed purchase decisions. Let&#8217;s enhance your WooCommerce product pages with a focus on visual appeal, detail richness, and responsive design.<\/p>\n<h3>Creating a responsive product slider<\/h3>\n<p>A responsive product slider can make browsing products on any device an easy and enjoyable experience.<\/p>\n<ol class=\"black\">\n<li><strong>Install a slider plugin<\/strong>: Look for plugins like <strong>Related Products for WooCommerce by WebToffee<\/strong> to add a product slider functionality.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider.jpg\" alt=\"The plugin's settings page displays an option to use a related product slider.\" width=\"1920\" height=\"855\" class=\"alignnone size-full wp-image-38534\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider.jpg 1920w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-742x330.jpg 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-1484x661.jpg 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-150x67.jpg 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-768x342.jpg 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-1536x684.jpg 1536w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/05\/related-product-slider-600x267.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li><strong>Customize the slider<\/strong>: Configure the slider settings to display related products and complement the overall design of your product pages.<\/li>\n<li><strong><a href=\"https:\/\/10web.io\/blog\/speed-up-woocommerce-store\/\">Test slider responsiveness<\/a><\/strong>: Ensure that the slider looks and works well on desktop, tablet, and mobile devices for a seamless shopping experience on the front-end.<\/li>\n<\/ol>\n<h3>Enhancing visual appeal<\/h3>\n<p>Your product page should visually captivate customers from the moment it loads.<\/p>\n<ol class=\"black\">\n<li><strong><a href=\"https:\/\/10web.io\/blog\/how-to-optimize-images-for-wordpress\/\">Set image sizes<\/a><\/strong>: Navigate to <strong>Appearance &gt; Customize<\/strong>, choose <strong>WooCommerce<\/strong>, and adjust the main product image and thumbnail dimensions under <strong>Product &amp; category display<\/strong>.<\/li>\n<li><strong>Add high-quality images<\/strong>: Upload clear, high-resolution images of your products to give customers a better view of the related products section.<\/li>\n<li><strong>Use a consistent style<\/strong>: Maintain a uniform image style and background to create a cohesive look across your product catalog.<\/li>\n<\/ol>\n<h3>Providing detailed product information<\/h3>\n<p>Detailed product descriptions and specifications can significantly influence buyers&#8217; decisions.<\/p>\n<ol class=\"black\">\n<li><strong>Use custom fields<\/strong>: Add detailed information through custom fields in the <strong>Product Data<\/strong> metabox under the <strong>Custom Fields<\/strong> tab.<\/li>\n<li><strong><a href=\"https:\/\/10web.io\/blog\/how-to-add-short-description-in-woocommerce-shop-page\/\">Highlight features<\/a><\/strong>: Clearly list product features in a bullet-point format to make them easy to scan.<\/li>\n<li><strong>Include customer reviews<\/strong>: Implement a review system to provide social proof and help build trust with potential buyers.<\/li>\n<\/ol>\n<h2>In summary<\/h2>\n<p><span>By leveraging related products, upsells, and cross-sells in WooCommerce, ecommerce store owners can significantly enhance the shopping experience and boost sales. <\/span><\/p>\n<p><span>Through thoughtful product categorization, tagging, and the use of specialized plugins, a well-curated and engaging online store environment can be achieved, driving higher customer satisfaction and revenue growth.<\/span><br \/>\n\r\n<style>\r\n  #ctablocks_scrollbox-with-icon_96{\r\n            color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_scrollbox-with-icon_96 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .button{\r\n          background-color: #3339F1;\r\n        color: #ffffff;\r\n    border-color: #3339F1 !important;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96.ctablocks_container {\r\n    left: 100%;\r\n  }\r\n  @media screen and (max-width: 1300px) {\r\n      #ctablocks_scrollbox-with-icon_96.ctablocks_container {\r\n          left: 0;\r\n          margin: 0 auto;\r\n      }\r\n  }\r\n  #ctablocks_scrollbox-with-icon_96 .ctablocks_content {\r\n      background-color: #000000;\r\n  }\r\n<\/style>\r\n<div id=\"ctablocks_scrollbox-with-icon_96\" class=\"ctablocks_container scrollbox-with-icon_type\r\n      \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n              <h4>Looking to sell online?<\/h4>\r\n        <h4 class=\"mobile-title\">Create your online store in minutes<\/h4>\r\n              <p>Create your online store in minutes with 10Web AI Ecommerce Website Builder.<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/ai-website-builder\/\" class=\"button\" data-gtag=\"sign-up-blog\" data-buttontype=\"sign-up\" data-gtag=\"cta-96\" data-buttontype=\"cta-scrollbox-with-icon\"\r\n\t        >Generate Your Store<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <span class=\"close_ctablocks\">\r\n      <img decoding=\"async\" class=\"close-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/close_w.svg\" class=\"close\">\r\n      <img decoding=\"async\" class=\"floating-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Mask-Group-96598@2x.png\" alt=\"Looking to sell online?\" title=\"Looking to sell online?\">\r\n<!--      <img decoding=\"async\" class=\"arrow-icon white\" src=\"\/cta-blocks\/assets\/images\/arrow-icon.svg\" class=\"close\">\r\n-->      <img decoding=\"async\" class=\"arrow-icon purple\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/arrow-icon-purple.svg\" class=\"close\">\r\n  <\/span>\r\n<\/div>\r\n<br \/>\n <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enhancing customer engagement and boosting sales are key objectives for any WooCommerce store. This guide explores how to change related products in WooCommerce to optimize product recommendations. By strategically configuring these elements, store owners can create a more dynamic and personalized shopping experience, ultimately increasing purchase value and customer satisfaction. FAQ Understanding related products in WooCommerce Enhancing the shopping experience&#8230;<\/p>\n","protected":false},"author":11,"featured_media":35040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"two_page_speed":[],"footnotes":"","tenweb_blog_toc":"<ul>\r\n\t<li>\r\n\t\t<a href=\"#faq\">FAQ<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#understanding-related-products-in-woocommerce\">Understanding related products in WooCommerce<\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#how-to-change-related-products-in-woocommerce\">How to change related products in WooCommerce<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#customization-basics-changing-related-products\">Customization basics: changing related products<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#strategic-use-of-categories-and-tags\">Strategic use of categories and tags<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#example-strategy-for-a-clothing-store\">Example strategy for a clothing store<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#changing-related-products-cross-sells-and-upsells\">Changing related products: cross-sells and upsells<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#plugins-to-enhance-and-edit-related-products\">Plugins to enhance and edit related products<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#woocommerce-extension-market\">WooCommerce extension market<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#top-related-products-plugins\">Top related products plugins<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#installing-and-setting-up-plugins\">Installing and setting up plugins<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#changing-how-related-products-display\">Changing how related products display<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#editing-with-shortcodes\">Editing with shortcodes<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#how-to-change-related-products-with-php\">How to change related products with PHP<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#adding-a-custom-shortcode\">Adding a custom shortcode<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#changing-related-products-programmatically\">Changing related products programmatically<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#improving-shopping-experience-on-product-pages\">Improving shopping experience on product pages<\/a>\r\n\t\t<ul>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#creating-a-responsive-product-slider\">Creating a responsive product slider<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#enhancing-visual-appeal\">Enhancing visual appeal<\/a>\r\n\t\t\t<\/li>\r\n\t\t\t<li>\r\n\t\t\t\t<a href=\"#providing-detailed-product-information\">Providing detailed product information<\/a>\r\n\t\t\t<\/li>\r\n\t\t<\/ul>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<a href=\"#in-summary\">In summary<\/a>\r\n\t<\/li>\r\n<\/ul>\r\n","tenweb_blog_competitor_type":"","tenweb_blog_competitor_names":"","tenweb_blog_twb_version":0,"tenweb_blog_type":""},"categories":[506],"tags":[],"class_list":["post-38420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change Related Products in WooCommerce: Quick Tutorial<\/title>\n<meta name=\"description\" content=\"Discover how to change related products in WooCommerce. Follow our quick tutorial to enhance your product recommendations.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Related Products in WooCommerce: A Complete Guide\" \/>\n<meta property=\"og:description\" content=\"Discover how to change related products in WooCommerce. Follow our quick tutorial to enhance your product recommendations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"10Web - Build &amp; Host Your WordPress Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Web.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-13T23:49:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-13T23:49:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1569\" \/>\n\t<meta property=\"og:image:height\" content=\"880\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tigran Nazaryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:site\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tigran Nazaryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Change Related Products in WooCommerce: Quick Tutorial","description":"Discover how to change related products in WooCommerce. Follow our quick tutorial to enhance your product recommendations.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Related Products in WooCommerce: A Complete Guide","og_description":"Discover how to change related products in WooCommerce. Follow our quick tutorial to enhance your product recommendations.","og_url":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/","og_site_name":"10Web - Build &amp; Host Your WordPress Website","article_publisher":"https:\/\/www.facebook.com\/10Web.io\/","article_published_time":"2024-05-13T23:49:32+00:00","article_modified_time":"2024-05-13T23:49:33+00:00","og_image":[{"width":1569,"height":880,"url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg","type":"image\/jpeg"}],"author":"Tigran Nazaryan","twitter_card":"summary_large_image","twitter_creator":"@10Web_io","twitter_site":"@10Web_io","twitter_misc":{"Written by":"Tigran Nazaryan","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#article","isPartOf":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/"},"author":{"name":"Tigran Nazaryan","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0"},"headline":"How to Change Related Products in WooCommerce: A Complete Guide","datePublished":"2024-05-13T23:49:32+00:00","dateModified":"2024-05-13T23:49:33+00:00","mainEntityOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/"},"wordCount":2498,"commentCount":0,"publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg","articleSection":["WooCommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/","url":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/","name":"How to Change Related Products in WooCommerce: Quick Tutorial","isPartOf":{"@id":"https:\/\/10web.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg","datePublished":"2024-05-13T23:49:32+00:00","dateModified":"2024-05-13T23:49:33+00:00","description":"Discover how to change related products in WooCommerce. Follow our quick tutorial to enhance your product recommendations.","breadcrumb":{"@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#primaryimage","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/change_related_products_in_woocommerce.jpg","width":1569,"height":880,"caption":"How to change related products in WooCommerce."},{"@type":"BreadcrumbList","@id":"https:\/\/10web.io\/blog\/how-to-change-related-products-in-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10web.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Change Related Products in WooCommerce: A Complete Guide"}]},{"@type":"WebSite","@id":"https:\/\/10web.io\/blog\/#website","url":"https:\/\/10web.io\/blog\/","name":"10Web Blog - Build & Host Your WordPress Website","description":"10Web is an All-in-One Website Building Platform, offering Managed WordPress Hosting on Google Cloud, Beautiful Templates, Premium Plugins and Services.","publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10web.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/10web.io\/blog\/#organization","name":"10Web","url":"https:\/\/10web.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","width":768,"height":686,"caption":"10Web"},"image":{"@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Web.io\/","https:\/\/x.com\/10Web_io","https:\/\/www.instagram.com\/10web.io\/","https:\/\/www.linkedin.com\/company\/10web\/mycompany\/","https:\/\/www.youtube.com\/c\/10Web"]},{"@type":"Person","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0","name":"Tigran Nazaryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","caption":"Tigran Nazaryan"},"description":"Tigran Nazaryan is an experienced science and technology professional. After seeing great potential in the automation of web development, he co-founded and became CInO of 10Web. Tigran is passionate about creating solutions to bring AI automation into web development and turning great ideas into powerful technological achievements.","sameAs":["https:\/\/www.linkedin.com\/in\/tnazaryan\/"],"url":"https:\/\/10web.io\/blog\/author\/tigran\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/38420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/comments?post=38420"}],"version-history":[{"count":0,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/38420\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media\/35040"}],"wp:attachment":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media?parent=38420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/categories?post=38420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/tags?post=38420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}