{"id":37385,"date":"2015-01-15T11:35:53","date_gmt":"2015-01-15T16:35:53","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=37385"},"modified":"2016-12-12T03:47:25","modified_gmt":"2016-12-12T08:47:25","slug":"woocommerce-how-to-add-variable-product","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/woocommerce-how-to-add-variable-product.html","title":{"rendered":"WooCommerce. How to add variable product"},"content":{"rendered":"<p><\/p>\r\n<p>Hello, this tutorial shows how to add Variable Product to your WooCommerce catalogue.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=Y6q6xbigt4o?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to add variable product<\/a><\/p>\r\n<p>In order to set up a variable product, you should perform the following steps:<\/p>\r\n<ol>\r\n<li>\r\n<p>Open WordPress administration panel;<\/p>\r\n<\/li>\r\n<li>\r\n<p> Navigate to <strong>Products &#8211; Add Product<\/strong> tab in order to create a new product;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Fill in basic information about your product like title and product description. You can check how to add a simple product following this <a href=\"\/help\/woocommerce-how-to-manage-products.html\" target=\"_blank\">link<\/a>;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Select your product type &#8211; <strong>Variable Product<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1-300x168.png\" alt=\"Woocommerce.How_to_add_variable_product-1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-37386\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-1.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Fill in the product data the same way as you do when creating a simple product; <\/p>\r\n<\/li>\r\n<li>\r\n<p>Go to the <strong>Attributes<\/strong> tab;<\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Add<\/strong> button in order to add the attribute. Enter its title and possible values, separated by pipe (|). Check in the <strong>Used for variations<\/strong> box:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2-300x168.png\" alt=\"Woocommerce.How_to_add_variable_product-2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-37387\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-2.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Add<\/strong> button in order to add more attributes. When all the attributes are created, click <strong>Save attributes<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3-300x168.png\" alt=\"Woocommerce.How_to_add_variable_product-3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-37388\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-3.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Variations<\/strong> tab. Set up the default attributes values that will be shown on the opening product page. Click <strong>Add Variation<\/strong> to create your product variants:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4-300x168.png\" alt=\"Woocommerce.How_to_add_variable_product-4\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-37389\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-4.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>Select the attributes values for the newly created variant. Then, fill in the product information for this variant, like <strong>Stock Quantity<\/strong>,  <strong>Prices<\/strong> and other information:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5-300x168.png\" alt=\"Woocommerce.How_to_add_variable_product-5\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-37390\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5-300x168.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5-150x84.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5-1024x576.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-5.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>\r\n<p>In order to complete adding the product, assign it to a category, input product tags, add product image or create image gallery following the same steps as for the simple products. Do not forget to <strong>Publish<\/strong> your variable product:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6-300x159.png\" alt=\"Woocommerce.How_to_add_variable_product-6\" width=\"300\" height=\"159\" class=\"aligncenter size-medium wp-image-37391\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6-300x159.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6-1024x544.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/09\/Woocommerce.How_to_add_variable_product-6.png 1279w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=Y6q6xbigt4o?width=1280&amp;height=720\" rel=\"prettyPhoto\">WooCommerce. How to add variable product<\/a><br \/>\r\n<\/p>\r\n<p><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to add Variable Product to your WooCommerce catalogue.<\/p>\n","protected":false},"author":64,"featured_media":42772,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1556],"tags":[542,1741,2418],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37385"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=37385"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/37385\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/42772"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=37385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=37385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=37385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}