{"id":1013,"date":"2026-03-18T18:01:00","date_gmt":"2026-03-18T18:01:00","guid":{"rendered":"https:\/\/doncept.com\/help\/?post_type=kb&#038;p=1013"},"modified":"2026-03-18T18:01:00","modified_gmt":"2026-03-18T18:01:00","slug":"how-to-add-a-variable-product-in-wordpress","status":"publish","type":"kb","link":"https:\/\/doncept.com\/help\/article\/how-to-add-a-variable-product-in-wordpress\/","title":{"rendered":"How to Add a Variable Product in WordPress"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Variable products allow you to sell items with different options such as <\/span><b>size, color, material, or style<\/b><span style=\"font-weight: 400;\">. Each option (called a <\/span><b>variation<\/b><span style=\"font-weight: 400;\">) can have its own price, stock quantity, and image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This guide explains how to create a variable product in WooCommerce from your WordPress dashboard.<\/span><\/p>\n<p><strong>For PC<\/strong><\/p>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1013-1\" width=\"1280\" height=\"720\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-PC.mp4?_=1\" \/><a href=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-PC.mp4\">https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-PC.mp4<\/a><\/video><\/div>\n<p><strong>For Mobile<\/strong><\/p>\n<div style=\"width: 720px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-1013-2\" width=\"720\" height=\"1280\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-Mobile.mp4?_=2\" \/><a href=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-Mobile.mp4\">https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/03\/How-to-Add-Variable-Product-Mobile.mp4<\/a><\/video><\/div>\n<h2><b>Step 1: Log in to Your WordPress Dashboard<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Start by accessing the WordPress admin area.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open your browser and go to your login page.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Example: <\/span><span style=\"font-weight: 400;\">yourwebsite.com\/wp-admin<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter your <\/span><b>username<\/b><span style=\"font-weight: 400;\"> and <\/span><b>password<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Log In<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">You will be redirected to the <\/span><b>WordPress dashboard<\/b><span style=\"font-weight: 400;\">, where you can manage products and store settings.<\/span><\/p>\n<h2><b>Step 2: Navigate to Add New Product<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Next, open the product creation page.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the <\/span><b>left-hand side panel<\/b><span style=\"font-weight: 400;\">, locate <\/span><b>Products<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Products<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select <\/span><b>Add New<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">This will open the <\/span><b>product editor,<\/b><span style=\"font-weight: 400;\"> where you can create a new product.<\/span><\/p>\n<h2 data-section-id=\"h9qxke\" data-start=\"179\" data-end=\"228\">Step 3: Enter the Product Details<\/h2>\n<p data-start=\"230\" data-end=\"303\">At the top of the product editor, enter the product name and description.<\/p>\n<p data-section-id=\"scojoq\" data-start=\"305\" data-end=\"323\"><strong>Product Name<\/strong><\/p>\n<p data-start=\"324\" data-end=\"366\">Add a clear and descriptive product title. <strong data-start=\"368\" data-end=\"381\">Examples: <\/strong>Wireless Headphones, Men&#8217;s Casual Sneakers, Stainless Steel Water Bottle<\/p>\n<p data-start=\"466\" data-end=\"543\">Choose a name that is simple, specific, and easy for customers to understand.<\/p>\n<p data-section-id=\"nc3bgr\" data-start=\"545\" data-end=\"570\"><strong>Product Description<\/strong><\/p>\n<p data-start=\"571\" data-end=\"636\">Below the title field, you will find the main description editor.<\/p>\n<p data-start=\"638\" data-end=\"714\">Use this section to provide detailed information about the product, such as: Key features, Materials or specifications, Product benefits, Usage instructions<\/p>\n<p data-start=\"809\" data-end=\"908\">A well-written description improves user understanding and can also boost search engine visibility.<\/p>\n<p data-start=\"966\" data-end=\"1069\">Before configuring product data, move to the right-hand sidebar to add images and organize your product.<\/p>\n<p data-section-id=\"1a2dgup\" data-start=\"1071\" data-end=\"1098\"><strong>Set the Product Image<\/strong><\/p>\n<p data-start=\"1099\" data-end=\"1173\">This is the main image customers will see on your store and product pages.<\/p>\n<ul data-start=\"1175\" data-end=\"1335\">\n<li data-section-id=\"1fb4jff\" data-start=\"1175\" data-end=\"1213\">\n<p data-start=\"1177\" data-end=\"1213\">Locate the <strong data-start=\"1188\" data-end=\"1205\">Product Image<\/strong> panel<\/p>\n<\/li>\n<li data-section-id=\"ycq0rs\" data-start=\"1214\" data-end=\"1245\">\n<p data-start=\"1216\" data-end=\"1245\">Click <strong data-start=\"1222\" data-end=\"1243\">Set product image<\/strong><\/p>\n<\/li>\n<li data-section-id=\"2wr5xw\" data-start=\"1246\" data-end=\"1305\">\n<p data-start=\"1248\" data-end=\"1305\">Upload a new image or select one from the media library<\/p>\n<\/li>\n<li data-section-id=\"bn3p0o\" data-start=\"1306\" data-end=\"1335\">\n<p data-start=\"1308\" data-end=\"1335\">Click <strong data-start=\"1314\" data-end=\"1335\">Set product image<\/strong><\/p>\n<\/li>\n<\/ul>\n<p data-section-id=\"141i2wg\" data-start=\"1337\" data-end=\"1369\"><strong>Add Product Gallery Images<\/strong><\/p>\n<p data-start=\"1370\" data-end=\"1429\">The product gallery allows you to showcase multiple images.<\/p>\n<ul data-start=\"1431\" data-end=\"1539\">\n<li data-section-id=\"1gx9oaj\" data-start=\"1431\" data-end=\"1461\">\n<p data-start=\"1433\" data-end=\"1461\">Locate <strong data-start=\"1440\" data-end=\"1459\">Product Gallery<\/strong><\/p>\n<\/li>\n<li data-section-id=\"1dc7qb4\" data-start=\"1462\" data-end=\"1502\">\n<p data-start=\"1464\" data-end=\"1502\">Click <strong data-start=\"1470\" data-end=\"1500\">Add product gallery images<\/strong><\/p>\n<\/li>\n<li data-section-id=\"zz7mka\" data-start=\"1503\" data-end=\"1539\">\n<p data-start=\"1505\" data-end=\"1539\">Upload or select multiple images<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"1541\" data-end=\"1609\">Use gallery images to show different angles, features, or use cases.<\/p>\n<p data-section-id=\"5d17i5\" data-start=\"1611\" data-end=\"1642\"><strong>Assign a Product Category<\/strong><\/p>\n<p data-start=\"1643\" data-end=\"1702\">Categories help organize your store and improve navigation.<\/p>\n<ul data-start=\"1704\" data-end=\"1825\">\n<li data-section-id=\"18lgv6n\" data-start=\"1704\" data-end=\"1745\">\n<p data-start=\"1706\" data-end=\"1745\">Find the <strong data-start=\"1715\" data-end=\"1737\">Product Categories<\/strong> panel<\/p>\n<\/li>\n<li data-section-id=\"1bv9yi4\" data-start=\"1746\" data-end=\"1777\">\n<p data-start=\"1748\" data-end=\"1777\">Select an existing category<\/p>\n<\/li>\n<li data-section-id=\"dvypot\" data-start=\"1778\" data-end=\"1825\">\n<p data-start=\"1780\" data-end=\"1825\">Or click <strong data-start=\"1789\" data-end=\"1809\">Add New Category<\/strong> to create one<\/p>\n<\/li>\n<\/ul>\n<h2><b>Step 4: Edit Product Data\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Scroll down to the <\/span><b>Product Data<\/b><span style=\"font-weight: 400;\"> section.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>Product Type dropdown<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select <\/span><b>Variable Product<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">This will unlock additional tabs needed to create product variations.<\/span><\/p>\n<p><b>Add Product Attributes<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Attributes define the options customers can choose from, such as size or color.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the <\/span><b>Product Data<\/b><span style=\"font-weight: 400;\"> section, click the <\/span><b>Attributes<\/b><span style=\"font-weight: 400;\"> tab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Add<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter the attribute name. <\/span>Example: <strong>Size, Color<\/strong><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">In the <\/span><b>Values<\/b><span style=\"font-weight: 400;\"> field, enter the available options separated by a pipe symbol <\/span><span style=\"font-weight: 400;\">|<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Example:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Small | Medium | Large<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Red | Blue | Black.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Click <\/span><b>Save Attributes<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can add multiple attributes if your product has several options.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Example:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Size: Small | Medium | Large<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Color: Red | Blue | Black<\/span><\/li>\n<\/ul>\n<p><b>Create Product Variations<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Once attributes are saved, you can generate variations.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the <\/span><b>Variations<\/b><span style=\"font-weight: 400;\"> tab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select <\/span><b>Generate variations<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Save Changes<\/b><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">WooCommerce will automatically generate all possible combinations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Example:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Small \u2013 Red<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Small \u2013 Blue<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Medium \u2013 Red<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Medium \u2013 Blue<\/span><\/li>\n<\/ul>\n<h2><b>Step 5: Configure Variation Details<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">After generating variations, you could set a price for all variations, or you could set different individual prices for each variation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For every variation, you can set:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Regular price<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Sale price<\/b><span style=\"font-weight: 400;\"> (optional)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>SKU<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Stock quantity<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Weight or dimensions<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Variation image<\/b><span style=\"font-weight: 400;\"> (optional)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Click on a variation to expand it and fill in the required details.<\/span><\/p>\n<h2><b>Step 6: Publish the Product<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Once all details are complete:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Review the product information.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click <\/span><b>Publish<\/b><span style=\"font-weight: 400;\"> in the top-right corner.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Your variable product will now be available in your WooCommerce store, and customers can select the variation they want before purchasing.<\/span><\/p>\n<h2><b>Best Practices for Variable Products<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">To create a better shopping experience:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use <\/span><b>clear attribute names<\/b><span style=\"font-weight: 400;\"> such as Size or Color.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add <\/span><b>images for each variation<\/b><span style=\"font-weight: 400;\"> when possible.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Keep variation combinations manageable.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure <\/span><b>pricing and stock are set for every variation<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use <\/span><b>high-quality images<\/b><span style=\"font-weight: 400;\"> for product display.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Variable products make your store and its items more flexible and allow customers to choose the exact option they want.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Variable products allow you to sell items with different options such as size, color, material, or style. Each option (called<\/p>\n","protected":false},"author":123468,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[22],"kbtag":[],"class_list":["post-1013","kb","type-kb","status-publish","hentry","kbtopic-adding-products"],"_links":{"self":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/1013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/users\/123468"}],"replies":[{"embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/comments?post=1013"}],"version-history":[{"count":1,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/1013\/revisions"}],"predecessor-version":[{"id":1016,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/1013\/revisions\/1016"}],"wp:attachment":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/media?parent=1013"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kbtopic?post=1013"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kbtag?post=1013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}