{"id":5506,"date":"2026-10-19T14:09:35","date_gmt":"2026-10-19T12:09:35","guid":{"rendered":"https:\/\/peterteszary.com\/?post_type=sgkb-docs&#038;p=5506"},"modified":"2026-10-19T14:09:36","modified_gmt":"2026-10-19T12:09:36","slug":"hogyan-toltsek-fel-egy-uj-termeket-a-woocommerce-ben","status":"publish","type":"sgkb-docs","link":"https:\/\/peterteszary.com\/en\/utmutato\/hogyan-toltsek-fel-egy-uj-termeket-a-woocommerce-ben\/","title":{"rendered":"How do I upload a new product in WooCommerce?"},"content":{"rendered":"<h2 class=\"wp-block-heading\">(Simple vs. Variable Products)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When managing a webshop, the most common and important task is to update the product range. In the WooCommerce system, you will basically encounter two types of product types most often: <strong>With a simple product<\/strong> (e.g. a book or a mug of which there is only one type) and <strong>With a variable product<\/strong> (e.g. a T-shirt available in sizes S, M, L and three different colours).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you set the type incorrectly, customers will not be able to choose the right size for them, or stock management will become a nightmare. Let's see how to do it professionally, step by step!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Part 1: Easy product upload<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your product doesn\u2019t have a range of sizes or colors (for example, a custom mug or a downloadable e-book), you\u2019ll need to use the \u201cSimple product\u201d setting.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Navigate to add a new product.<\/strong> In the black menu on the left side of WordPress, select <strong>Products &gt; Add New<\/strong> opportunity. <em>[Screenshot location: The admin menu on the left side of WordPress, highlighted in red with the Products\/Add New button]<\/em><\/li>\n\n\n\n<li><strong>Enter the Title and Descriptions.<\/strong> In the top, large box, enter the exact name of the product (Address). <em>Into the large editing window<\/em> a detailed, long description of the product (this is usually displayed in your webshop below the page, under a tab). <em>Scroll down completely to the bottom of the page to the \u201cShort description of the product\u201d box:<\/em> write here the 2-3 sentence, teasing, punchy text that will appear next to the price of the product and the \u201cAdd to cart\u201d button. <em>[Screenshot location: The empty editor area, with an arrow pointing to the location of the Title, Long Description, and Bottom Short Description blocks]<\/em><\/li>\n\n\n\n<li><strong>Set up images and categories<\/strong> In the right sidebar, find the <strong>Product Image<\/strong> box. Upload the optimized, square main image here. If you have more than one image, those underneath the <strong>Product Gallery<\/strong> put it in a box. Also on the right, the <strong>Product categories<\/strong> box, tick the appropriate box (e.g. \u201cMugs\u201d). <em>[Screenshot location: The right column with the Product Image, Product Gallery and Categories boxes]<\/em><\/li>\n\n\n\n<li><strong>Product details: Price and Stock (The point!)<\/strong> Scroll back to the center, the <strong>Product Data<\/strong> box.\n<ul class=\"wp-block-list\">\n<li>The <em>General<\/em> tab: Enter the <strong>General price<\/strong>. If it's on sale, it's <em>Special price<\/em> field (the system will automatically drag and drop the old one).<\/li>\n\n\n\n<li>A <em>Stock<\/em> tab: If you want the machine to count the number of pieces, tick the <strong>Turn on Inventory Management<\/strong> option and enter how many pieces are in stock. <em>[Screenshot location: Product details box in the General tab with price setting]<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Publication<\/strong> Blue in the upper right corner <strong>Publication<\/strong> button to sharpen the product.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Part 2: Upload Variable Product (Choose Size and Color)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If there are several variants of your product (for example, a T-shirt available in sizes S, M, L and also in red, blue), you need to create a \u201cVariable Product\u201d. It's a bit trickier, but it has a logical structure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set Title, Descriptions, Images, and Category exactly <strong>is done in the same way as with the simple product<\/strong> (see steps 1-3). The difference is the middle <strong>Product details<\/strong> in a box:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Change of product type<\/strong> In the drop-down menu at the top of the Product Details box, click <em>Simple product<\/em> change option <strong>Variable product<\/strong>. As a result, the \u201cGeneral\u201d pricing tab disappears because you now have to enter prices for each variant (because the XXL t-shirt may be more expensive than the S). <em>[Screenshot location: Select the Product Details box, in the drop-down menu \u201cSelect a Variable Product\u201d]<\/em><\/li>\n\n\n\n<li><strong>Create properties (Attributes)<\/strong> Click on the left side of the <strong>Characteristics<\/strong> tab. This is where we create the assortment.\n<ul class=\"wp-block-list\">\n<li>Click on <em>add<\/em> button.<\/li>\n\n\n\n<li>Name: e.g. \u2018Size\u2019.<\/li>\n\n\n\n<li>Values: Type the values separated by a vertical line (| \u2013 usually \u201cAlt Gr + W\u201d on the keyboard). For example: <code>S | M | L<\/code>.<\/li>\n\n\n\n<li><strong>Critical step:<\/strong> Check out the <strong>\u2018May also be used for selections\u2019<\/strong> small square! Without it, it won't work.<\/li>\n\n\n\n<li>Click on <em>Save properties<\/em> button. <em>[Screenshot location: The Properties tab, with a filled-in \"Size\" property (S | M | L) and a ticked checkbox]<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Generation of Variations<\/strong> Now go through the <strong>Variants<\/strong> tab (under Properties).\n<ul class=\"wp-block-list\">\n<li>From the drop-down menu, select <strong>Create Variants from All Properties<\/strong> option, and then press the <em>Departure<\/em> button.<\/li>\n\n\n\n<li>The system will prompt you in a pop-up window to create the options (based on the previous example, 3 pieces: S, M, L). Push OK. <em>[Screenshot location: The Variants tab, with the generation option selected from the drop-down menu]<\/em><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Setting each variant (Price and Image)<\/strong> In the list you can now see the sizes S, M, L. Clicking on their name opens their detailed settings.\n<ul class=\"wp-block-list\">\n<li><strong>Mandatory:<\/strong> For each variant <strong>Compulsory to fill in the General Price<\/strong>, otherwise that version will not show up to the customer!<\/li>\n\n\n\n<li><em>Optional:<\/em> Here you can also add a separate image for the variations (e.g. if the red version is chosen, change the image to red).<\/li>\n\n\n\n<li>Click on <em>Save changes<\/em> button, then in the upper right corner of the blue <strong>Publication<\/strong> button! <em>[Screenshot location: Details of an opened version (e.g. size \u2018S\u2019) highlighting the mandatory field \u2018General price\u2019 in a red frame]<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udca1 Common Error: The \"Add to cart\" button has disappeared for the variable product!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you have created a variable product, but the customer cannot add it to the cart on the website (the button is missing), its 99%There is only one reason in: you forgot to enter a price under the Variations tab for the generated options. WooCommerce won\u2019t allow you to buy any option that doesn\u2019t have a price assigned to it!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Do you need custom product fields or special calculations?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your product is not just a simple T-shirt, but, say, a shutter where the customer has to specify the width and height (and the system calculates a price based on it), it cannot be handled by plain WooCommerce.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open a ticket to <strong>peterteszary.com ticket manager<\/strong> interface and I will integrate the right custom calculator system for you!<\/p>","protected":false},"excerpt":{"rendered":"<p>When managing a webshop, the most common and important task is to update the product range. <\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Hogyan t\u00f6ltsek fel egy \u00faj term\u00e9ket a WooCommerce-ben? - peterteszary.com","description":"Egy webshop menedzsel\u00e9se sor\u00e1n a leggyakoribb \u00e9s legfontosabb feladat a term\u00e9kpaletta friss\u00edt\u00e9se."},"_slim_seo_primary_term_sgkb-docs-category":587,"_slim_seo_primary_term_sgkb-docs-tag":0,"footnotes":""},"sgkb-docs-category":[587],"sgkb-docs-tag":[],"class_list":["post-5506","sgkb-docs","type-sgkb-docs","status-publish","hentry","sgkb-docs-category-webshop-kezeles-woocommerce"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs"}],"about":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/types\/sgkb-docs"}],"author":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/comments?post=5506"}],"version-history":[{"count":1,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5506\/revisions"}],"predecessor-version":[{"id":5507,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5506\/revisions\/5507"}],"wp:attachment":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/media?parent=5506"}],"wp:term":[{"taxonomy":"sgkb-docs-category","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs-category?post=5506"},{"taxonomy":"sgkb-docs-tag","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs-tag?post=5506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}