{"id":5572,"date":"2019-01-31T09:30:28","date_gmt":"2019-01-31T09:30:28","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=5572"},"modified":"2025-10-03T12:18:22","modified_gmt":"2025-10-03T12:18:22","slug":"how-to-create-the-related-products-and-up-sells-product-page-templates","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/","title":{"rendered":"How to Create the Related Products and Up-Sells Product Page Templates"},"content":{"rendered":"\n<p>Upsell products are more expensive or premium versions of the items customers select. They are displayed on the product&#8217;s Single Page to encourage customers to purchase higher-priced items.<\/p>\n\n\n\n<p>Related products are items that share the same tags or categories as the current products visible on the page. These products aim to showcase additional items and encourage customers to keep shopping, ultimately leading to more purchases.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-the-related-products-and-upsells-templates\"><strong>Setting the Related Products and Up-Sells Templates<\/strong><\/h2>\n\n\n\n<p>Navigate to the <strong><em>WordPress Dashboard > Crocoblock > Woo Page Builder<\/em><\/strong>, and click the \u201c<strong>Create New Template<\/strong>\u201d button.<\/p>\n\n\n\n<p>Select the \u201cArchive Item\u201d option from the <strong>This Template For<\/strong> drop-down menu, type the template name into the <strong>Template Name<\/strong> field (here, \u201cUp-Sell\u201d), and <strong>Select Layout Preset<\/strong>.<\/p>\n\n\n\n<p>You can select one of the pre-designed layouts below or ignore that option and create the layout from scratch. Afterward, click the \u201c<strong>Create Template<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-1024x640.webp\" alt=\"creating new jetwoobuilder template\" class=\"wp-image-49748\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once the page opens in the Elementor page builder, you can customize the appearance of your upsells or related products.<\/p>\n\n\n\n<p>Add necessary widgets and publish the page.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-1024x640.webp\" alt=\"upsells template widgets\" class=\"wp-image-49749\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-widgets.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-upsell-products-to-the-single-product-template\"><strong>Adding Upsell Products to the Single Product Template<\/strong><\/h2>\n\n\n\n<p>Navigate to <strong><em>WordPress Dashboard > Products > All Products<\/em><\/strong> and open the product you want to assign the upsell items to by clicking on the \u201c<strong>Edit<\/strong>\u201d link.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-1024x640.webp\" alt=\"editing woocommerce products\" class=\"wp-image-49750\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/all-products.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Scroll down to the <strong>Product data<\/strong> block, select the \u201cSimple product\u201d or \u201cVariable product\u201d option from the <strong>Product data<\/strong> drop-down menu, and open the <strong>Linked Products<\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-1024x640.webp\" alt=\"adding upsells and cross-sells to a Woo product\" class=\"wp-image-49751\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsell-crossels-items.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Upsells<\/strong> and <strong>Cross-sells<\/strong> fields, respectively, enable the selection of products for <strong>Upsells <\/strong>and <strong>Related <\/strong>pages. Upsells are designed to appear on the single product page, encouraging customers to select higher-value options. At the same time, cross-sells are designed for display on the cart page to suggest complementary or related items.<\/p>\n\n\n\n<p>When you&#8217;ve finished adding the upsells or related products, click the &#8220;<strong>Update<\/strong>&#8221; button to save your changes.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">You don\u2019t need to add related products separately. They will be displayed on the page automatically if the products have mutual categories or tags.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"assigning-the-templates-and-customizing-them\"><strong>Assigning the Templates and Customizing Them<\/strong><\/h2>\n\n\n\n<p>Go to <strong><em>WordPress Dashboard > WooCommerce > Settings<\/em><\/strong>, and switch to the <strong>JetWooBuilder<\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-1024x640.webp\" alt=\"jetwoobuilder tab in the woocommerce section\" class=\"wp-image-49752\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/woocommerce-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Scroll to the <strong>Archive Product<\/strong> section of the settings page. Activate the <strong>Enable custom archive product<\/strong> toggle and select the created <em>JetWooBuilder<\/em> template (here, \u201cUp Sells Products Template\u201d) from the <strong>Related and Up-Sells Products Template<\/strong> drop-down.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-1024x640.webp\" alt=\"assigning the upsells template\" class=\"wp-image-49753\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/custom-archive-product.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The <strong>Enable the custom archive product<\/strong> toggle allows the use of custom archive pages.<\/p><\/div><\/div>\n\n\n\n<p>You can set the <strong>Number of related\/up-sells products to show<\/strong> in the <strong>Other Options<\/strong> section.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-1024x640.webp\" alt=\"setting the product display limit\" class=\"wp-image-49754\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/other-options.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>When done, press the \u201c<strong>Save changes<\/strong>\u201d button.<\/p>\n\n\n\n<p>The related and upsell products will be added to the single product page by default.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-1024x640.webp\" alt=\"upsells preview on the front-end\" class=\"wp-image-49755\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/upsells-front-end.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all; now you know how to add upsells and related products to individual product pages with the JetWooBuilder plugin on a WordPress store powered by <em>WooCommerce<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial uncovers the steps you should take to set the related and up-sell product page templates using JetWooBuilder.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[522],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-03T12:18:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/\",\"name\":\"How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-31T09:30:28+00:00\",\"dateModified\":\"2025-10-03T12:18:22+00:00\",\"description\":\"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create the Related Products and Up-Sells Product Page Templates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock","description":"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.","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:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/","og_locale":"en_US","og_type":"article","og_title":"How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock","og_description":"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/","og_site_name":"Help Center","article_modified_time":"2025-10-03T12:18:22+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/10\/create-template-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/","name":"How to Apply Related Products to WooCommerce Shop Page \u2014 JetWooBuilder | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-31T09:30:28+00:00","dateModified":"2025-10-03T12:18:22+00:00","description":"Learn how to create and display related products and upsells on WooCommerce product pages using JetWooBuilder. Step-by-step guide for setting up templates and boosting sales.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/how-to-create-the-related-products-and-up-sells-product-page-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create the Related Products and Up-Sells Product Page Templates"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/5572"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=5572"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=5572"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=5572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}