{"id":500,"date":"2026-10-15T08:27:16","date_gmt":"2026-10-15T08:27:16","guid":{"rendered":"https:\/\/doncept.com\/help\/?post_type=kb&#038;p=500"},"modified":"2026-10-21T02:52:06","modified_gmt":"2026-10-21T02:52:06","slug":"mobile-how-to-add-variable-product-on-your-website","status":"publish","type":"kb","link":"https:\/\/doncept.com\/help\/article\/mobile-how-to-add-variable-product-on-your-website\/","title":{"rendered":"How to add Variable Products to your Website"},"content":{"rendered":"<p>A variable product comes in options such as size or colour, each with its own price or stock. Use this guide to add one from your phone\/PC.<\/p>\n<p>Watch the video below for a step-by-step demonstration of the process.<\/p>\n<h3><strong>For PC\u00a0<\/strong><\/h3>\n<div style=\"width: 1280px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-500-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<h3><strong>For Mobile<\/strong><\/h3>\n<div style=\"width: 720px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-500-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<p>&nbsp;<\/p>\n<h2>Follow these Quick Steps<\/h2>\n<ul>\n<li>Log in to your WordPress admin dashboard with your username and password.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1184\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-scaled.png\" alt=\"\" width=\"2560\" height=\"1166\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-300x137.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-1024x467.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-768x350.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-1536x700.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/WP-Admin-Dashboard-2048x933.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Click\/Tap the menu icon (\u2630), then click\/tap <strong>Products &gt; Add New<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1185\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-scaled.png\" alt=\"\" width=\"2560\" height=\"1166\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-300x137.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-1024x467.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-768x350.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-1536x700.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-New-Product-2048x933.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Enter the <strong>product name<\/strong> and <strong>description<\/strong>.<\/li>\n<li>Scroll to <strong>Product data<\/strong> and select <strong>Variable product<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1191\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-scaled.png\" alt=\"\" width=\"2560\" height=\"826\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-300x97.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-1024x330.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-768x248.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-1536x495.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Variable-Product-Data-2048x661.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Click\/Tap the <strong>Attributes<\/strong> tab.<\/li>\n<li>Enter an attribute name (for example, Size).<\/li>\n<li>In <strong>Value(s)<\/strong>, enter your options separated by | (for example, <em>Small | Medium | Large<\/em>).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1190\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--scaled.png\" alt=\"\" width=\"2560\" height=\"815\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--300x96.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--1024x326.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--768x245.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--1536x489.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Add-Attributes--2048x652.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Tick <strong>Used for variations<\/strong>, then Click\/tap <strong>Save attributes<\/strong>.<\/li>\n<li>Click\/Tap the <strong>Variations<\/strong> tab.<\/li>\n<li>Select <strong>Create variations from all attributes<\/strong>, then click\/tap <strong>Go<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1192\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-scaled.png\" alt=\"\" width=\"2560\" height=\"815\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-300x96.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-1024x326.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-768x245.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-1536x489.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Create-Product-Variation-2048x652.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Click\/Tap each variation to expand it and set its <strong>Regular price<\/strong> and <strong>Stock quantity<\/strong>. Add an image if needed.<\/li>\n<li>Click\/Tap <strong>Save changes<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1193\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-scaled.png\" alt=\"\" width=\"2560\" height=\"967\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-300x113.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-1024x387.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-768x290.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-1536x580.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Configure-Variation-Price-2048x774.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<ul>\n<li>Under <strong>Product categories<\/strong>, select a category, then click\/tap <strong>Set product image<\/strong> to add a main photo.<\/li>\n<li>Click\/Tap <strong>Publish<\/strong>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1187\" src=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-scaled.png\" alt=\"\" width=\"2560\" height=\"485\" srcset=\"https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-scaled.png 2560w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-300x57.png 300w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-1024x194.png 1024w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-768x146.png 768w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-1536x291.png 1536w, https:\/\/doncept.com\/help\/wp-content\/uploads\/2026\/10\/Publish-Product-2048x388.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A variable product comes in options such as size or colour, each with its own price or stock. Use this<\/p>\n","protected":false},"author":123468,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[22,21,20],"kbtag":[],"class_list":["post-500","kb","type-kb","status-publish","hentry","kbtopic-adding-products","kbtopic-mobile-videos","kbtopic-pc-videos"],"_links":{"self":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/500","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=500"}],"version-history":[{"count":11,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/500\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kb\/500\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/media?parent=500"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kbtopic?post=500"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/doncept.com\/help\/wp-json\/wp\/v2\/kbtag?post=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}