{"id":5436,"date":"2021-08-31T11:34:41","date_gmt":"2021-08-31T11:34:41","guid":{"rendered":"https:\/\/www.brightpearl.com\/?p=5436"},"modified":"2025-11-17T16:54:14","modified_gmt":"2025-11-17T16:54:14","slug":"how-to-display-cross-sell-on-product-page","status":"publish","type":"post","link":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page","title":{"rendered":"How to Display Cross-Sell on Product Page in Magento 2?"},"content":{"rendered":"<p><b><i>Key Takeaways<\/i><\/b><i><span style=\"font-weight: 400;\">:<\/span><\/i><i><\/i><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Magento cross-sell features help boost average order value (AOV) by suggesting complementary products.<\/span><\/i><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Displaying Magento 2 cross-sell products strategically can enhance customer satisfaction and loyalty.<\/span><\/i><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Built-in Magento cross-sell options are limited \u2014 using an extension provides more control and automation.<\/span><\/i><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i><span style=\"font-weight: 400;\">Proper placement and timing of cross-sell blocks can significantly increase conversions.<\/span><\/i><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The ultimate goal of any business is to generate sales and maximize profits. And for someone who spends days immersed in the eCommerce field, cross-selling and upselling are not new phrases.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Along with related products, both of them are on the top list of most effective sales techniques used to <\/span><a href=\"https:\/\/www.mageplaza.com\/magento-2-extensions\/sales-motivation.html\"><span style=\"font-weight: 400;\">increase sales for Magento 2 sites<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So this post will introduce you to the in-built cross-sell features in Magento 2 and how to configure this sales technique on the product pages of this platform.\u00a0<\/span><\/p>\n<h2>Magento Cross-sell vs Upsell: Understanding the difference<\/h2>\n<p><span style=\"font-weight: 400;\">There are a few businesses that still have the wrong judgment about these 2 techniques&#8217; definitions. So it makes sense to look at some key differences between upselling and cross-selling before diving deep into applications and configurations cross-selling in a website.<\/span><\/p>\n<p><b>Upselling<\/b><span style=\"font-weight: 400;\"> encourages customers to purchase a superior product version compared to the one they are considering.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5444 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-13.png\" alt=\"iPhone products comparison display\" width=\"1365\" height=\"623\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-13.png 1365w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-13-300x137.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-13-1024x467.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-13-768x351.png 768w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">For the intention of upselling, you can:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer iPhone 12 instead of an iPhone 12 mini customer planned for\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Recommend to purchase in a bundle instead of individual products<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Give potential customers 2 &#8211; 3 options that are compared side by side\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.brightpearl.com\/best-amazon-inventory-management-software\">Amazon<\/a> name their cross-sell item list on a product page as &#8220;What Other Items Do Customers Buy After Viewing This Items&#8221;\u00a0<\/span><\/li>\n<\/ul>\n<p><b>Cross-selling<\/b><span style=\"font-weight: 400;\"> suggests shoppers products they didn&#8217;t previously know but can satisfy additional or complementary needs unfulfilled by the original item.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5450 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-2.png\" alt=\"Cross-sell complete look black outfit item display\" width=\"796\" height=\"310\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-2.png 796w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-2-300x117.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-2-768x299.png 768w\" sizes=\"(max-width: 796px) 100vw, 796px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">For the intention of cross-selling, you can:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Promote a customer who has just purchased a smartphone to also add a protective phone case and charger<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Take a clothes store, for example. The store will suggest to customers items that pair perfectly with one they add into their cart. Hence shopper can have a complete outfit effortlessly<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer some additional items in a list based on customers&#8217; order with titles like &#8220;You may also like,&#8221; &#8220;Complete the look,&#8221; &#8220;Customers frequently bought together.&#8221;\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">In other words, whereas cross-selling makes us remember the McDonalds-popularized quote &#8220;Do you want fries with that?&#8221; upselling refers to making you change your initial order into a combo meal (more expensive option).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These sales techniques are beneficial for eCommerce businesses to get more value from customers. Especially in the environment lacking human touch, like online shopping, upselling, and cross-selling features have been more vital than ever.\u00a0\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How does cross-selling help your business?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Maybe cross-selling could be mistaken as an unethical practice to make customers shell out more in the past. However, in the modern marketing aspect, its true spirit is to help customers have the most informed purchasing decisions.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Only when putting the customer-centered mindset in the brand&#8217;s cross-selling strategy, businesses can get the most out of this sales technique. Cross-selling becomes a friendly product recommendation supporting customers in making the right purchase.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In return, they can:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Increases customers&#8217; satisfaction.<\/b><span style=\"font-weight: 400;\"> Customers who come to your site might be aware of their problems but don&#8217;t know the most suitable offerings. Cross-selling offer them the right solution that&#8217;s even more value than they expected\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Build customers&#8217; loyalty.<\/b><span style=\"font-weight: 400;\"> Cross-sells deliver a more engaging experience to your visitors. And this kind of experience not only helps customers find products they like but also keeps them coming back<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A cost-effective promotion tactic in <\/span><b>increasing customers&#8217; average order value (AOV<\/b><span style=\"font-weight: 400;\">)<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">Practices of cross-selling in eCommerce\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">In an eCommerce site, cross-selling is usually utilized on the product pages or during the checkout process. Let&#8217;s walk through some examples of cross-selling strategies that are used in different eCommerce sites.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Cross-selling on the product page &#8211; Amazon<\/span><\/h3>\n<p><a href=\"https:\/\/www.amazon.com\/\"><b>Amazon <\/b><\/a><span style=\"font-weight: 400;\">is an excellent illustration of an eCommerce site applying cross-selling on the product pages. The &#8220;Frequently bought together&#8221; and &#8220;Customer who bought this item also bought&#8221; suggestions are widely used and got out the most by this retail giant.\u00a0<\/span><\/p>\n<p><b>The &#8220;Frequently bought together&#8221; product grid (Product Bundling).<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5449 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-1.png\" alt=\"Amazon product grid display\" width=\"1176\" height=\"299\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-1.png 1176w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-1-300x76.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-1-1024x260.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-1-768x195.png 768w\" sizes=\"(max-width: 1176px) 100vw, 1176px\" \/><\/p>\n<p><b>The &#8220;Customer who bought this item also bought&#8221; product grid.<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5453 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-5.png\" alt=\"An amazon product grid for all items bought display\" width=\"1497\" height=\"399\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-5.png 1497w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-5-300x80.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-5-1024x273.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-5-768x205.png 768w\" sizes=\"(max-width: 1497px) 100vw, 1497px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">Cross-selling on the cart page &#8211; Wayfair<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cart page is usually the place where customers come before proceeding to checkout. It&#8217;s also the final chance for eCommerce businesses to cross-sell.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Furthermore, the suggested product list displayed on the cart page can get more attention from the customers since there are less distracting factors compared to the product page.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5437 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-6.png\" alt=\"Online shopping cart item display\" width=\"1344\" height=\"1382\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-6.png 1344w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-6-292x300.png 292w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-6-996x1024.png 996w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-6-768x790.png 768w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">What <\/span><a href=\"https:\/\/www.wayfair.com\/\"><b>Wayfair <\/b><\/a><span style=\"font-weight: 400;\">does on a customer&#8217;s cart page to cross-sell is simple but still useful:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The &#8220;You might also need&#8221; phrase is used to create a sense of need and urgency for the buyers\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">All recommended products go with an Add to Cart button, which allows customers to make the purchase without navigating to the product pages<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Suggest only 3 items to the shopper, and each product has different functionality. This way ensures fulfilling all the needs related to the customer&#8217;s current order but not make them feel overwhelmed by the number of products suggested\u00a0<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Cross-selling (Bundling) on the homepage &#8211; Glossier<\/span><\/h3>\n<p><a href=\"https:\/\/www.glossier.com\/\"><b>Glossier<\/b><\/a> <span style=\"font-weight: 400;\">applies the bundling theory to their cross-selling strategy that makes their offerings seem much more compelling to the purchasers.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here&#8217;s how they use bundling:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Offer pre-packaged bundles go along with per-customer offers, giving customers the most personalized and comprehensive shopping experience\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Specify the number of money customers can save when purchasing the bundle offer a set of 2 to 3 items with bundle pricing\u00a0\u00a0<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5443 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-12.png\" alt=\"Item bundle package price display\" width=\"987\" height=\"735\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-12.png 987w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-12-300x223.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-12-768x572.png 768w\" sizes=\"(max-width: 987px) 100vw, 987px\" \/><\/p>\n<p><b>Cross-selling on Glossier&#8217;s homepage.\u00a0<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5441 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-10.png\" alt=\"Online shopping product display\" width=\"1052\" height=\"750\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-10.png 1052w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-10-300x214.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-10-1024x730.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-10-768x548.png 768w\" sizes=\"(max-width: 1052px) 100vw, 1052px\" \/><\/p>\n<p><b>The cross-sell technique is applied on the product page<\/b><span style=\"font-weight: 400;\"> that suggests customers buy skincare sets at a much lower price.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5446 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15.png\" alt=\"Product preview page display\" width=\"1988\" height=\"986\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15.png 1988w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15-300x149.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15-1024x508.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15-768x381.png 768w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-15-1536x762.png 1536w\" sizes=\"(max-width: 1988px) 100vw, 1988px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Customers looking to buy only one item tend to switch to the bundle to get a more comfortable price.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to display cross-sell on Product Page in Magento 2<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Magento 2 gives modern merchants the incredible opportunity to scale their businesses in digital work with the most advanced e-commerce technology.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">All its features are optimized so that even those who know nothing about web development can set up and manage their stores in Magento 2 with no difficulty.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Magneto 2 in-built cross-selling is one of those features. Store owners efficiently manage some simple tasks related to implementing a cross-sell strategy online at ease.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Disadvantages of Magento 2 Cross-sell feature<\/span><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5445 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14.png\" alt=\"Product edit preview prompt\" width=\"1769\" height=\"426\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14.png 1769w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14-300x72.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14-1024x247.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14-768x185.png 768w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-14-1536x370.png 1536w\" sizes=\"(max-width: 1769px) 100vw, 1769px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">But <\/span><b>the simplification of cross-selling features in Magento 2 comes with one biggest flaw<\/b><span style=\"font-weight: 400;\">. Merchants are unable to customize where and how the cross-sell product block is displayed in the storefront. To be more specific:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Store owners can only display cross-sell items nowhere else except the cart page when using the in-built cross-sell features in Magento 2 Default version<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The automation for cross-selling in the storefront is not fully optimized<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The display positions of the cross-sell blocks in the shopping cart is limited<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Do not support displaying the \u201cAdd to Cart\u201d buttons for products in the cross-sell blocks<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Shoppers can not add separate items in the recommendation block to their carts<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">The most disappointing of Magento 2 cross-sell features is that it does not support an in-built analytics system for product recommendation blocks in general.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In other words, you can not assess the performance of each recommendation block displayed in the storefront. The cross-sell strategy in the store&#8217;s website might bring back unwanted results.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Best solution for cross-selling on product page in Magento 2<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The ultimate goal of Magento 2 cross-sell products is to boost revenue, however, this is not the optimal solution for online merchants. Magento 2 Default reveals major drawbacks, especially for optimizing cross-sell strategy in eCommerce sites.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5438 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-7.png\" alt=\"Magento user guide display\" width=\"1131\" height=\"446\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-7.png 1131w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-7-300x118.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-7-1024x404.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-7-768x303.png 768w\" sizes=\"(max-width: 1131px) 100vw, 1131px\" \/><\/p>\n<p><a href=\"https:\/\/www.mageplaza.com\/magento-2-automatic-related-products\/\"><b>Magento 2 Auto Related Products module<\/b><\/a><span style=\"font-weight: 400;\"> is the perfect solution that overrides all the limitations of Magento 2 Default. This module makes sure to take the shopping experience on your site to another level.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Magento 2 Auto Related Products module is <\/span><b>based on a set of conditions and actions configured at the backend<\/b><span style=\"font-weight: 400;\"> to display cross-sell blocks in the storefront.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This capability <\/span><b>allows you to display any type of product suggestions on any page of your store<\/b><span style=\"font-weight: 400;\">, including the product page. The most significant thing is that the adding process of cross-sell items is automatic.\u00a0<\/span><\/p>\n<h3>Step-by-Step Guide: Setting up Magento 2 Cross sell products<\/h3>\n<p><span style=\"font-weight: 400;\">To implement a cross-sell strategy in your Magento 2 store with Mageplaza Auto Related Products, follow the following instructions.<\/span><\/p>\n<p><b>Step 1: Install the Magento 2 Auto Related Product extension developed by Mageplaza<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can buy and install this extension from here: <\/span><a href=\"https:\/\/www.mageplaza.com\/magento-2-automatic-related-products\/\"><span style=\"font-weight: 400;\">https:\/\/www.mageplaza.com\/magento-2-automatic-related-products\/<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><b>Step 2: Configure a new rule that specifies when and where the cross-sell block is displayed<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5439 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8.png\" alt=\"Automatic related block rules Add rule settings\" width=\"1797\" height=\"669\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8.png 1797w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8-300x112.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8-1024x381.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8-768x286.png 768w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-8-1536x572.png 1536w\" sizes=\"(max-width: 1797px) 100vw, 1797px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the Admin Panel in Magento 2. Then choose<\/span><i><span style=\"font-weight: 400;\"> Mageplaza &gt; Automatic Related Products &gt; Manage Rules<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the<\/span><i><span style=\"font-weight: 400;\"> Add Rule section<\/span><\/i><span style=\"font-weight: 400;\">, choose<\/span><i><span style=\"font-weight: 400;\"> Product Page<\/span><\/i><span style=\"font-weight: 400;\"> to open the New Related Block Rule form\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fill in all the required fields in the <\/span><i><span style=\"font-weight: 400;\">Rule Information tab<\/span><\/i><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Here, you can configure some basic settings for the new cross-sell block, for instance, display location on the product page, active status, store views, visibility of the new block for different customer groups, etc.\u00a0<\/span><\/p>\n<p><b>Step 3: Set the display conditions for the product pages that cross-sell\u00a0<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5452 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4.png\" alt=\"New related block rule meet condition settings\" width=\"1804\" height=\"462\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4.png 1804w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4-300x77.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4-1024x262.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4-768x197.png 768w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-4-1536x393.png 1536w\" sizes=\"(max-width: 1804px) 100vw, 1804px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Only product pages that satisfy all the conditions set in this section will display the cross-sell block.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Move to the<\/span><i><span style=\"font-weight: 400;\"> Products to Meet Conditions tab<\/span><\/i><span style=\"font-weight: 400;\">. Here, store admins can set several conditions based on 24 product attributes offered by the extension.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After saving conditions, you can view all the products meeting these conditions by clicking on the <\/span><i><span style=\"font-weight: 400;\">Review Products button.\u00a0<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">In case you want to display the cross-sell block on all product pages, just leave the Condition tab in black.\u00a0<\/span><\/p>\n<p><b>Step 4: Configure the display options for the cross-sell blocks<\/b><\/p>\n<p><i><span style=\"font-weight: 400;\">The Products to Show tab<\/span><\/i><span style=\"font-weight: 400;\"> allows store admins to configure how the cross-sell block is displayed on the product page.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5442 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11.png\" alt=\"New related block rule product to show settings\" width=\"1795\" height=\"673\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11.png 1795w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11-300x112.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11-1024x384.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11-768x288.png 768w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-11-1536x576.png 1536w\" sizes=\"(max-width: 1795px) 100vw, 1795px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">To be more specific, you can:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set the name for the block as well as its layout and display mode<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Specify the number of products displayed\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose additional information for the cross-sell items to display in the block (price, Add to Cart and Add to WishList buttons, or star ratings)<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5440 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-9.png\" alt=\"Display mode additional information and add products\" width=\"1276\" height=\"424\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-9.png 1276w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-9-300x100.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-9-1024x340.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-9-768x255.png 768w\" sizes=\"(max-width: 1276px) 100vw, 1276px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Most importantly, merchants can pick suitable related product types for the new product block with 3 options:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Related Products<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Up-sell Products<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cross-sell Products<\/span><\/li>\n<\/ul>\n<p><b>Step 5: Save your configuration and check the result<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Finally, click on the <\/span><i><span style=\"font-weight: 400;\">Save button<\/span><\/i><span style=\"font-weight: 400;\"> on the top. Now, all you need to do is go back to the storefront and see the outcome.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to cross-sell effectively on the product pages?\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The timing and placement are 2 factors that merchants should take into consideration when displaying cross-sell blocks on the store&#8217;s product pages.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apart from that, you can consider 4 sales tactics below to implement cross-selling on product pages or cart pages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The cross-selling tactics used depend on what the customer is buying and how much money they are spending. It might be a good idea to employ several strategies at once.<\/span><\/p>\n<h3>Product Bundling<\/h3>\n<p><span style=\"font-weight: 400;\">Package items that go well together, for instance, smartphone and portable, to ensure customers understand the necessity of these suggested items for proper use of initial purchases.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5448 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-17.png\" alt=\"Bundling package deal infographic offer\" width=\"1240\" height=\"319\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-17.png 1240w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-17-300x77.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-17-1024x263.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-17-768x198.png 768w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This sales technique can be especially effective if the bundle price is lower than the sum of buying the products individually. Merchants can consider offering attractive package discounts for bundle promotions.<\/span><\/p>\n<h3>Visual Cross-Selling<\/h3>\n<p><span style=\"font-weight: 400;\">This tactic is suitable for fashion products, where customers are driven by visual cues. Videos and high-quality product images are preferred.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5451 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-3.png\" alt=\"Visual display of product\" width=\"1010\" height=\"536\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-3.png 1010w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-3-300x159.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-3-768x408.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Moreover, &#8220;Shop the look&#8221; (for clothes) or &#8220;Shop the interior&#8221; (for furniture pieces) are 2 most common examples of this tactic.<\/span><\/p>\n<h3>Recommended product lists<\/h3>\n<p><span style=\"font-weight: 400;\">Like a bundle, suggested item lists are a common practice of cross-selling.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Again, Amazon uses this tactic on almost every product page by displaying a list of &#8220;Customers who bought this item also bought&#8221; product list.<\/span><\/p>\n<h3>Offer premium add-ons or extra services<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5447 size-full\" src=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-16.png\" alt=\"iPhone mobile product display with featured details\" width=\"1226\" height=\"579\" srcset=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-16.png 1226w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-16-300x142.png 300w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-16-1024x484.png 1024w, https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/mageplaza3108-16-768x363.png 768w\" sizes=\"(max-width: 1226px) 100vw, 1226px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This sales technique is more relevant to electronics and quite often seen at the checkout screen under the question &#8220;Want in-home installation&#8221; or &#8220;what a 2-year warranty on your new smartphone&#8221;. This way gives customers a motivation to buy things that add value to their initial purchases.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Scale your business with cross-selling!<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">No matter what, the key to success in both is to understand the customers&#8217; insights (their needs and desires). Then, you can respond with products that truly satisfy customers&#8217; expectations during the shopping process.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let us know if there is anything else you wish to include in this article!<\/p>\n<p><i>Looking to improve your Magento 2 sales performance? Explore how Brightpearl integrates with Magento to simplify your operations and maximize growth. <\/i><a href=\"https:\/\/www.brightpearl.com\/integrations\/ecommerce\/magento\"><i>Learn more about Brightpearl for Magento<\/i><\/a><i>.<\/i><br \/>\n<\/span><\/p>\n<h3>FAQ: Magento Cross-Sell<\/h3>\n<p><strong>1. What is a cross-sell in Magento 2?<\/strong><br \/>\n&#8211; Cross-sell in Magento 2 refers to suggesting complementary products to customers, often displayed on the product or cart page to boost average order value.<\/p>\n<p><strong>2. How do I enable cross-sell products in Magento 2?<\/strong><br \/>\n&#8211; You can configure them manually via the admin panel or automate them using the Mageplaza Auto Related Products extension.<\/p>\n<p><strong>3. Where can I display cross-sell items in Magento 2?<\/strong><br \/>\n&#8211; By default, cross-sell items appear on the cart page. However, extensions let you display cross-sell blocks on product, homepage, or category pages.<\/p>\n<p><strong>4. What\u2019s the difference between cross-sell and upsell in Magento 2?<\/strong><br \/>\n&#8211; Cross-sell suggests related or complementary products; upsell promotes higher-end alternatives or upgrades.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Key Takeaways: Magento cross-sell features help boost average order value (AOV) by suggesting complementary products. Displaying Magento 2 cross-sell products strategically can enhance customer satisfaction and loyalty. Built-in Magento cross-sell options are limited \u2014 using an extension provides more control and automation. Proper placement and timing of cross-sell blocks can significantly increase conversions. The ultimate [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":5459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6.1 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Display Magento Cross Sell Products on Product Pages | Brightpearl<\/title>\n<meta name=\"description\" content=\"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Cross-Sell on Product Page in Magento 2?\" \/>\n<meta property=\"og:description\" content=\"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page\" \/>\n<meta property=\"og:site_name\" content=\"Brightpearl\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightpearlHQ\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-31T11:34:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-17T16:54:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/pexels-negative-space-34577-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@BrightpearlHQ\" \/>\n<meta name=\"twitter:site\" content=\"@BrightpearlHQ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"B\u00ecnh Ho\u00e0ng\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page\",\"url\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page\",\"name\":\"How to Display Magento Cross Sell Products on Product Pages | Brightpearl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.brightpearl.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/pexels-negative-space-34577-scaled.jpg\",\"datePublished\":\"2021-08-31T11:34:41+00:00\",\"dateModified\":\"2025-11-17T16:54:14+00:00\",\"description\":\"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page#primaryimage\",\"url\":\"https:\\\/\\\/www.brightpearl.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/pexels-negative-space-34577-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.brightpearl.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/pexels-negative-space-34577-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"Online shopping\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/how-to-display-cross-sell-on-product-page#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.brightpearl.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\\\/\\\/www.brightpearl.com\\\/blog\\\/category\\\/uncategorized\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Display Cross-Sell on Product Page in Magento 2?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#website\",\"url\":\"https:\\\/\\\/www.brightpearl.com\\\/\",\"name\":\"Brightpearl\",\"description\":\"Retail-tailored Digital Operations Platform\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.brightpearl.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#organization\",\"name\":\"Brightpearl\",\"url\":\"https:\\\/\\\/www.brightpearl.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.brightpearl.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/cropped-favicon.png\",\"contentUrl\":\"https:\\\/\\\/www.brightpearl.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"Brightpearl\"},\"image\":{\"@id\":\"https:\\\/\\\/www.brightpearl.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BrightpearlHQ\",\"https:\\\/\\\/x.com\\\/BrightpearlHQ\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brightpearl\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/brightpearldocs\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Display Magento Cross Sell Products on Product Pages | Brightpearl","description":"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.","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:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page","og_locale":"en_US","og_type":"article","og_title":"How to Display Cross-Sell on Product Page in Magento 2?","og_description":"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.","og_url":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page","og_site_name":"Brightpearl","article_publisher":"https:\/\/www.facebook.com\/BrightpearlHQ","article_published_time":"2021-08-31T11:34:41+00:00","article_modified_time":"2025-11-17T16:54:14+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/pexels-negative-space-34577-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@BrightpearlHQ","twitter_site":"@BrightpearlHQ","twitter_misc":{"Written by":"B\u00ecnh Ho\u00e0ng","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page","url":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page","name":"How to Display Magento Cross Sell Products on Product Pages | Brightpearl","isPartOf":{"@id":"https:\/\/www.brightpearl.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page#primaryimage"},"image":{"@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page#primaryimage"},"thumbnailUrl":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/pexels-negative-space-34577-scaled.jpg","datePublished":"2021-08-31T11:34:41+00:00","dateModified":"2025-11-17T16:54:14+00:00","description":"Learn how to display cross-sell on Magento 2 product pages to boost sales, increase average order value, and improve customer experience.","breadcrumb":{"@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page#primaryimage","url":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/pexels-negative-space-34577-scaled.jpg","contentUrl":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2021\/08\/pexels-negative-space-34577-scaled.jpg","width":2560,"height":1707,"caption":"Online shopping"},{"@type":"BreadcrumbList","@id":"https:\/\/www.brightpearl.com\/blog\/how-to-display-cross-sell-on-product-page#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.brightpearl.com\/"},{"@type":"ListItem","position":2,"name":"Uncategorized","item":"https:\/\/www.brightpearl.com\/blog\/category\/uncategorized"},{"@type":"ListItem","position":3,"name":"How to Display Cross-Sell on Product Page in Magento 2?"}]},{"@type":"WebSite","@id":"https:\/\/www.brightpearl.com\/#website","url":"https:\/\/www.brightpearl.com\/","name":"Brightpearl","description":"Retail-tailored Digital Operations Platform","publisher":{"@id":"https:\/\/www.brightpearl.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.brightpearl.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.brightpearl.com\/#organization","name":"Brightpearl","url":"https:\/\/www.brightpearl.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.brightpearl.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2020\/12\/cropped-favicon.png","contentUrl":"https:\/\/www.brightpearl.com\/wp-content\/uploads\/2020\/12\/cropped-favicon.png","width":512,"height":512,"caption":"Brightpearl"},"image":{"@id":"https:\/\/www.brightpearl.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightpearlHQ","https:\/\/x.com\/BrightpearlHQ","https:\/\/www.linkedin.com\/company\/brightpearl\/","https:\/\/www.youtube.com\/user\/brightpearldocs"]}]}},"_links":{"self":[{"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/posts\/5436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/comments?post=5436"}],"version-history":[{"count":0,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/posts\/5436\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/media\/5459"}],"wp:attachment":[{"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/media?parent=5436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/categories?post=5436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brightpearl.com\/wp-json\/wp\/v2\/tags?post=5436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}