{"id":46159,"date":"2024-11-20T19:43:19","date_gmt":"2024-11-20T19:43:19","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&p=46159"},"modified":"2024-11-20T19:55:51","modified_gmt":"2024-11-20T19:55:51","slug":"setting-prices-for-variations-in-woocommerce","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/","title":{"rendered":"Setting Prices for Variations in WooCommerce"},"content":{"rendered":"\n

Setting Prices for Variations<\/strong><\/h2>\n\n\n\n
\n

Move to the WordPress Dashboard > Products > All Products<\/em><\/strong> tab. Here, hover your cursor over the needed product, click the \u201cEdit<\/strong>\u201d link under the product title, and unroll the product.<\/p>\n\n\n\n

\"products<\/a><\/div>\n\n\n\n

Navigate to the Variations<\/strong> section and unfold it. Here, select the needed variation and press the \u201cEdit<\/strong>\u201d link near the appropriate product variation.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

To add prices to the attribute, fill out the Regular price ($)<\/strong> field. If needed, complete the Sale price ($)<\/strong> field and press the \u201cSchedule<\/strong>\u201d link.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

Then, the Sale start date<\/strong> and Sale end date<\/strong> fields will appear; these fields allow for selecting the corresponding dates.\u00a0<\/p>\n\n\n\n

\"editing<\/a><\/div>\n\n\n\n

Once completed, scroll the tab down and click the \u201cSave changes<\/strong>\u201d button.\u00a0<\/p>\n\n\n\n

Read the How to Create Product Attributes in WooCommerce<\/a> <\/strong>tutorial to learn how to create different types of Woo\u0421ommerce <\/em>product attributes and manage the needed settings.\u00a0<\/p>\n<\/div><\/div>\n\n\n\n

Adding the JetWooBuilder\u2019s Widgets to Display Prices<\/strong><\/h2>\n\n\n\n
\n

Open the previously created Single page<\/strong>. Customize it as needed. <\/p>\n\n\n\n

Watch the How to Create a Single Product Page Template in WordPress<\/a> video to learn in more detail how to use the JetThemeCore<\/em><\/a>, JetWooBuilder<\/em>, and JetProductGallery<\/em><\/a> plugins to display products and variations.<\/p>\n\n\n\n

Displaying the price range of Product Variations<\/strong><\/h3>\n\n\n\n

Find the Single Price<\/strong> widget and drag-n-drop it to the template. This widget will show the minimal and maximal prices for product variations. In this case, it is a \u201c70.00\u201d \u30fc \u201c78.00\u201d price range.<\/p>\n\n\n\n

\"displaying<\/a><\/div>\n\n\n\n

Displaying the price for Product Variations<\/strong><\/h3>\n\n\n\n

Find the Single Add to Cart<\/strong> widget and drag-n-drop it to the template. After adding this widget, the block that allows selecting the needed options will be displayed on the template.<\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

Once completed, press the \u201cPublish<\/strong>\u201d button and move to the front end to observe how this widget works: after choosing the needed product variation, the widget will show its price.<\/p>\n\n\n\n

\"displaying<\/a><\/div>\n<\/div><\/div>\n\n\n\n

That\u2019s it. Now you know how to set the prices for WooCommerce<\/em> product variations and display the WooCommerce<\/em> attribute price for each product variation and the whole price range using the JetWooBuilder <\/em>widgets for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"

Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[],"yoast_head":"\nSetting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.\" \/>\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\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Setting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-20T19:55:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/11\/products-enlisted-in-the-products-tab-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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/\",\"name\":\"Setting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-11-20T19:43:19+00:00\",\"dateModified\":\"2024-11-20T19:55:51+00:00\",\"description\":\"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Setting Prices for Variations in WooCommerce\"}]},{\"@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":"Setting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock","description":"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.","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\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"Setting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock","og_description":"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/","og_site_name":"Help Center","article_modified_time":"2024-11-20T19:55:51+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/11\/products-enlisted-in-the-products-tab-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/","name":"Setting Prices for Variations in WooCommerce \u4e00 JetWooBuilder | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-11-20T19:43:19+00:00","dateModified":"2024-11-20T19:55:51+00:00","description":"Learn how to set the prices for WooCommerce product variations and display them for each product variation and the whole price range using the widgets of the JetWooBuilder plugin for Elementor.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/setting-prices-for-variations-in-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Setting Prices for Variations in WooCommerce"}]},{"@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\/tips-and-tricks\/46159"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=46159"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=46159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}