Guide to Creating Products in WooCommerce
Updated 4 days ago
In just a few steps, you’ll learn how to upload your products clearly and easily. We’ll also recommend a plugin at the end that will make updating prices in bulk much easier. Shall we begin?
First: if you aren’t logged in to your account, please log in and go to your WordPress Dashboard. Access is normally available at yoursite.com/wp-admin
We assume that you already have WooCommerce installed. If not, you can download it for free now from Plugins → Add New, as shown in the screenshot below.
After a brief "survey" performed by the component to geolocate and configure the installation, we can see that two new items have appeared in our Dashboard toolbar: WooCommerce and Products. As mentioned earlier, this guide will focus on Products.
Creating our first category
The first recommended step is to create categories for our products. For example: cakes, cookies, loaf cakes, cupcakes, etc. To do this, we’ll go to the Categories option.
In the window that opens, we can see several fields and a couple of options. By completing this information, we will create our first Category, which we need in order to organize our products by category later.
Below is a description of each field:
Name: this is where we enter the name of our Category; for example, “cakes”.
The Slug is the category’s internal name in the database; generally, it will be the same as the category itself, so we should not enter anything there. If we leave it blank, Woo will understand that we want the “slug” to be the same as the category name (that is, “cakes”).
Parent Category allows us to specify whether the Category we are creating is a main Product group (the default) or a Subcategory (for example: “vegan cakes”). If we had created the “Cakes” category, this screen would also allow us to create a Subcategory. For example, if we had previously created the Cakes category and are now creating “vegan cakes”, we can select “cakes” as the Parent Category.
Here we will enter a Description of the category; this is what users will see when they access the main “cakes” category. NOTE: not all WordPress themes display this text to users.
Display Type allows us to decide what is shown on the Category page (e.g., mysite.com/cakes). "Default" uses the value predetermined by the theme. "Subcategories" will show only the subcategories (e.g., “chocolate cakes”, “cream cakes”, etc.). "Products" will show only the products belonging to the category. “Both” will show both subcategories and main products. For the purposes of this guide, we will leave the default option selected.
Through the Thumbnail, WooCommerce allows us to specify a generic image for the entire Category. This is optional and, once again, not all themes display this image. Nevertheless, we recommend adding one as a precaution. NOTE: it is always best for all images uploaded to the site, both category and product images, to have the same dimensions. For example, 700 pixels wide by 625 pixels high is a recommended size. If you have a photographer who handles photographing your products, you can ask them to always provide the material in this size. Another option is to use a bitmap (photo) editing program such as PhotoShop or LightRoom, although there are also very easy and powerful online tools, such as https://resizeimage.net/
The Add new category button will allow us to finish creating it.
For this guide, we created the “cakes” category, and we can see it here as follows:
If we forgot something, dislike an aspect, or want to make a change, we can move the mouse pointer over the category, and a series of options will automatically appear:
The Edit option will take us back to the screen shown in the screenshot above; there we can change any field, including the Category image (if we uploaded one).
On the other hand, note that the Delete option allows us to completely remove the Category, for cases in which a product line has been discontinued. If we had already added Products to the Category we deleted, they will remain "orphaned" under the default Category, called "Uncategorized".
Adding our first product to WooCommerce
Now that we have created at least one Category, it’s time to add a product to it. We’ll go to Products → Add New, as shown in the screenshot below. Note that numbers are displayed, and their descriptions are provided below.
The indicated fields, detailed below:
Product Name: in this field, we will enter the name of our product. Example: “Black Forest Cake”. This is not only the name that will identify our Product, but also the name users will see (so it must be clear and concise).
Product Description Field: this generous field is where we describe everything relevant to our product: features, ingredients, handling precautions, and any other pertinent details.
Product Categories: here we will select the correct Category for our Product (e.g., “cakes”). NOTE: WooCommerce allows us to indicate more than one Category, because there may be cases in which the product we are creating could belong to two or more classes. In general, this will not be necessary.
Product Tags: "tags" are very useful when we want to relate a product to others that share one or more characteristics. In the example we have been using, we could tag products by ingredients. E.g.: “dulce de leche”, “chocolate”, “lemon”... Tags are entered separated by commas. Alternatively, we can enter a Tag, press ENTER, and then continue with others. Each time we press ENTER, the tag is not only assigned to the product we are editing, but the Tag is also created in the WooCommerce database (if it has not already been created). In practice, this means that in the future, when we add new Products and begin typing a Tag, WOO will autocomplete its name if it was created previously (for example, we begin typing “dul” and the “dulce de leche” option will appear so that we can select it without having to type the entire term).
Short Product Description: in this field, we will write a brief, specific excerpt about the product. However, for some types of products, certain Stores use it to provide buyers with information that differs from, but complements, the long description. E.g.: sizes, weights, measurements, voltages, packaging type, warranties, certificates, number of pieces, and much more.
Product Image: by clicking the Set product image link, we can upload the main photograph of the Product we are entering. Again, we recommend keeping a single size for all our product photos whenever possible.
Product Gallery: by clicking the Add image to product gallery link, we can upload one or more photographs of our product, which will create a clickable photo gallery, common on online marketplaces such as MercadoLibre (useful for showing different perspectives, an ingredient, or any image that complements our product).
It’s time to set a price for our product. Let’s now focus on this section of the new Product creation screen:
1. Regular Price: here we simply enter the value of our product.
2. Sale Price: optionally, we can enter an offer price. For example, if we want to offer our users a discount for a special occasion (Easter, Valentine’s Day, Christmas), this is the field to use. One advantage is that we do not affect the standard regular price and can activate or deactivate the discount without having to set the Sale Price to zero.
3. Note that the numbered link 3, Schedule, allows us to specify a time window during which this sale price will be valid. Clicking it will open two new fields:
Simply enter the “From” and “To” dates, and WOO will be scheduled to apply the discount during that specified period.
The Inventory tab allows us to manage matters related to our stock.
1. Inventory status: in the drop-down options, we can select whether the Product is available or temporarily out of stock (information that users will see when they access the Product presentation page).
Additional note: SKU (Stock Keeping Unit) refers to a unique internal identification code that we can enter if we want to assign our own numerical reference to each stocked product.
Finally, as shown in the screenshot below, the Shipping tab optionally allows us to enter the product’s weight and dimensions in its box.
Although there are more complex options for certain e-shops and special types of Products, we will not go into these details for the purposes of this simple guide. Let’s focus instead on the upper-right box:
Preview: by clicking this button, we can preview the product in a pop-up window. We can do this as many times as necessary to improve the presentation of our Product and its information. This button does not publish the product.
Publish: once we are satisfied with the entered data, we will click the “Publish” button to put our new item online for sale. From then on, it will be visible on our site to any visitor or potential buyer.
With these instructions, we can consider our simple guide complete, so you can start publishing your products right away. However, before we finish, we want to recommend a plugin that will make your life easier: BEAR, *Bulk Editor And Product Manager*. This component allows bulk editing of absolutely all WooCommerce fields: Attributes, Categories, Tags, Custom Taxonomies, Meta Fields, and more. It is so powerful and makes life so much easier that we decided to include it in this guide.
Bulk editing and importing
If we need to import products in bulk into our store, we can use WooCommerce’s native features. After creating our first product, we can use the "Export" button to obtain a .CSV file in the format we need to complete, add all the products we need, and then use the "Import" function.
If you are looking for tools for bulk editing, below we share some useful plugins
WP All Import / Export Pro + WooCommerce Advanced Bulk Edit
The solution we recommend for more complex cases, and include in our WooCommerce maintenance service, is WP All Import / Export Pro + WooCommerce Advanced Bulk Edit.